Step 1: Lesson 1 - introduction
Lesson 1: Getting started Viewed Type Step 2: The design Step 3: Design mockups Step 4: The markup Step 5: CSS Resets Step 6: Sample 1 zip file Step 7: Exercise - Part 1 Step 8: Exercise - Part 2 Step 9: Exercise - Part 3 Step 10: Exercise - Part 4 Step 11: Sample 1 finished zip file | Lesson 2: Styling the overall layout Viewed Type Step 1: Introduction to Layouts & Grids Step 2: Overall Layout Step 3: Browsers support Step 4: Sample 2 zip file Step 5: The Exercise Step 6: Sample 1 finished zip file | Lesson 3: Setting Up the Images Viewed Type Step 1: Preparing images Step 2: Avoiding Problems Step 3: Markup and Images Step 4: Explaining our image sprite Step 5: Sample 3 zip file Step 6: The exercise Step 7: Sample 3 finished zip file |
Lesson 4: Styling the Header Using Absolute &
Relative Positioning Viewed Type Step 1: Sample 4 zip file Step 2: Styling the Header Step 3: The form markup Step 4: Styling the form Step 5: Styling the form components Step 6: Adding a background image Step 7: Sample 4 finished zip file | Lesson 5: Recorded Q&A Session Viewed Type Step 1: Recorded Q&A Step 2: Q&A Session A Step 3: Q&A Session B | Lesson 6: Styling the primary nav Viewed Type Step 1: Sample 6 zip file Step 2: The primary nav markup Step 3: Styling the LI element Step 4: Explaining the "Sliding doors" technique Step 5: Styling the A element Step 6: Explaining block formatting context Step 7: Fixing the UL element Step 8: Sample 6 finished zip file |
Lesson 7: Styling the nested list Viewed Type Step 1: Sample 7 zip file Step 2: The section nav markup Step 3: Styling the section nav Step 4: Styling the nested list Step 5: Styling the footer Step 6: Sample 7 finished zip file | Lesson 8: Dealing with page objects Viewed Type Step 1: Explaining page objects Step 2: Creating classes Step 3: Sample 8 zip file Step 4: Exercise - Part 1 Step 5: Exercise - Part 2 Step 6: Exercise - Part 3 Step 7: Exercise - Part 4 Step 8: Sample 8 finished zip file | Lesson 9: Wrapping Up & Testing Viewed Type Step 1: Wrap Up & Testing Step 2: Code and layout testing Step 3: Sample 9 zip file Step 4: Exercise - dealing with IE Step 5: Page speed testing Step 6: Exercise - Using media types Step 7: Exercise - going to print Step 8: CSS Media Types Step 9: Sample 9 finished zip file |
