Web Development is an entry-level high school course that walks students through the many processes, systems, and tools needed to create a functional and well-designed website. As students design, share, and adapt their knowledge about working in a digital platform, they gain perspective on the long-term implications of life in a digital, connected world and they develop skills to responsibly take ownership of these technologies to enhance learning and benefit society.

Web Development builds on students’ natural curiosity, inventiveness, and desire to create and work in practical ways. It gives them skills to be able to carve out a place in the world for them to create, be heard, and produce meaningful experiences.

Table of Contents

*Each lesson is designed to take 60 – 90 minutes to complete with the exception of major projects and assignments.
Lesson 1: Intro to Web Development
Lesson 2: To Code or Not to Code?
Lesson 1: Adding HTML Elements
Lesson 2: Additional HTML Elements
Lesson 1: Additional HTML Elements
Lesson 2: Customizing HTML Elements
Lesson 1: Designing with Specific Colour
Lesson 2: Building a Well-Designed Website
Lesson 1: Understanding the Basics of CSS
Lesson 2: Exploring More Complex CSS
Lesson 1: Hyperlinks, Tables, and Divs
Lesson 2: The Box Model and Paths
Lesson 1: The Design Process
Lesson 2: Creating a Logical Layout
Lesson 1: Introductory RWD
Lesson 2: Responsive Measurements
Lesson 1: JavaScript and Advanced Flexbox
Lesson 2: Web Fonts and More Layouts
Lesson 1: Domain Names and Web Hosting
Lesson 2: Internet Security and Databases
Lesson 1: Career Opportunities in Web Design and Development
Lesson 2: Personal Portfolio Project

Experience a lesson as your students would

Course Features

  • Students work step-by-step through the course to build a simple website, which prepares them for their final “Personal Portfolio Website” project.
  • The final project offers students the opportunity to build a website that reflects their future hopes. 
  • They can choose between a “Digital Résumé/Portfolio” website to support their workplace aspirations, an “Admissions Portfolio” website to prepare for post-secondary entrance, or a “Personal Interest Portfolio” website to showcase their passions.

Want to see more? Let’s chat!