Please enable JavaScript to use CodeHS



Web Design (Monet)

In this project-based course, students will learn how to build their own web pages using the languages of HTML and CSS. They will create their own live homepages to serve as portfolios of their creations. Students will finish this course with a published website of their own. This is a one semester course for high school students.

Syllabus

Units: 9
Contact Hours: 80

By the Numbers


Contact Hours 80
Lessons 61
Videos 49
Exercises 73
Challenges 17
Offline Handouts 45

Units

Unit Description
Getting Started - What is the Web?: Students will be introduced to the Internet and how it functions, investigate how the Internet has impacted society over time, and set course goals for themselves.
HTML - Structuring Websites: In this unit, students learn about the language behind all websites: HTML. Students learn about several different HTML tags as well as the basic structure of a web page. Students use HTML to develop several of their own creative web pages.
CSS - Styling Websites: In this unit, students learn the language CSS and use it to style their web pages. Students learn about the benefits of styling with CSS, and will use CSS to create several styled web pages of their own.
Project - Create Your Homepage: Students will build their own website about themselves. This site will be accessible on their own custom domain, and will be continually improved by the student as they continue on in the course. It will serve as a running portfolio of each creative project they create in the course.
Advanced HTML and CSS: This unit dives deeper into different things we can do with HTML and CSS. Students practice advanced topics in HTML and CSS, including visibility, image filtering, interaction, and animation, to develop more advanced web sites.
Designing User Interfaces: This unit introduces students to the theory and practice of user interface design. Students learn about what makes an engaging and accessible user interface, and will employ an iterative design process including rapid prototyping and user testing to design and develop their own engaging web pages.
Final Project: In this project, students work in teams to design, prototype, test, and develop a final website

Demos

Click on a demo to test it out.

Calendar

Music Library

Resources

Here are a few examples of teacher resources and materials to use in the Web Design (Monet) course

Format

The entirely web-based curriculum is made up of a series of learning modules that cover the fundamentals of web design. Each module is made up of short video tutorials, example web pages, quizzes, web design exercises, challenge problems, and unit tests.

Who is it for?

The Web Design course is designed for complete beginners with no previous background in computer science. The course is highly visual, dynamic, and interactive making it engaging for students new to computer science. The course has a strong focus on creation. Students will be able to use their own personal interests and creativity to drive their development process.

Interested?

Interested in teaching the Web Design course with CodeHS? Get in touch, so we can help you bring CodeHS to your school!

Bring to My School View Full Course

Sample Resources

Here are a few examples of teacher resources and materials to use in the Web Design course.

Course Flavors and Syllabi

CodeHS offers several versions of Web Design depending on the student level and class length. Take a look at the syllabus that fits your class for teaching Web Design with CodeHS.

Course Flavor Student Level Course Length Syllabus
Picasso High School 1 year (160-180 contact hours) View
Monet High School 1 semester (80-90 contact hours) View
Matisse Middle School 1 year (160-170 contact hours) View
Michelangelo Middle School 1 semester (80-90 contact hours) View

To find out the right Course Flavor for your class contact your Account Manager or contact us at hello@codehs.com.

Interactive Tools

Students will learn and explore concepts around designing, creating, and viewing web pages on the Internet. See a few of the ways that students will learn about these concepts.

Students will learn the basics of web development with HTML and CSS. Here you can see how students can design web pages using text or blocks.

Students will be able to host live webpages on their own custom codehs.me URL. Here's an example of Karel the Dog's homepage on karel.codehs.me

Students receive instant feedback on their web pages from our autograders.

Students take formative multiple choice assessments throughout the course. Here you can see a sample question.

Download the Course Overview

Professional Development

Teaching Web Design

In today's world, web pages are the main medium for sharing ideas and information. Learning to design websites is an incredibly useful skill for any career path. This Professional Development course prepares teachers to teach a successful Web Design course with CodeHS.

View Units
CodeHS PD Options

More Links