Feb 04: Tables and Forms

Learning Objectives

After today's class, you should be able to:

• Describe HTML elements for tables (table, tr, th, td).
• Develop a form that computes a value based on user input.
• Use semantic elements to improve a page's accessability.

Announcements

Debrief [2 min]

• Lab 2 solution – see Canvas Files
• Help page – tutorials and references

Project [3 min]

• Please submit the TeamPref survey
• 30 students // 9 tables → 3 per team
• 30 % 9 → 3 teams will have 4 students

Lesson Outline

Part A [30 min]

• 07_Textbook_5.1-5.3.pdf – by Connolly and Hoar
  • Live Editor – HTML 6 - Tables
• Form examples:
  • get-post-js.html
  • temperature.html

Part B [20 min]

• 08_SemanticElements.pdf – courtesy Dr. Isaac Wang
  • Prep 3 preview – Live Server + Firefox

Part C [20 min]

• 09_Accessibility.pdf – courtesy Dr. Kirkpatrick

Acronym Soup

Acronym	Meaning	Link
W3C	World Wide Web Consortium	w3.org
WAI	Web Accessibility Initiative	w3.org/WAI
WCAG	Web Content Accessibility Guidelines	W3C Reference
ARIA	Accessible Rich Internet Applications	MDN Reference
WAVE	Web Accessibility Evaluation Tools	webaim.org