Скачать или смотреть Lecture 7 Normalize vs Reset What is the difference

Welcome to PSD to HTML5 & CSS3! I want to start by saying thank you for signing up for this course. In my opinion, the best way to learn how to build a website is by getting your hands dirty.

This is the very way I learned how to build my very first website, and I want to share with you a course that is crafted and curated to set you on your way to website building success.

Let's get started!

In this course we are going to be hand-coding a single-page website in valid HTML5 and CSS3. We will be working off of a simple Photoshop Mockup. The mockup is designed with a common layout, and is simple enough to teach basic coding techniques and conventions.

To start building your HTML5 & CSS3 website, you're going to need a few things:

Adobe Photoshop CS3 or higher (free trial version here)
A code editor
TextWrangler * — Free
BBEdit
Coda 2 (highly recommended)
CodeRunner
Taco Edit
Espresso
Sublime Text 2 (for Windows users)
A very basic understanding of HTML (and/or HTML5)
It would be good to brush up on HTML here: http://www.htmldog.com/guides/htmlbeg...
You can learn a thing or two about HTML5 with these useful infographics
A very basic understanding of CSS (and/or CSS3)
For CSS beginners, have a look through this website and then come right back: http://www.htmldog.com/guides/cssbegi...
You can brush up on important elements of CSS3 with this infographic
A web browser
I recommend Google Chrome, or Apple Safari as these browsers have the most support for HTML5 and CSS3
Bonus (not required)
Slicy — Automates the Photoshop "slicing" process, if you are looking for a quick way to slice up your Photoshop Mockups, Slicy will help immensely.
You will also need the Photoshop Mockup in order to follow along. The PSD file is attached to this lecture, go ahead and download the PSD and save it on your Desktop (or somewhere easy to find).

It's good to note that if you will be using TextWrangler as your code editor of choice during this course, there are differences in the User Interface from the code editor I will be using, which is Coda 2. Should you find yourself confused at any point, or afraid you're missing something because of the differences in our code editors, don't panic! Just pause the video, and ask a question in the Questions Section of that lecture, and I will do my absolute best to answer your question within a reasonable amount of time—if not immediately.