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!

Warning: session_name(): Cannot change session name when headers already sent in /home/studeoj4/public_html/media/themes/studentwebhosting/taxonomy-courses.php on line 45

Warning: session_start(): Cannot start session when headers already sent in /home/studeoj4/public_html/media/themes/studentwebhosting/taxonomy-courses.php on line 46

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