O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML5 And CSS3 Site Design

Video Description

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.

Table of Contents

  1. Introduction
    1. Welcome To HTML5 And CSS3! 00:01:26
    2. A Look At What We'll Build 00:02:15
  2. Chapter 1: Let's Get Started!
    1. Programs I'll Be Using 00:03:35
    2. In The Beginning…HTML Fundamentals 00:11:18
    3. Understanding What CSS Is All About 00:06:34
    4. Viewing A Page's Background Code 00:04:15
  3. Chapter 2: Gettin' Your Files Organized!
    1. Organizing Site Files 00:06:53
    2. Creating A Page And Understanding Index Files 00:05:41
    3. Setting Up An External Style Sheet 00:03:37
  4. Chapter 3: Doin' Nuthin'? Let's Build A Web Layout From Scratch!
    1. Setting Up The Page Structure 00:07:04
    2. Connecting The External Style Sheet And Testing 00:08:14
    3. Inserting And Formatting The Site Header 00:07:36
    4. Finishing Up The Basic Layout 00:04:48
    5. Debugging For Internet Explorer 00:03:25
    6. Understanding How The Layout Works 00:05:49
    7. Using Divs For Page Layout 00:07:14
    8. A More Economical Approach To Layout And CSS 00:07:50
    9. Using Float And Clear 00:05:54
    10. Centering The Layout 00:09:01
    11. Nesting Layout Objects 00:07:03
    12. Spacing Apart The Layout 00:09:11
    13. Final Touches 00:04:46
  5. Chapter 4: Insertin' And Formattin' Text!
    1. Inserting Text Into The Layout 00:04:26
    2. Setting Up Paragraphs And Headings 00:04:36
    3. Adjusting The Layout For Text, Part 1 00:07:35
    4. Adjusting The Layout For Text, Part 2 00:05:19
    5. Formatting HTML Headings With CSS 00:06:48
    6. Formatting Paragraphs 00:04:09
    7. Using Class Rules To Format Text 00:05:22
    8. More Formatting With Class Rules 00:09:07
    9. Working More Efficiently With CSS 00:06:52
    10. Inserting And Formatting Lists 00:06:40
    11. Using A List To Build The Main Navigation Menu 00:10:15
    12. Setting Up The Footer Navigation 00:06:29
  6. Chapter 5: Now It's Time For Some Graphics!
    1. Inserting An Image 00:06:38
    2. Resizing Images With Your Graphics Editor 00:04:51
    3. Controlling Graphics With CSS 00:07:06
    4. Inserting The FeatureBox Images 00:07:10
    5. Adjusting The FeatureBox Layout 00:02:57
    6. Setting Up The FeatureBox Titles 00:06:18
    7. Illustrator, Photoshop, HTML, And CSS Workflow 00:07:28
  7. Chapter 6: Site Rollout: From A Single Page To A Multi-Page Site!
    1. Getting Ready For Site Rollout 00:03:47
    2. How To Not Roll Out A Website 00:07:07
    3. Rollout Part 1: Setting Internal Hyperlinks 00:04:36
    4. Rollout Part 2: Creating The Site's Pages 00:01:32
    5. Previewing And Testing The Site 00:04:02
    6. A Final Thought On Site Rollout 00:05:25
  8. Chapter 7: Inserting Additional Page Elements!
    1. Adjusting The Site's Hyperlink Formatting 00:07:08
    2. Inserting A Simple Slideshow 00:08:29
    3. Inserting And Formatting Tables 00:08:15
    4. Inserting A Google Map 00:07:51
    5. Formatting A Customer Testimonial Page 00:07:07
    6. Setting Up A Contact Us Page 00:06:44
    7. Finalizing The Site 00:11:55
    8. Organizing The CSS File 00:05:27
  9. Chapter 8: Going Live: Uploading The Completed Site!
    1. Setting The Remote Site Info 00:04:02
    2. Uploading The Local Site To The Remote Server 00:02:25
    3. Testing The Live Site 00:02:04
    4. Making Edits And Updating The Live Site 00:06:49
    5. Testing And Debugging For Other Browsers 00:09:53
  10. Wrapping Up HTML5 And CSS3
    1. Where To Go From Here 00:03:12