HTML and CSS LiveLessons Outline
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