This two day hands-on class is for students new to HTML. It begins with an introduction to web technologies and then provides a comprehensive overview of HTML.

Course material

Files

Dropbox files // Timer

Video

1. Lynda.com – The Importance of HTML (3m 19s)
2. Lynda.com – The Current State of HTML (5m 54s)
3. Naked Science Scrapbook – How does the Internet work? (14 m)
4. CodeAcademy – How the Internet Works for Developers (9m – not entire clip)

Book details

• Learning Web Design, 4th edition
  • Publisher website
  • Book website

Books, Tools, Links

Books

• Adaptive Web Design, 1st edition (read free)
• HTML and CSS: Visual QuickStart Guide, 8th edition
  • Code examples

Browsers

• Chrome – cross-platform
  • Plugin: HTTPS Everywhere
  • Plugin: Validity
• Edge
• Not MS Internet Explorer
• Safari

HTML editors

• Notepad++ (PC)
• Text Wrangler // BBEdit (Mac)

Links

• Document outlines
• Drupal local government community
• Exercise files (download master zip file)
• HTML tags ordered alphabetically (W3C)
• Hex color
  • Dan’s color picker
  • Hex color picker (W3C)
  • The code side of color (Smashing Magazine)
• Launching a government website in Drupal
• Links referenced in book
• What Is My IP Address?
• WhoIs?

Web sites

• W3 Schools, HTML tutorials
• WHATWG.org

Course description

Upon successful completion of this course, participants should be able to:

• Create pages, titles, links
• Understand web design basics
• Mark up text
• Add graphics and links
• Understand the standards
• Deal with meta elements
• Brief introduction to HTML5 and CSS3

Audience
Anyone whose work involves communicating effectively via the web.

Recommended Prerequisites
Before taking this course, students should be familiar with Windows functions such as creating folders; launching programs; copying and pasting objects; formatting text; and retrieving and saving files. Experience using browsers and the Internet is assumed.