Please enable JavaScript to use CodeHS

Web Design (Kahlo)

In this course, students will learn how to build their own web pages using the languages of HTML and CSS. They will extend their knowledge to create multi-page websites and use interactive features of HTML and CSS.

Overview & Highlights

Level
Middle School
Contact Hours
70
Timeframe
Semester

Course Overview

To view the entire syllabus, click here or click to explore the full course.

MODULES - 6

  • 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.

  • Project - Create a Basic 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.

  • 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.

  • 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.

  • Final Project

    In this project, students work to design and develop a final website based on their local community.


37
Lessons
30
Videos
84
Exercises
4
Challenges
43
Offline Handouts

Demo Programs

Explore programs that your students will build throughout this course!

Course Resources

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

Professional Development

Teaching Web Design (2023)

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

Customizable Assignments

Create and organize Assignments in any CodeHS course that you're teaching. You can even add custom assignments to pre-existing CodeHS courses.

Learn More

Actions for Teachers

Didn't find what you were looking for? Here are a few links that might be useful to you.

FAQ

Frequently Asked Questions

What grade level is this course for?

This course is designed for middle school students (grades 6-8).

Do my students need prior coding experience?

No. This course is a project-based introduction to web design—students start from the fundamentals of HTML and build up from there.

What programming language(s) does the course use?

Students learn HTML and CSS.

What concepts are taught?

Students learn HTML structure and tags (text formatting, links, images, lists, tables, copyright/citing sources), then CSS styling (selecting by tag, class, and ID, the cascade), and advanced HTML/CSS topics like divs, spans, special selectors, visibility, image manipulation, and animation/interaction.

How long is the course?

This course is approximately 70 instructional hours, designed as a semester-length course.

Does this course support differentiation for different learners?

Yes, every lesson comes with a Lesson Plan that includes a built-in "Modifications" section with suggested adjustments for advanced students, students needing additional support, and English Language Learners.