Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML5 & CSS3 Site Design
1.Introduction
Welcome To HTML5 & CSS3!
A Look At What We'll Build
2.Let's Get Started!
Programs I'll Be Using
In The Beginning…HTML Fundamentals
Understanding What CSS Is All About (Free Lesson!)
Viewing A Page's Background Code
3.Gettin' Your Files Organized!
Organizing Site Files
Creating A Page And Understanding Index Files
Setting Up An External Style Sheet
4.Doin' Nuthin'? Let's Build A Web Layout From Scratch!
Setting Up The Page Structure
Connecting The External Style Sheet And Testing
Inserting And Formatting The Site Header
Finishing Up The Basic Layout
Debugging For Internet Explorer
Understanding How The Layout Works
Using Divs For Page Layout
A More Economical Approach To Layout And CSS (Free Lesson!)
Using Float And Clear
Centering The Layout
Nesting Layout Objects
Spacing Apart The Layout
Final Touches
5.Insertin' And Formattin' Text!
Inserting Text Into The Layout
Setting Up Paragraphs And Headings
Adjusting The Layout For Text, Part 1
Adjusting The Layout For Text, Part 2
Formatting HTML Headings With CSS
Formatting Paragraphs
Using Class Rules To Format Text
More Formatting With Class Rules
Working More Efficiently With CSS
Inserting And Formatting Lists
Using A List To Build The Main Navigation Menu
Setting Up The Footer Navigation
6.Now It's Time For Some Graphics!
Inserting An Image
Resizing Images With Your Graphics Editor
Controlling Graphics With CSS
Inserting The FeatureBox Images (Free Lesson!)
Adjusting The FeatureBox Layout
Setting Up The FeatureBox Titles
Illustrator, Photoshop, HTML, And CSS Workflow
7.Site Rollout: From A Single Page To A Multi-Page Site!
Getting Ready For Site Rollout
How To Not Roll Out A Website
Rollout Part 1_Setting Internal Hyperlinks
Rollout Part 2_Creating The Site's Pages
Previewing And Testing The Site
A Final Thought On Site Rollout
8.Inserting Additional Page Elements!
Adjusting The Site's Hyperlink Formatting
Inserting A Simple Slideshow
Inserting And Formatting Tables
Inserting A Google Map
Formatting A Customer Testimonial Page
Setting Up A Contact Us Page
Finalizing The Site
Organizing The CSS File
9.Going Live: Uploading the Completed Site!
Setting The Remote Site Info
Uploading The Local Site To The Remote Server
Testing The Live Site
Making Edits And Updating The Live Site
Testing And Debugging For Other Browsers
10.Wrapping Up HTML5 & CSS3
Where to go from here
Formatting A Customer Testimonial Page
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock