Teach Yourself HTML5 in 24 Hours

HTML and CSS LiveLessons Outline

Learning HTML & CSS LiveLessons

Introduction

Lesson 1: Introducing HTML

Learning Objectives

  • 1.1 Understand the basics of HTML
  • 1.2 Choose a tool for writing HTML
  • 1.3 Post HTML to a hosting service
  • 1.4 Define HTML5

Summary

Lesson 2: Building a Basic HTML Document

  • Learning Objectives
  • 2.1 Build a simple web page
  • 2.2 Recognize the standard HTML tags for every web page
  • 2.3 Add paragraphs and line breaks
  • 2.4 Create HTML headlines
  • 2.5 Use semantic tags

Summary

Lesson 3: Introducing CSS

Learning Objectives

  • 3.1 Define CSS
  • 3.2 Use inline styles
  • 3.3 Write a basic CSS style sheet
  • 3.4 Use internal and external style sheets
  • 3.5 Add CSS classes and IDs
  • 3.6 Understand the basics of CSS3

Summary

Lesson 4: Building and Styling HTML Text

Learning Objectives

  • 4.1 Align text
  • 4.2 Write ordered and unordered lists
  • 4.3 Create definition lists
  • 4.4 Add two types of quotations

Summary

Lesson 5: Understanding HTML5 Semantic Elements

Learning Objectives

  • 5.1 Recognize sectioning elements
  • 5.2 Add figures
  • 5.3 Include document headers and footers
  • 5.4 Create HTML5 outlines

Summary

Lesson 6: Adjusting Fonts and Typography

Learning Objectives

  • 6.1 Change text to bold and italics
  • 6.2 Change the font size
  • 6.3 Understand line-height, leading, and fancy typography
  • 6.4 Use web fonts
  • 6.5 Add special characters to pages

Summary

Lesson 7: Decorating Pages with Color

Learning Objectives

  • 7.1 Choose colors for web designs
  • 7.2 Understand color systems
  • 7.3 Change the foreground color
  • 7.4 Change the background color

Summary

Lesson 8: Adjusting the Borders of Elements

Learning Objectives

  • 8.1 Understand the CSS box model
  • 8.2 Adjust the margins and padding
  • 8.3 Change the border with the border property
  • 8.4 Create CSS3 rounded corners

Summary

Lesson 9: Adding Images and Multimedia

Learning Objectives

  • 9.1 Add images to web pages
  • 9.2 Position images
  • 9.3 Use background images
  • 9.4 Link to documents and PDFs
  • 9.5 Add HTML5 video and audio
  • 9.6 Make multimedia responsive

Summary

Lesson 10: Writing Tables

Learning Objectives

  • 10.1  Build a simple HTML table
  • 10.2  Add table headlines
  • 10.3  Adjust table cell alignment and spanning
  • 10.4  Dress up tables with CSS
  • 10.5  Make tables responsive

Summary

Lesson 11: Building and Using HTML Forms

Learning Objectives

  • 11.1  Create a basic form
  • 11.2  Use HTML5 input fields
  • 11.3  Add in other form input fields
  • 11.4  Validate forms
  • 11.5  Submit form data

Summary

Lesson 12: Creating Responsive Web Layouts

Learning Objectives

  • 12.1 Understand how to pick a good layout
  • 12.2 Define the difference between fixed-width and liquid layouts
  • 12.3 Define mobile-first and understand why to use it
  • 12.4 Use CSS media queries to create a responsive layout
  • 12.5 Choose breakpoints
  • 12.6 Know responsive design best practices

Summary

Summary