HTML/CSS

Master modern web and mobile development with our comprehensive 5-day HTML/CSS course, perfect for aspiring developers and designers seeking to enhance their coding skills with HTML5 and CSS3.

Course Category Icon

Essential Skills Gained

Checkmark

Create HTML5 compliant web pages.

Checkmark

Test and validate HTML and CSS code.

Checkmark

Layout pages and content using DIVs, iFrames and Tables.

Checkmark

Embed and manage video and audio content.

Format

  • Instructor-led
  • 5 days with lectures and hands-on labs.

Audience

  • Professional developers new to HTML
  • Self-taught HTML developers
  • Graphic designers
  • New HTML developers

Description

This five-day instructor led course is an in depth hands-on study of HTML5, CSS3 and modern web and mobile development. The course includes detailed hands-on labs and Q&A labs. The labs include multiple projects, including one beginning to end web site.

Calendar icon

Upcoming Course Dates

July 28, 2025 - August 01, 2025

9:00 AM - 4:30 PM

Virtual: Online - US/Eastern

Enroll

$2195

September 29, 2025 - October 03, 2025

9:00 AM - 4:30 PM

Virtual: Online - US/Eastern

Enroll

$2195

Course Outline

Download PDF

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

  5. Widths

  6. CSS Frequently used for Tables

  7. Merging Cells

  8. CSS to Control Wrapping

  9. CSS Pseudo-classes for Tables

  10. Table Sections

  11. DIVs

  12. Try it!

  13. Float

  14. Float options

  15. Clear

  16. Float with Images

  17. Float for Wrapping

  18. SPAN

  19. DIV vs. SPAN

  20. HTML 5 DIV-like Tags

  21. 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

  9. Common Attributes

  10. File Paths

  11. Image Maps

  12. Background Images

  13. For a Page

  14. For a DIV or other Tag

  15. Image Best Practices

  16. 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

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.