Project: Build a 3-Page Site
Computer Science Fundamentals Grades 9–12 4-day lesson 30 deliverables In this web design project, students plan, build and link the pages of a small website for a made-up food truck. They draw a storyboard and a wireframe of each page, write the home page's code, then build the menu and schedule pages with a navigation menu.
● Instant download · Lifetime access · Editable & print-ready
Print + digitalPDF, PowerPoint, Word & Google
Answer keysA key for every page
Built-in assessmentExit tickets + project rubric
45-minute daysEvery day planned and timed
A short browser game practices this lesson with new examples. Students play on a computer or tablet, with no account and nothing to install. Use it with the lesson or instead of the paper activity.
Play itWhat does this lesson cover?
Website projects are hard to manage when students skip the plan or lose track of the owner's needs. This project moves from the owner's needs to a plan, then to the code and a final check. Every fact and picture students need is in the project, so nobody searches the Web.
The activity on Day 2 and Day 3 has an online version that uses Web Lab, our online game, in the Build Your Site level. It practices building a three-page site that links together, then checking it until every check passes. Every online version comes with a paper version, so no internet is needed. Our game is free, with no accounts or sign-ins.
Two Pages and a Navigation Menu
Students build the Menu and Schedule pages of a food truck's site on paper or in the Web Lab, and write the navigation menu that goes on all three pages.
Everything that's included
00 Start Here
- READ FIRST: every file in the lesson and when you use it
- Teacher guide and pacing: the plan for each day, what to print and how to grade
- Skills map: which standards each day teaches
01 Present
- One editable PowerPoint deck for all four days, 31 slides, with speaker notes
- Slide script: the speaker notes, printed
- Bell ringers: a short warm-up for each day
02 Student Handouts
- Guided notes for all four days, in PDF and editable Word, with the word bank on the page
- Vocab slip: the lesson's words and what they mean, on one page
04 Activities
- Plan the Site: read the food truck's story, list what each page must show, draw a storyboard of the three pages in order and draw a wireframe of each page
- Build the Home Page: build the truck's home page on paper or in the Web Lab, with a title, headings, a paragraph, a list and one picture with alt text, and tell why their alt text fits
- Two Pages and a Navigation Menu: build the Menu and Schedule pages on paper or in the Web Lab, and write the navigation menu that goes on all three pages
- The Final Check and the Pitch: check their site against the story and a checklist, explain it with three web words, name two WYSIWYG functions that would help Ms. Priscilla change the menu each week and one thing she should still check, and pitch the site to a partner
05 Assessment
- Exit tickets, one per day: quick questions that show who needs more help
- Project rubric: what the whole project is graded on, 16 points
06 Answer Keys
- 5 answer key files: a key for each day (its bell ringer, notes and exit ticket) and the activity keys
Digital: Google Forms™ + Google Slides™
- 4 Google Forms™ of the exit tickets, ready to copy into your Drive
- The multiple choice grades itself, and you grade the written answers
- A Google Slides™ copy of the deck, with the same slides and speaker notes, for Google Classroom™
Online: Web Lab
- Web Lab, Build Your Site level: the online version of the Day 2 and Day 3 activities
- Every online version has a paper version, so no internet is needed
- Free to play, with no accounts or sign-ins
Why teachers love this lesson
The pages link togetherStudents write a navigation menu that goes on every page, so the home, menu and schedule pages link to each other.
Students plan for the owner's weekly changesStudents name WYSIWYG functions that would help the owner change her menu each week, and something she should still check herself.
Print and digitalEvery page is a print-ready PDF, and the Google Forms™ and Google Slides™ let you teach the same lesson in Google Classroom™.
Real online activitiesStudents can use Web Lab on a computer or tablet, and every online version has a paper version that works with no internet.
A key for every pageEvery day has its own answer key, and every written question has a sample answer and what to look for.
Every day fits a 45-minute classEach day's plan is timed activity by activity against real reading and writing speeds.
What Teachers Say
Be the first to review this
Reviews help me a lot, and they help other teachers pick the right resources for their classes. It takes about a minute.
Leave a reviewQuestions teachers ask
How do I get the files after I buy?
Instant download right after checkout: PowerPoint and Word files you can edit, print-ready PDFs, and links that copy the Google Forms™ and Google Slides™ into your Drive.
Can I buy the whole unit or course instead?
Yes. This lesson is part of the Unit 6 bundle and the complete Computer Science Fundamentals course. Both cost less than buying the lessons one at a time.
Is this AP Computer Science?
No. It is a full-year, non-AP intro course for grades 9 to 12. For AP, see AP Computer Science Principles and AP Computer Science A.
What formats are the files in?
Every page is a print-ready PDF. The slides are an editable PowerPoint and the guided notes an editable Word file. The exit tickets also come as Google Forms™, and the deck as Google Slides™.
Which standards does it cover?
Written for Florida's Advanced Information Technology course (9007610). The skills map in the lesson shows which standards each day teaches.