Build the page
Headings, links, images, sections and accessible HTML structure.
Put an idea online / Suggested ages 10–18
Web Development
Learn the three building blocks of the web: HTML for structure, CSS for appearance and JavaScript for interaction. Work toward a personal portfolio website.
Ideas become understanding
What they will
work on.
- Structure meaningful pages with HTML
- Style layouts with CSS
- Make pages fit different screens
- Add interaction with JavaScript
Make it work everywhere
CSS, spacing, color, layouts and responsive design.
Make it personal
JavaScript interaction and an independently designed portfolio website.
This is a possible pathway, not a fixed completion promise. Activities and topics are adjusted to the learner.
A few possibilities
Their idea comes next.
These examples show possibilities. The student chooses an original project from what they have learned.
A personal portfolio
A home for interests, projects and original work.
An interactive page
A quiz, a small browser game or a useful interface.
Ready for the lesson
A little preparation.
A laptop or desktop, a modern browser and a code editor. Publishing options and any hosting costs are discussed before using them.
Ask about setupWill they build their own website?
The pathway works toward a personal portfolio. Its design and content belong to the student, with tasks and feedback matched to their level.
Will the teacher make the project?
No. At project milestones the student plans and makes the work. The teacher can offer hints and debugging questions so the student learns to solve the problem.