Published lesson · 30 minutes

Build a small multi-page site

Objective: Connect related HTML pages with links that describe destinations and preserve a consistent structure.

Understand the idea

Build a small multi-page site works best when the learner can explain the reason behind each step, not just copy a result. A multi-page site is a set of documents connected by stable relative links; a shared navigation pattern helps visitors understand where they can go.

A local learning hub has a home page, a timetable page and a contact page. Each page links to the other two using clear names. Treat the names and details as invented practice information; the example is for learning a method and does not describe a live service.

A dependable sequence is: Create each page with a unique title and main heading, then add links using relative paths that match the real file names. Write down the important decision before you begin so another person can follow the reasoning.

Open every link from each page and use the browser back button. A link should not depend on a server feature the learning runtime does not provide. Compare the result with the objective, then change one thing at a time if the first attempt does not work.

Plan three pages for a small resource directory and list the links each page needs. Explain one assumption that would need checking before anyone used a similar result outside the classroom.

Keep a short record of the choices you made and the evidence you used to check them. A useful practice result is understandable by another learner, stays within the stated scope and makes its limitations visible before anyone relies on it.

Worked examples

Build a small multi-page site: practice example

Explore how build a small multi-page site supports the lesson objective with a small synthetic example.

index.html

<nav aria-label="Main"><a href="index.html">Home</a><a href="sessions.html">Sessions</a><a href="contact.html">Contact</a></nav><main><h1>Sessions</h1><p>Sample dates for a page-building exercise.</p></main>

Practice tasks

  1. Explore build a small multi-page site

    Use the worked example for “Build a small multi-page site”. Change one small detail to suit a different synthetic community situation, then explain what you expected and how you checked whether the change still met the lesson objective.

  2. Build a HTML practice example

    Create a small practice result that demonstrates this objective: Connect related HTML pages with links that describe destinations and preserve a consistent structure. Use only synthetic information, keep the first version focused, and write down one limitation that a later version should address.

  3. Review and explain the result

    Review your “Build a small multi-page site” result as if another learner will use it without your explanation. Identify one strength, one exact point that may be unclear, and a revision that would make the result easier to understand or use.

Build a small multi-page site becomes easier when you create each page with a unique title and main heading, check the result and explain the choice to another learner.

Course overview