NAF Logo - Go to Home Page
Sign In

Course | Web Design Updated

Information Technology

Web Design provides a hands-on introduction to designing, building, and launching websites. First, learners discover how the World Wide Web works, and they examine successful websites. Then, they learn the basics of HTML coding and create their web pages. Next, learners explore various web development tools, and they practice creating websites. They learn how to make their websites more effective by applying the principles of design and usability, and accessibility criteria. In the final unit, learners explore various web design careers that they might want to pursue.

Planning Tools
For Learners

PLANNING TOOLS provides a guide to course implementation, including scope and sequence, lesson plans, and the culminating project overview.

FOR LEARNERS: This resource encourages and supports students on their learning journey by providing opportunities to deepen their knowledge, feed their passion, build their Future Ready skills, and deepen their career identity through NAF's "Take Charge of Your Learning" framework of REFLECT, STRETCH, INNOVATE, and SHOWCASE.

Staff Pick

SAP Technical Consulting Virtual Internship Program

Developed by SAP, students can experience a career as a software developer in their company.

View Resource

Instructional Units

Unit 1 Getting Started
Unit 2 Overview of Website Development
Unit 3 Designing a Website
Unit 4 Producing a Website
Unit 5 Hosting a Website and Attracting Traffic
Unit 6 Careers in Web Design

Featured Resources

Web Design Languages

Khan Academy Course

This course provides an overview of how HTML, Javascript, CSS are used in designing interactive webpages

Bot Camp

Ready to Teach Curriculum

This engaging curriculum was developed by Capital One in partnership with the Major League Hacking (MLH)...

Learn HTML


A comprehensive unit that provides students with the fundamentals of HTML and CSS from Teach Computing

Start a Wondering

Collective Action Projects

The Wonderment is a non-profit platform for youth-led collective action and exploration

Host a Code Camp at your School

Code Avengers

Students learn to build websites, apps and games.

Learn JavaScript


JavaScript is an essential language for professional web design. Students can take this introductory course from...

Careers in Web Design

PBL Project

This comprehensive unit from CTE Online introduces students to potential career pathways as web developers and...

Earn Certificates

Self-paced Learning

FreeCodeCamp is a nonprofit community that teaches coding through self-paced challenges and real-world projects. ...

How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS

Learn the steps to creating and publishing websites from freeCodeCamp.

Watch Video

Thanks to our community, industry, postsecondary partners, and professional associations for their continued involvement in promoting future ready learning for NAF's educators and learners.