Course: 05 - Practical HTML & CSS

In this course we pick up where we left on in our Photoshop for Web Design course. We'll take the design created in Photoshop and hand code a production ready HTML & CSS web layout. We'll cover several practical HTML and CSS layout techniques as well as a working menu with rollover states in place. We'll be enhancing our layout with CSS3 along the way to reduce our dependency on bitmap images. Ready? let's go!

Series Intro
Practical HTML & CSS Series Intro	02:45
Photoshop Slicing
Photoshop Slicing	11:59
Photoshop User vs. Auto Slices	05:56
Save Slices for Web	11:43
Wireframing
HTML Wireframe	07:36
Apply CSS Reset	04:40
CSS Wireframing	08:35
Header Section
Logo CSS	09:12
Navigation Part 1	05:19
Navigation Part 2	06:31
Navigation Part 3	04:35
Background & Slider
Background Image	08:42
Featured Slider	11:16
Content Columns
Content Columns	07:32
Clearfix Hack	03:27
Main Content Area
Content Boxes Part 1	07:32
Content Boxes Part 2	04:20
Content Boxes Part 3	06:16
Callout Box Part 1	05:01
Callout Box Part 2	08:42
Content Copy	05:47
Sidebar Area
Sidebar Heading	03:33
Sidebar Well	07:19
Sidebar Testimonial	08:04
Subpages
Subpage Preparation	02:19
Create Subpage	04:43
Create Remaining Subpages	10:37
Outro
W3C Code Validator	05:19
HTML & CSS Real World Outro	01:44