Building Your First Website
A small place on the internet that belongs entirely to you.
What this program is, in the words of the people who run it.
A website is a window. A small place on the public internet that belongs entirely to its maker. In this program, students design and build their own real website — typography, layout, color, code — and learn to think about who it's for, what it should feel like, and how to ship it.
By the last week, every student has a live URL they can share with anyone. Not a school project frozen on a laptop — a real thing on the real internet, written and designed and shipped by them.
- Figma
- HTML & CSS
- Cursor
- Vercel
- Claude / ChatGPT (sandboxed)
All tools are age-appropriate and used inside closed, instructor-administered environments. Data and accounts are managed by AI Playground — not by individual students.
Each session builds on the last — with intention.
- W 01
Imagine & sketch
What is a website? Each student picks who their site is for, sketches every page on paper, and chooses the feeling — fonts, colors, voice.
- W 02
Build it
Studio week. With an AI sitting alongside as a coding partner, students bring their sketches to life — typography, layout, real working pages.
- W 03
Ship & share
The site goes live on a real URL. Students share it with family, get reactions in person, and present what they made and what they learned.
Detailed instructor notes, week-by-week materials, and assessment rubrics available to partner schools on request.
A small selection of what students have made.
By the last week, students leave with these.
- A live, public website made by the student themselves
- Working fluency with HTML, CSS, and modern web tools
- An eye for typography, color, layout, and rhythm
- Confidence with shipping work to a real audience
Three disciplines, one through-line: making.
Ready to bring Building Your First Website to your students?
Tell us about your school. We'll reply within two business days with a tailored proposal — including curriculum samples, a scheduling outline, and any compliance documentation your administration needs.