Module 1: A Brief History of HTML and the Web

1. Welcome!

2. Prerequisites

3. Which Comes First? HTML, CSS or JavaScript?

4. Versions?

5. History

6. Who “owns” HTML?

7. Details, Details, Details…

8. Modern Browsers and Compatibility

9. Shims, Shivs, and Polyfills

10. The Web Server

11. Domain Names

12. URL / Uniform Resource Locator

13. Default Page

14. Protocols

15. Port Numbers

16. The Life of a Web Page

17. HTTP Status Code Definitions

18. Most Important Things to Know as a Web Developer

Module 2: Core HTML Elements

1. HTML and CSS Editors

2. Editor Features

3. Text, Spaces and Tabs

4. Working with Tags

5. Terminology

6. Some tags have content.

7. Some tags only have text as content.

8. Some tags have no content.

9. Some tags work in sets.

10. Block-level vs. Inline Elements

11. Context vs. Display

12. HTML is not Case Sensitive

13. Attributes

14. Attribute Syntax

15. Empty Attribute Syntax

16. Global Attributes

17. Custom Attributes

18. Comments

19. Internet Explorer Conditional Comments

20. CSS Comments

21. Non-Standard Tags

22. Every Page Includes…

23. A Simple, but Complete Page

24. File Extensions

25. Core Page Elements

26. DOCTYPE

27. Document Structure Elements

28. Document Head Elements

29. Nesting

30. Testing HTML

31. Browser Compatibility

32. Validators

33. Testing Tools

34. Browser and Device Testing

35. Sample Text

36. HTML and Text

37. File Encoding

38. HTML Entities

39. White space

Module 3: Cascading Style Sheets

1. Before CSS

2. With CSS

3. Cascading Style Sheets (CSS)

4. CSS Demonstration

5. Adding CSS to a Page

6. Order of CSS Processing

7. Experimental Vendor Prefixes

8. CSS Units

9. Absolute Units

10. Relative Units

11. CSS Selectors

12. Grouping Selectors

13. Attribute Selectors

14. Pseudo-class Selectors

15. Media Queries

16. The CSS Box Model

17. CSS Border Tricks!

Module 4: Fonts and Text

1. Fonts

2. Fallback

3. Images for Unusual Fonts

4. CSS for Fonts

5. CSS for Text

6. CSS Text Tricks!

7. Shadows

8. Rotated Text

9. Working with Lists

10. Ordered and Unordered Lists

11. List Styling

Module 5: Colors and Backgrounds

1. Specifying Colors

2. Color Names

3. RGB Color Numbers

4. HSL Colors

5. The Future

6. Color Tools

7. Applying Colors

8. Gradients

Module 6: Anchors and Hyperlinks

1. and CSS

2. Changing the link style

3. Changing the Mouse Pointer

4. Hyperlinks with Images and Other Objects

5. Buttons

6. Buttons from Images

7. Buttons from CSS

Module 7: Page Layout

1. Page Layout Options

2. Frames

3. Tables

4. DIVs

7. Widths

8. CSS Frequently used for Tables

9. Merging Cells

10. CSS to Control Wrapping

11. CSS Pseudo-classes for Tables

12. Table Sections

13. DIVs

14. Try it!

15. Float

16. Float options

17. Clear

18. Float with Images

19. Float for Wrapping

20. SPAN

21. DIV vs. SPAN

22. HTML 5 DIV-like Tags

23. IFRAMEs

Module 8: Images

1. Favicon

2. Preparing Images

3. Image Files

4. File Size

5. Compression

6. Image Files Types and Features

7. Browser Support

8. The IMG Tag

10. Common Attributes

11. File Paths

12. Image Maps

13. Background Images

14. For a Page

15. For a DIV or other Tag

16. Image Best Practices

17. CSS Sprites

Module 9: HTML Forms

1. A Basic Form

2. POST vs. GET

3. name vs. id

4. Basic Form Elements

5. Basic Form Attributes

6. Select

7. Default

8. optgroup

9. Uploading Files

10. Input Type=file Attributes

11. Better File Upload Options

12. HTML 5 Form Enhancements

13. New HTML 5 INPUT Types

14. New HTML 5 INPUT Attributes

15. DataList

16. Form Tools

Module 10 – Multimedia

1. Video and Audio

2. Video

3. Video Formats and Browser Support

4. HTML 5 Video

5. Video Fallback

6. CSS

7. JavaScript

8. Audio

9. Audio Formats

10. HTML 5 Audio

11. Embedding YouTube Videos

12. Working with Animated GIFs