Structure Web Pages with HTML

Learning Objectives

Students will be able to outline primary content areas of a web page to create a lo-fidelity wireframe on the whiteboard.
Students will use semantic tags correctly to structure a basic web page.
Students will start to see how HTML5 might be used to build common web sites they frequently use.
Students will be introduced to the Live-Server extension in VS Code.

Class Agenda

Review of previous class
- Share your learning
HTML
- Recap from Code 101
- Discussion Exercise
From Mockup to Markup
- Demo
- Lab: Wireframe and Build

New Vocabulary

HTML / Markup
Semantics
Wireframe
Personas
Meta
Content
Element
Tag
Attribute
Structure vs Presentation