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

Video Description

In this HTML 5 training course, expert web designer John Ulliman will teach you the fundamental programming language for building websites - HTML 5. Designed for the beginner, John will walk you through step by step, each lesson building on the last, you'll learn how to use HTML 5 tags along with some basic CSS to create websites - the correct way.
You will start with the basics of HTML and learn the absolute fundamentals of creating a web page. As you progress through this video tutorial, you will learn what a block level tag is, how to create links, add images, style with CSS, use tables and how to lay out your pages using CSS. You will learn how to add forms, and even insert video into your website with the new HTML 5 specifications. Designed for the absolute beginner, you will hand code every step of the way, which is fundamental to understanding how to create a solid website.
By the conclusion of this video based training course, you will understand the fundamentals of using HTML 5 and CSS. You will be capable of creating your own websites, all coded by hand. This tutorial includes working files to allow you to work alongside the author as he teaches you HTML 5.

Table of Contents

  1. HTML Basics
    1. About This Course 00:02:45
    2. HTML Basics - Workspace Setup 00:04:14
    3. HTML Basics - HTML Tag Basics 00:02:10
    4. HTML Basics - Formatting With HTML 00:05:12
    5. HTML Basics - Typical Page Code 00:04:11
    6. Lab - First Web Page 00:04:29
  2. Web Page Code
    1. Block Level Tags 00:06:00
    2. Inline Formatting 00:06:33
    3. Line Breaks And Special Characters 00:08:05
    4. HTML Lists 00:05:54
    5. Content Specific Tags 00:04:09
    6. Lab - Making Attractions Pages 00:05:55
  3. HTML Links
    1. Hyperlink Basics 00:06:37
    2. Relative Links 00:05:43
    3. Links To Files And Email 00:06:19
    4. Anchors 00:06:07
    5. Lab - Navigation Menu 00:06:06
  4. Images
    1. Image Basics 00:05:44
    2. Image Attributes 00:09:33
    3. Using The Figure Tag 00:03:18
    4. Links On Images 00:10:08
    5. Prepping Files 00:08:31
    6. Lab - Adding Images 00:04:47
  5. CSS Styles
    1. CSS Basics 00:07:07
    2. Using The Styles Tag 00:05:38
    3. Handling Color 00:07:58
    4. Working With Font Sizes 00:06:25
    5. Font Families 00:06:19
    6. Class And ID Selectors 00:06:40
    7. Pseudo Selectors 00:06:59
    8. Grouping And Compound Selectors 00:03:33
    9. Creating A Stylesheet File 00:06:24
    10. Setting Up Site Styles 00:07:44
    11. Lab - Site Class Styles 00:09:14
  6. Tables And Tabular Data
    1. Basic Table Tags 00:08:20
    2. Table Headers 00:02:55
    3. Using CSS With Tables 00:11:25
    4. Contextual Table Tags 00:08:03
    5. Lab - Website Project 00:06:21
  7. Layout Basics
    1. Block And Box Properties 00:06:34
    2. Margin And Padding 00:07:58
    3. CSS Shorthand 00:07:47
    4. Positioning 00:06:35
    5. Using Nested Blocks 00:04:43
    6. Float Basics 00:04:34
    7. Using Floats And Clears 00:07:56
    8. Basic Page Layout 00:10:09
    9. Background Images 00:06:59
    10. Lab - Web Site Main Layout 00:10:24
    11. Lab2 - Text Block Margins And Padding 00:09:37
  8. Forms
    1. Form Basics 00:09:12
    2. Multiple Choice Inputs 00:06:22
    3. Other Form Elements - Part 1 00:07:24
    4. Other Form Elements - Part 2 00:05:25
    5. New HTML5 Form Tags 00:09:21
    6. Lab - Contact Us Form 00:07:57
    7. Lab - Styling the Form 00:05:44
  9. Inserting Video
    1. Preparing The Video 00:02:58
    2. Using The Video Tag 00:06:03
    3. Playing In Multiple Browsers 00:06:01
    4. Lab - Cable Car Video Page 00:09:20
  10. Completing The site
    1. Writing Good Code 00:06:50
    2. SEO Considerations 00:05:11
    3. Browser Testing 00:04:04
    4. Hosts, FTP, And Domains 00:07:36
    5. More Resources 00:04:54