Download Safari Books Online apps: Apple iOS | Android

Entire Site

Safari Books Online

    Free Trial

    Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

    Learning HTML 5

    Subscriber Reviews • Browse Similar Topics

    Overview

    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.

    Subscriber Reviews

    Average Rating: 3.4375 out of 5 rating Based on 16 Ratings

    No Subscribers have provided a review for this video.

    Table of Contents

    Chapter/Selection

    Time

    01. HTML Basics

    The Working Files

    Play Video

    00:00:16

    About This Course

    Play Video

    00:02:44

    HTML Basics - Workspace Setup

    Preview

    00:04:13

    HTML Basics - HTML Tag Basics

    Preview

    00:02:09

    HTML Basics - Formatting With HTML

    Play Video

    00:05:12

    HTML Basics - Typical Page Code

    Preview

    00:04:10

    Lab - First Web Page

    Preview

    00:04:29

    02. Web Page Code

    Block Level Tags

    Play Video

    00:06:00

    Inline Formatting

    Preview

    00:06:33

    Line Breaks And Special Characters

    Preview

    00:08:05

    HTML Lists

    Preview

    00:05:54

    Content Specific Tags

    Preview

    00:04:09

    Lab - Making Attractions Pages

    Preview

    00:05:54

    03. HTML Links

    Hyperlink Basics

    Preview

    00:06:36

    Relative Links

    Preview

    00:05:43

    Links To Files And Email

    Preview

    00:06:18

    Anchors

    Preview

    00:06:06

    Lab - Navigation Menu

    Preview

    00:06:06

    04. Images

    Image Basics

    Preview

    00:05:43

    Image Attributes

    Preview

    00:09:32

    Using The Figure Tag

    Preview

    00:03:17

    Links On Images

    Preview

    00:10:08

    Prepping Files

    Preview

    00:08:30

    Lab - Adding Images

    Preview

    00:04:46

    05. CSS Styles

    CSS Basics

    Preview

    00:07:07

    Using The Styles Tag

    Preview

    00:05:38

    Handling Color

    Preview

    00:07:58

    Working With Font Sizes

    Preview

    00:06:25

    Font Families

    Preview

    00:06:18

    Class And ID Selectors

    Play Video

    00:06:40

    Pseudo Selectors

    Preview

    00:06:59

    Grouping And Compound Selectors

    Preview

    00:03:33

    Creating A Stylesheet File

    Play Video

    00:06:24

    Setting Up Site Styles

    Preview

    00:07:44

    Lab - Site Class Styles

    Preview

    00:09:14

    06. Tables And Tabular Data

    Basic Table Tags

    Preview

    00:08:19

    Table Headers

    Preview

    00:02:55

    Using CSS With Tables

    Play Video

    00:11:24

    Contextual Table Tags

    Preview

    00:08:02

    Lab - Website Project

    Preview

    00:06:21

    07. Layout Basics

    Block And Box Properties

    Preview

    00:06:33

    Margin And Padding

    Preview

    00:07:58

    CSS Shorthand

    Preview

    00:07:47

    Positioning

    Play Video

    00:06:34

    Using Nested Blocks

    Preview

    00:04:43

    Float Basics

    Preview

    00:04:33

    Using Floats And Clears

    Play Video

    00:07:55

    Basic Page Layout

    Preview

    00:10:09

    Background Images

    Play Video

    00:06:58

    Lab - Web Site Main Layout

    Preview

    00:10:24

    Lab2 - Text Block Margins And Padding

    Preview

    00:09:36

    08. Forms

    Form Basics

    Preview

    00:09:11

    Multiple Choice Inputs

    Preview

    00:06:22

    Other Form Elements - Part 1

    Preview

    00:07:24

    Other Form Elements - Part 2

    Preview

    00:05:25

    New HTML5 Form Tags

    Preview

    00:09:21

    Lab - Contact Us Form

    Preview

    00:07:57

    Lab - Styling the Form

    Preview

    00:05:43

    09. Inserting Video

    Preparing The Video

    Preview

    00:02:58

    Using The Video Tag

    Preview

    00:06:03

    Playing In Multiple Browsers

    Preview

    00:06:01

    Lab - Cable Car Video Page

    Play Video

    00:09:20

    10. Completing The site

    Writing Good Code

    Preview

    00:06:50

    SEO Considerations

    Preview

    00:05:11

    Browser Testing

    Preview

    00:04:03

    Hosts, FTP, And Domains

    Preview

    00:07:36

    More Resources

    Preview

    00:04:54

    Extras

    The publisher has provided additional content related to this title.


    Description
    Content

    Exercise file

    • Working_Files.zip