Web Design

Students will examine the design of their everyday worlds and start examining what design is, how it can be used, and how they can see themselves as designers and creators.

In this lesson, students will explore the process of gathering inspiration and visual research for their designs and will create mood boards to capture and express their ideas.

Students will explore how color can help communicate and enhance design, and learn how designers use different tools to pick their color choices.

In this lesson, students will be exploring another visual element of their websites: fonts! Like colors, fonts (and the rules of typography) are used to help convey the messages, moods, and ideas of a website.

In this lesson, you’ll start getting familiar with the idea of layouts — the way information is organized and structured on a page.

In this lesson, students explore how to use alignment to compose their layouts. This lesson builds on the previous lesson, so that students can add alignment to their toolkit.

Students will combine what they’ve explored with layouts to create wireframes either for their design projects or to practice more with sample content.

This class is a little different — it’s a chance for students to start using the tools they’ve played with to begin designing their websites. You can modify or remix this lesson depending on your needs.

In this lesson, students will begin exploring the idea of branding, the process of creating a visual identity connected to their website. This lesson is a chance for students to synthesize their ideas on their designs.

In this lesson, students will learn about different ways to make their websites interactive, starting with the activity first.

In this lesson, students will explore the idea of inclusive design, and will learn techniques to make their sites accessible as part being inclusive designers.

This is a multi-class activity where students will be synthesizing what they’ve learned to design their own final project websites.