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
"Your Student Hosting helped my students out tremendously! The discount codes are great." - Travis

Copyright © 2012 - 2018 All rights reserved | Student Web Hosting is a product of Ballyhoo LLC. +1 (773) 542-3081