Please enable JavaScript to use CodeHS

Web Design (Monet)


Unit Description
Getting Started - What is the Web?: Students are provided with a high-level introduction 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: 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: 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 build their own websites 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 module 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 websites.
Designing User Interfaces: This module 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.

Unit Description
The Internet: This unit explores the structure and design of the internet, and how this design affects the reliability of network communication, the security of data, and personal privacy.
Design Research Project: In this short project unit students will research a specific principle of user interface design, find examples of this principle being used in the real world, and develop their own website that employs this design principle.
Bootstrap: This unit introduces students to Bootstrap, an HTML and CSS framework for developing responsive, professional web sites. Students use Bootstrap to develop several professional, mobile responsive websites.