Cascading Style Sheets (CSS) is the appearance language for web pages. In this lesson, we begin to learn how to make our sites look modern and professional.

• Web Design Syllabus

Teacher Activities

• Check Learning Journals
• Pre-teach vocab (style / cascade / appearance )
• Demonstrate CSS (CSS Zen)

Student Activities

• Participate in class discussion
• Read What is CSS? and Getting started with CSS and take outline notes
• Open your summer narrative in VS Code
  1. Create a stylesheet
  2. Link the stylesheet using the <link> element
  3. Write three CSS Rulesets that change the look of your web page
  4. Show me your web page!*
• Read How CSS is structured and How CSS works and take outline notes
• Open VS Code
  1. Read Using your new knowledge
  2. Complete the coding activity
  3. Show me your web page!*

Extend

Explore a CSS framework such as Bootstrap