top of page

Web Development

Design and build a real, multi-page website about a topic you love, using HTML and CSS.

A six-session course for Grades 5–12, in person or online.

Book Web Development See the Lessons

A team website plan for Webdev 101 on an underwater background: the topic Life in the Ocean, the team, and a site map of Home, Ocean Zones, Sea Animals and Protect Reefs
Webdev 101
CSS for Webdev 103 on an underwater background: the Deep Blue page before and after CSS, and the CSS that gives it a navy header and rounded pictures
Webdev 103
A finished student website for Webdev 106 on an underwater background: the Deep Blue: Life in the Ocean site on a large screen and a phone, as the team presents it
Webdev 106

How it works

Work in Teams

Students build in teams of two to four, around a topic they choose and research themselves.

Six 1.5-Hour Sessions

Booked as a series: each session builds on the last, from a first page to a finished site.

Present a Real Website

Every team finishes with a multi-page website and presents it to the class.

Six Lessons, One Website

From picking a topic to presenting a finished website.

A team website plan for Webdev 101 on an underwater background: the topic Life in the Ocean, the team, and a site map of Home, Ocean Zones, Sea Animals and Protect Reefs

Webdev 101: Plan Your Site

  • Teamwork
  • Research
  • Page structure

Teams of two to four choose a research topic, such as a world-changing invention, an endangered animal, the solar system, or a trailblazer for Women’s History Month, then plan their pages. They learn what HTML and CSS each do and build a first basic page.

HTML for Webdev 102 on an underwater background: four lines of HTML and the plain page they make, a Deep Blue heading over a sea turtle picture

Webdev 102: HTML Basics

  • HTML
  • Headings & lists
  • Tables & images

Students build with HTML: titles, headings, paragraphs, lists, tables and images, and lay out a page with a header, navigation and main content.

CSS for Webdev 103 on an underwater background: the Deep Blue page before and after CSS, and the CSS that gives it a navy header and rounded pictures

Webdev 103: Styling with CSS

  • CSS
  • Colors & fonts
  • Classes & IDs

Students style their pages with CSS: fonts, colors, spacing and alignment, organized with classes and IDs. They practice by recreating a sample website, then review the code together.

Links for Webdev 104 on an underwater background: the Deep Blue site’s menu bar with Sea Animals clicked, its sea turtle page, and the HTML link that opens it

Webdev 104: Links & Pages

  • Links
  • Buttons
  • Multiple pages

Students add links and buttons and connect several pages into one website, and learn how the box model sets spacing and borders.

A team build for Webdev 105 on an underwater background: the four pages of the Deep Blue ocean website, each with the name of the team member building it

Webdev 105: Build Together

  • Team project
  • HTML & CSS
  • Research

Teams turn their research into pages, using their HTML and CSS skills to structure and style them. Each member builds a part of the shared website.

A finished student website for Webdev 106 on an underwater background: the Deep Blue: Life in the Ocean site on a large screen and a phone, as the team presents it

Webdev 106: Finish & Present

  • Final touches
  • Phone-friendly
  • Presentation

Teams add final touches, such as fonts, a navigation bar that stays in view, hover effects and a layout that works on phones, then present their finished websites to the class.

Good to Know

  • Grades 5–12
  • Six 1.5-hour sessions, booked as a series
  • Teams of two to four
  • HTML and CSS
  • In person or online
  • Laptops required

Bring Web Development to Your Library

Tell us your dates and group size, and we’ll plan the six sessions with you.

Book a Program

bottom of page