Final project · Build Your First Website
Your project, ready to share.
Course overview · Final chapter
Your brief
A two-page website about a hobby, interest, or imaginary organization.
Choose a topic or theme you can explain. Build on your class project, use the core features below, and keep a saved version that someone else can open. Optional homework and extra challenges are not required.
Before the course
Open a plain-text editor and a browser. Create a folder, save an HTML file, and reopen it. Confirm the editor saves a true .html extension. Internet is needed only for the external link exercise; local project work remains available offline.
Readiness check: Can you open the tool, find your saved file, make a small change, and save another copy? Ask for help with setup before the main activities begin.
Completion checklist
- Two linked HTML pages with distinct titles, main headings, and useful original content.
- A list, a descriptive link, and an image with meaningful alternative text.
- One shared CSS file with an element selector and a class selector.
- A flexible layout that stays readable at narrow and wide widths.
- Navigation works in both directions with a mouse and with Tab/Enter.
- The complete saved folder reopens correctly; one tested improvement is explained.
Test and improve
For each check, record the action, expected result, actual result, and any repair. Repeat the test after a change. Keep these notes with your own work.
| Action | Expected | Actual | Repair and retest |
|---|---|---|---|
| Choose one checklist item | Describe its correct behavior | Record what happened | Explain what changed |
Your project tour
- Introduce the audience or player and explain the purpose.
- Demonstrate the core features.
- Explain the code behind one feature.
- Describe a problem you tested and improved.
- Make a small independent edit and check it.
Save all project files. Public posting is not part of the course requirement.
Sessions, chapters, and optional projects
The course includes six one-hour sessions covering the core learning outcomes. Chapters are learning units, not a timetable: a chapter may span sessions, and a session may cover parts of several chapters. Optional extension projects may be introduced when students demonstrate the core skills and scheduled time remains. Extension coverage or completion is not included in the course commitment.