Ship a Web Page
Build a page about something you know, and put it somewhere real.
2 weeks✏️ Writing🔬 Science🧭 Life Skills
What you need
- a computer
- a text editor
- a browser
Nothing to buy and nothing to print — if you do not have one of these, swap it for whatever you do have.
The steps
Day 1
Pick a subject
Choose something you already know enough about to write 300 words on.
✍️ Write a few sentences
Day 2
Structure first
Write the headings before the prose. One h1, then h2s.
📋 Make a list
Day 4
Write the content
Fill in the sections. Write for someone who knows nothing about it.
✍️ Write a few sentences
Day 6
Make it HTML
Turn it into a real .html file and open it in a browser.
📷 Take a photo
Day 8
Add an image properly
Add one image with alt text that describes it for someone who cannot see it.
📷 Take a photo
Say this: “Alt text is not a caption. It is what the picture would say if it could talk.”
Day 10
Check it
Open it on a phone. Does it still read? Fix what does not.
📷 Take a photo
How to score it
You score this, not us. Pick the description that actually matches what they did.
Structure
- 1. One block of text
- 2. Some headings
- 3. Correct heading order
- 4. Correct heading order that matches the content's shape
Accessibility
- 1. No alt text
- 2. Alt text present
- 3. Alt text describes the image
- 4. Alt text describes the image and adds nothing redundant
Writing
- 1. Copied
- 2. Own words, thin
- 3. Own words, clear
- 4. Own words, clear, and pitched at someone new to it
What goes in the portfolio
A working HTML page with a heading structure, an image with alt text, and a link that works.