Style Web Pages with CSS

Learning Objectives

Students will understand the role of CSS in creating a complete web page.
Students will know how to use a tool to generate a reasonable color theme to apply to a web site design.
Students will apply colors to a wireframe to bring out the vibrancy of a web page, controlling text color, background color, and box-model colors.

Class Agenda

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

New Vocabulary

CSS
RGB
HSL
Hex codes
Layout
Rule
Selector
Property & value
Curly braces