Please enable JavaScript to use CodeHS

Introduction to the Internet

Web Design 2

Students will learn the basics of web aesthetics and design principles which will allow them to take their web design skills to the next level. This module culminates in a project that will guide them through the web planning process and create a multi-page website.

Lessons

2.1 Webpage Aesthetics

  • Aesthetic Design
  • Grade the Aesthetics
  • Using Multimedia
  • Multimedia Examples
  • CARP Principles of Design

2.2 Webpage Design

  • Contrast: Good vs. Poor
  • Fix the Contrast
  • Repetition & Alignment
  • Repetition & Alignment Response
  • Proximity Using CSS
  • +2 more

2.3 Citing Image Sources

  • Copyright
  • Citing Sources Example
  • Make a Collage
  • Reflection: Why is Copyright Important?

2.4 Let's Add Pages!

  • Splitting Your Site into Files
  • Splitting Your Site into Files Quiz
  • Multipage Site Example
  • Add a Style Sheet
  • Dividing the Site

2.5 Creating a Sitemap

  • Project Kickoff!
  • Planning Prep
  • Creating a Sitemap
  • Your Sitemap

2.6 Wireframing

  • Introduction to Wireframing
  • Wireframe a Webpage
  • Your Wireframe

2.7 Create Your Site!

  • Create Your Website!
  • Self-Review
  • Check Your HTML Code
  • Test Your Website!

2.8 Exploring Web Design 2 Quiz

  • Exploring Web Design 2 Quiz

Courses that include this module