HTML5 & CSS3 Site Design

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome to HTML5 & CSS3!

Lecture 2: A Look At What We'll Build

Chapter 2: Let's Get Started!

Lecture 1: Programs I'll Be Using

Lecture 2: In The Beginning…HTML Fundamentals

Lecture 3: Understanding What CSS is All About

Lecture 4: Viewing A Page's Background Code

Chapter 3: Gettin' Your Files Organized!

Lecture 1: Organizing Site Files

Lecture 2: Creating A Page and Understanding Index Files

Lecture 3: Setting Up An External Style Sheet

Chapter 4: Doin' Nuthin'? Let's Build A Web Layout From Scratch!

Lecture 1: Setting Up The Page Structure

Lecture 2: Connecting the External Style Sheet and Testing

Lecture 3: Inserting and Formatting the Site Header

Lecture 4: Finishing Up The Basic Layout

Lecture 5: Debugging for Internet Explorer

Lecture 6: Understanding How the Layout Works

Lecture 7: Using Divs for Page Layout

Lecture 8: A More Economical Approach to Layout and CSS

Lecture 9: Using Float And Clear

Lecture 10: Centering the Layout

Lecture 11: Nesting Layout Objects

Lecture 12: Spacing Apart the Layout

Lecture 13: Final Touches

Chapter 5: Insertin' And Formattin' Text!

Lecture 1: Inserting Text Into the Layout

Lecture 2: Setting Up Paragraphs and Headings

Lecture 3: Adjusting the Layout For Text, Part 1

Lecture 4: Adjusting the Layout For Text, Part 2

Lecture 5: Formatting HTML Headings with CSS

Lecture 6: Formatting Paragraphs

Lecture 7: Using Class Rules to Format Text

Lecture 8: More Formatting with Class Rules

Lecture 9: Working More Efficiently with CSS

Lecture 10: Inserting and Formatting Lists

Lecture 11: Using A List to Build The Main Navigation Menu

Lecture 12: Setting Up the Footer Navigation

Chapter 6: Now It's Time For Some Graphics!

Lecture 1: Inserting an Image

Lecture 2: Resizing Images with your Graphics Editor

Lecture 3: Controlling Graphics with CSS

Lecture 4: Inserting the FeatureBox Images

Lecture 5: Adjusting the FeatureBox Layout

Lecture 6: Setting Up the FeatureBox Titles

Lecture 7: Illustrator, Photoshop, HTML, and CSS Workflow

Chapter 7: Site Rollout: From A Single Page To A Multi-Page Site!

Lecture 1: Getting Ready for Site Rollout

Lecture 2: How to Not Roll Out A Website

Lecture 3: Rollout Part 1: Setting Internal Hyperlinks

Lecture 4: Rollout Part 2: Creating The Site's Pages

Lecture 5: Previewing And Testing The Site

Lecture 6: A Final Thought on Site Rollout

Chapter 8: Inserting Additional Page Elements!

Lecture 1: Adjusting the Site's Hyperlink Formatting

Lecture 2: Inserting A Simple Slideshow

Lecture 3: Inserting and Formatting Tables

Lecture 4: Inserting A Google Map

Lecture 5: Formatting A Customer Testimonial Page

Lecture 6: Setting Up A Contact Us Page

Lecture 7: Finalizing the Site

Lecture 8: Organizing the CSS File

Chapter 9: Going Live: Uploading the Completed Site!

Lecture 1: Setting the Remote Site Info

Lecture 2: Uploading the Local Site to the Remote Server

Lecture 3: Testing the Live Site

Lecture 4: Making Edits and Updating the Live Site

Lecture 5: Testing And Debugging For Other Browsers

Chapter 10: Wrapping Up HTML5 & CSS3

Lecture 1: Where to Go from Here

Chapter 11: Bonus Material

Lecture 1: Bonus Lecture