Top Edge logo
Web design class workspace
Web Design Classes

WEB DESIGN FUNDAMENTALS

A practical introduction to the ideas and decisions behind effective websites. Learn how to plan, structure, and design a website with real users in mind.

Next Class

October 2026 Session

The next session begins Tuesday, October 6, 2026 and ends November 10th, 2026. Classes meet in person every Tuesday at 4:00 PM for 1.5 hours.

About The Course

Build A Website From The Ground Up

In this 6-week hands-on course, students explore how the internet works, learn HTML and CSS, create multiple webpages and navigation, use AI as a coding assistant, and publish their website online. Classes meet once a week for 1.5 hours.

The course is taught by Brooklyn and Taft Thompson, local software developers and owners of Top Edge Dev. Brooklyn holds a Master’s degree in Software Development, Taft holds a Bachelor’s degree, and together they bring more than 12 years of combined software development experience to the classroom.

What You Learn

Build And Publish Your Own Website

01

HTML and CSS

Create webpages with HTML and use CSS for colors, fonts, spacing, and basic layout.

02

Web Design Principles

Apply design principles that make a website easier to read, understand, and navigate.

03

Multiple Pages

Create multiple webpages and connect them using navigation links and shared styles.

04

AI and Publishing

Use AI as a coding assistant, test its output, and publish a finished website online.

Supplies & Technology

What Students Need

  • ✓A laptop and laptop charger for every class
  • ✓A reliable internet connection at home
  • ✓A modern browser such as Chrome, Edge, Firefox, or Safari
  • ✓No previous coding or web-design experience

A Note For Parents

Curiosity, Persistence, And Problem-Solving

Coding can be challenging for beginners, and students will occasionally encounter errors they do not immediately understand. Problem-solving and persistence are a major part of the course. Students do not need to know every answer—they need to be willing to work through problems and ask for help when they need it.

Students should be comfortable with basic computer skills, typing, following on-screen directions, staying engaged during a 90-minute class with appropriate breaks, and treating classmates, instructors, computers, and online tools respectfully.

6-Week Course Outline

From First Ideas To A Published Website

01

Week 1 — Welcome to Web Design

Goal: Understand what students will build and get set up.

Class Activities

  • •Welcome, introductions, and expectations
  • •Course roadmap and what students will build
  • •How the internet works
  • •Websites vs. web apps and static vs. dynamic websites
  • •Laptop and coding-editor setup

Homework: Find three websites and decide whether each is mostly static or dynamic. Give one reason for each.

02

Week 2 — HTML: Build a Website

Goal: Understand that HTML creates webpage structure and content.

Class Activities

  • •Review the homework
  • •What HTML is and basic tags
  • •HTML document structure
  • •Build a webpage together

Homework: Build one HTML page for a business or activity you do, such as babysitting, lawn mowing, or a lemonade stand.

03

Week 3 — CSS: Make It Awesome

Goal: Transform an HTML website visually with CSS.

Class Activities

  • •Review the homework
  • •What CSS is
  • •Colors, fonts, backgrounds, and spacing
  • •Style the website

Homework: Finish styling the website.

04

Week 4 — Layout, Multiple Pages, and Navigation

Goal: Create multiple pages and connect them with navigation.

Class Activities

  • •Review and feedback
  • •How multiple webpages work
  • •Links, navigation, and reusing CSS
  • •Build pages and navigation
  • •Use Flexbox for layout
  • •Introduce the final project

Homework: Add a grid or Flexbox layout and two pages. Start thinking about a final-project idea.

05

Week 5 — Coding + AI

Goal: Use AI productively while understanding the code it creates.

Class Activities

  • •Review and feedback
  • •What AI is and how to write useful prompts
  • •Use AI to solve a coding problem
  • •Generate code and explain it to a partner
  • •Discuss final-project goals and begin

Homework: Work on the final project.

06

Week 6 — Launch + Showcase

Goal: Understand how a website gets online and share the finished work.

Class Activities

  • •What web hosting is
  • •How a website gets online
  • •Finish and publish websites
  • •Student presentations
  • •Wrap-up

Homework: Celebrate a finished and published website.

Ready To Learn?

Ask Us About The Next Class

Contact Top Edge Dev to ask about class availability, enrollment, and what to expect from the Introduction to Web Design & Development course.