HTML5 & CSS3 Site Design

Need to learn how to build a website, or brush up on your coding skills to enhance an existing site? This course will show you, step-by-step, how to set up a web site from scratch and tips and tricks of the trade to make your site more attractive and user-friendly. From what tools you need to build your site and creating and formatting pages, to what to test and look for before your site goes live, award-winning trainer Geoff Blake gives detailed and valuable information that will help you to master HTML coding skills. Geoff's casual tone, real world examples, and the follow-along video make this course as entertaining as it is informative.

What Will I Learn?

• Gain valuable skills, develop web projects, and push your career forward!

Class Curriculum

1.Introduction

Start

Welcome To HTML5 & CSS3! (0:57)

Start

A Look At What We'll Build (2:14)

2.Let's Get Started!

Start

Programs I'll Be Using (3:24)

Start

In The Beginning…HTML Fundamentals (11:18)

Start

Understanding What CSS Is All About (Free Lesson!) (6:34)

Start

Viewing A Page's Background Code (4:15)

3.Gettin' Your Files Organized!

Start

Organizing Site Files (6:43)

Start

Creating A Page And Understanding Index Files (5:40)

Start

Setting Up An External Style Sheet (3:36)

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

Start

Setting Up The Page Structure (6:53)

Start

Connecting The External Style Sheet And Testing (8:13)

Start

Inserting And Formatting The Site Header (7:35)

Start

Finishing Up The Basic Layout (4:48)

Start

Debugging For Internet Explorer (3:24)

Start

Understanding How The Layout Works (5:49)

Start

Using Divs For Page Layout (7:13)

Start

A More Economical Approach To Layout And CSS (Free Lesson!) (7:50)

Start

Using Float And Clear (5:53)

Start

Centering The Layout (9:00)

Start

Nesting Layout Objects (7:03)

Start

Spacing Apart The Layout (9:11)

Start

Final Touches (4:45)

5.Insertin' And Formattin' Text!

Start

Inserting Text Into The Layout (4:15)

Start

Setting Up Paragraphs And Headings (4:35)

Start

Adjusting The Layout For Text, Part 1 (7:35)

Start

Adjusting The Layout For Text, Part 2 (5:19)

Start

Formatting HTML Headings With CSS (6:48)

Start

Formatting Paragraphs (4:09)

Start

Using Class Rules To Format Text (5:22)

Start

More Formatting With Class Rules (9:06)

Start

Working More Efficiently With CSS (6:52)

Start

Inserting And Formatting Lists (6:40)

Start

Using A List To Build The Main Navigation Menu (10:15)

Start

Setting Up The Footer Navigation (6:29)

6.Now It's Time For Some Graphics!

Start

Inserting An Image (6:27)

Start

Resizing Images With Your Graphics Editor (4:51)

Start

Controlling Graphics With CSS (7:06)

Start

Inserting The FeatureBox Images (Free Lesson!) (7:10)

Start

Adjusting The FeatureBox Layout (2:56)

Start

Setting Up The FeatureBox Titles (6:18)

Start

Illustrator, Photoshop, HTML, And CSS Workflow (7:27)

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

Start

Getting Ready For Site Rollout (3:36)

Start

How To Not Roll Out A Website (7:06)

Start

Rollout Part 1_Setting Internal Hyperlinks (4:36)

Start

Rollout Part 2_Creating The Site's Pages (1:32)

Start

Previewing And Testing The Site (4:02)

Start

A Final Thought On Site Rollout (5:25)

8.Inserting Additional Page Elements!

Start

Adjusting The Site's Hyperlink Formatting (6:57)

Start

Inserting A Simple Slideshow (8:28)

Start

Inserting And Formatting Tables (8:14)

Start

Inserting A Google Map (7:50)

Start

Formatting A Customer Testimonial Page (7:06)

Start

Setting Up A Contact Us Page (6:43)

Start

Finalizing The Site (11:54)

Start

Organizing The CSS File (5:27)

9.Going Live: Uploading the Completed Site!

Start

Setting The Remote Site Info (3:51)

Start

Uploading The Local Site To The Remote Server (2:24)

Start

Testing The Live Site (2:04)

Start

Making Edits And Updating The Live Site (6:49)

Start

Testing And Debugging For Other Browsers (9:52)

10.Wrapping Up HTML5 & CSS3

Start

Where to go from here (0:22)

• Those looking to build a strong foundation in web design, HTML, and CSS

• Basic computer skills

Web Developer

Currently there are no Q&As for this course. Be the first to ask a question.