HTML5 & CSS3 Site Design

$99.00 $49.99

Design websites with the latest web languages!

With this HTML5 & CSS3 Site Design course, you will learn how to design a professional-looking website from scratch. Need to learn how to build a website, or just brush up on your coding skills to enhance an existing site? Then this course is for you. Project Files included!

Length: 7 hrs

This title is available in the
Total Training All-Access library.

Subscribe Now


This HTML5 & CSS3 Site Design course will show you step-by-step, how to set up a web site from scratch. You’ll also get tips and tricks of the trade to make your site more attractive and user-friendly. Start off by organizing your files and setting up your page structure. Then move on to inserting text and graphics. Finish off by testing and uploading your completed site.

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.

Sample clip

About HTML5 and CSS3


HTML or Hyper Text Mark-up Language is the language used for presenting websites and web content. HTML5 is the latest version, made official by the World Wide Web Consortium in 2014. Having a good grasp of HTML means you’ll be able to create, present and edit a whole variety of content on the web.


CSS (Cascading Style Sheets) essentially ’enhances’ HTML, giving developers and users more control over how pages and content is displayed. It is responsible for creating more visually engaging web pages, applications and interfaces. CSS3 is the latest version, and has many more extended features than previous versions – although it is backwards compatible.

 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.Getting 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.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.Inserting And Formatting 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 And CSS3
 Where to go from here (0:22)

Geoff BlakeGeoff Blake is an award-winning instructor with nearly 20 years of experience creating online video courses. His goal is to help people gain serious web skills, helping them to expand their business, develop their projects, and yeah – make more money!

Geoff is a published author, having written ‘Ten Ton Dreamweaver’ with Peachpit Press. He also held a professorship at Seneca college, and ran graphics workshops at George Brown, and Humber colleges in Toronto.

You may also like…