CSEC INFORMATION TECHNOLOGY · PRODUCTIVITY TOOLS · LESSON B4

Web Page Design: Planning, Building, Linking and Evaluating

How to plan a small website (purpose, audience, number of pages, content, layout), build a page with text, images, a logo and navigation, add hyperlinks to a page, a location, an email address and a file, and evaluate it before publishing.

Sections 4 to 64.94.104.114.12≈ 55 min🎮 3 games
Before you start

By the end of this lesson you can…

Step 1 · Watch

Explainer video

5 narrated scenes. Press play, listen and read along — the points appear as they are explained. Use ‹ Prev / Next › or the scene bar to jump to any scene.

LESSON B4 · EXPLAINER

Web Page Design: Planning, Building, Linking and Evaluating

A good web page is planned on paper first. The plan decides what goes on each page, who it is for, and how visitors will move around.

Narration uses your device’s built-in voice. No sound? Switch to “Captions only” — the captions advance on their own.

Explore in 3D

A web page in 3D

Pull the page apart into its areas and follow the four kinds of hyperlink.

Step 2 · Read

Key notes

Copy these into your notebook in your own words — that is how they stick.

Planning

Reason, audience, ≤ 3 pages, content, layout.

Design features

Logo, heading, navigation area, content area, consistent style.

Tools

Word processor or free online web service; no HTML needed.

Wrap text

Picture Format ▸ Wrap Text lets words flow around an image.

Hyperlink types

Another page, location in the page, email address, user-created file.

Home page

Contains links to the other pages.

Evaluate

Test links, check accuracy/currency, use a test audience.

Publish

Upload with FTP or the Publish button.

EXAM TIPS & COMMON MISTAKES

  • SBA web page: logo, defined areas for navigation and content, and at least TWO different types of hyperlink.
  • Put only the candidate number near the top of the page as identification.
  • Mention the audience when you justify a design choice.
  • Test every link: a broken link loses marks and visitors.
Play & practise

Games

3 quick games on this lesson. Earn XP and badges as you play — your best score for each game is saved. Games are for practice and do not change your exam readiness. More games in the Information Technology Arcade.

Step 3 · Practise

Paper 1 practice — multiple choice

8 items modelled on real CSEC Paper 1 questions. Choose one answer for each, then check. Aim for 80% or better. Work each item on paper first.

Syllabus 4.9

1. The first step in creating a website is to

Answer: A. Planning comes first.
Syllabus 4.9

2. What is the maximum number of pages suggested for the syllabus website?

Answer: B. No more than 3 pages.
Syllabus 4.10

3. Which feature allows words to flow around a picture?

Answer: B. Text wrapping.
Syllabus 4.11

4. A link that opens the visitor’s email program uses

Answer: C. mailto: links.
Syllabus 4.11

5. A link from the end of a long page back to the top is a link to

Answer: D. It points to a bookmark on the same page.
Syllabus 4.12

6. Which is NOT part of evaluating a website before publishing?

Answer: A. Evaluation checks, not adds randomly.
Syllabus 4.10

7. A home page usually contains

Answer: B. Navigation to other pages.
Syllabus 4.10

8. Which tool lets you create a website without writing HTML?

Answer: C. It is a free online service.
Step 4 · Apply

Paper 2 practice — structured questions

Write full answers, then reveal the mark scheme and tick the points you earned (15 marks in total). Show all your working — method marks count. Your answers are saved on this device.

Paper 2 style · Web page design

Question 1 [15 marks]

A youth club wants a small website to attract new members aged 12 to 16.

(a) (a) State three things the club should plan before building the website. [3]

MARK SCHEME — (a) (max 3)

(b) (b) Describe three design features that would suit the audience. [3]

MARK SCHEME — (b) (max 3)

(c) (c) Name the four types of hyperlink and state where each one could be used on the club site. [4]

MARK SCHEME — (c) (max 4)

(d) (d) Explain how the club should evaluate the site before it is published. [4]

MARK SCHEME — (d) (max 4)

(e) (e) State why a web designer might choose an online web service rather than writing HTML. [1]

MARK SCHEME — (e) (max 1)

Your progress

Lesson readiness

0%
READY
Not started
Video watched (20%)0%
Multiple choice (40%)0%
Structured (40%)0%

Sources

Where this topic appears in CSEC papers

Find these in your own past-paper booklets for extra timed practice. Items above are written in the style of these papers; any adapted from a specific question say so.