Your final website

Plan your final website

Lesson 16 of 18 · About 35 minutes

Your goal: Choose a clear purpose and sketch your page.

Learn

Use your hobby page as the starting point. Decide who it helps, what they should learn, and which interaction is useful. Write the content before polishing the appearance.

View starter code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My hobby page</title>
    <style></style>
  </head>

  <body>
    <h1>My hobby</h1>
    <p>I enjoy learning something new.</p>
  </body>
</html>

Your challenge

Write a plan: audience, title, two sections, one useful link, and one interaction. Start from your saved hobby page.

Keep developing your hobby page: Download HTML before leaving the sandbox, then choose Open HTML file when returning to your project. Load saved draft restores only this lesson’s draft in this browser.

Practise in the sandbox

Show a hint

A gardening page could explain equipment and planting, with a button showing a daily tip.

Show a sample answer

Try the challenge first. This is one possible answer or a snippet to adapt.

Audience: first-time gardeners. Sections: Equipment and Planting steps. Interaction: Show a daily tip. Layout: one column on phones, two on wider screens.

Check your work

You can explain who the site is for and what each section does.

I tried the challenge and checked the result.

Completion is your own check, not an automatic grade.