Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML5 & CSS3 Site Design
1.Introduction
Welcome To HTML5 & CSS3! (0:57)
A Look At What We'll Build (2:14)
2.Let's Get Started!
Programs I'll Be Using (3:24)
In The Beginning…HTML Fundamentals (11:18)
Understanding What CSS Is All About (Free Lesson!) (6:34)
Viewing A Page's Background Code (4:15)
3.Gettin' Your Files Organized!
Organizing Site Files (6:43)
Creating A Page And Understanding Index Files (5:40)
Setting Up An External Style Sheet (3:36)
4.Doin' Nuthin'? Let's Build A Web Layout From Scratch!
Setting Up The Page Structure (6:53)
Connecting The External Style Sheet And Testing (8:13)
Inserting And Formatting The Site Header (7:35)
Finishing Up The Basic Layout (4:48)
Debugging For Internet Explorer (3:24)
Understanding How The Layout Works (5:49)
Using Divs For Page Layout (7:13)
A More Economical Approach To Layout And CSS (Free Lesson!) (7:50)
Using Float And Clear (5:53)
Centering The Layout (9:00)
Nesting Layout Objects (7:03)
Spacing Apart The Layout (9:11)
Final Touches (4:45)
5.Insertin' And Formattin' Text!
Inserting Text Into The Layout (4:15)
Setting Up Paragraphs And Headings (4:35)
Adjusting The Layout For Text, Part 1 (7:35)
Adjusting The Layout For Text, Part 2 (5:19)
Formatting HTML Headings With CSS (6:48)
Formatting Paragraphs (4:09)
Using Class Rules To Format Text (5:22)
More Formatting With Class Rules (9:06)
Working More Efficiently With CSS (6:52)
Inserting And Formatting Lists (6:40)
Using A List To Build The Main Navigation Menu (10:15)
Setting Up The Footer Navigation (6:29)
6.Now It's Time For Some Graphics!
Inserting An Image (6:27)
Resizing Images With Your Graphics Editor (4:51)
Controlling Graphics With CSS (7:06)
Inserting The FeatureBox Images (Free Lesson!) (7:10)
Adjusting The FeatureBox Layout (2:56)
Setting Up The FeatureBox Titles (6:18)
Illustrator, Photoshop, HTML, And CSS Workflow (7:27)
7.Site Rollout: From A Single Page To A Multi-Page Site!
Getting Ready For Site Rollout (3:36)
How To Not Roll Out A Website (7:06)
Rollout Part 1_Setting Internal Hyperlinks (4:36)
Rollout Part 2_Creating The Site's Pages (1:32)
Previewing And Testing The Site (4:02)
A Final Thought On Site Rollout (5:25)
8.Inserting Additional Page Elements!
Adjusting The Site's Hyperlink Formatting (6:57)
Inserting A Simple Slideshow (8:28)
Inserting And Formatting Tables (8:14)
Inserting A Google Map (7:50)
Formatting A Customer Testimonial Page (7:06)
Setting Up A Contact Us Page (6:43)
Finalizing The Site (11:54)
Organizing The CSS File (5:27)
9.Going Live: Uploading the Completed Site!
Setting The Remote Site Info (3:51)
Uploading The Local Site To The Remote Server (2:24)
Testing The Live Site (2:04)
Making Edits And Updating The Live Site (6:49)
Testing And Debugging For Other Browsers (9:52)
10.Wrapping Up HTML5 & CSS3
Where to go from here (0:22)
A More Economical Approach To Layout And CSS (Free Lesson!)
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
More than one instance of Sumo is attempting to start on this page. Please check that you are only loading Sumo once per page.