What does the Web and Media Design module cover in N-Level Computer Applications 7018?

It covers planning and building simple web and media content, a skill assessed in the lab-based practical papers that include media elements and interactive multimedia. You learn to plan a web page or small site by deciding its purpose and audience, sketching a layout and structure, and planning clear navigation; to write basic HTML using opening and closing tags for headings, paragraphs, lists, links and images; to edit images by cropping and resizing, choose suitable file formats and compress them so pages load quickly while staying clear; and to work with audio and video, doing simple edits such as trimming, choosing suitable formats and keeping file sizes sensible for sharing online.

What is HTML and how do tags work?

HTML (HyperText Markup Language) is the language used to structure a web page, telling the browser what each part of the content is. It works using tags written in angle brackets, which usually come in pairs: an opening tag such as and a matching closing tag such as , with the content in between. For example, Title marks a main heading and Some text marks a paragraph. The closing tag has a forward slash before the tag name. Some tags, such as the image tag, do not wrap content. Tags structure the page rather than describing exactly how it looks, which is the job of styling.

Which image file format should I use for the web?

Choose the format that suits the image. JPEG is best for photographs with many colours, because it compresses them to a small file size, though it loses a little quality. PNG is best for graphics, logos and images that need sharp edges or a transparent background, because it keeps quality and supports transparency. GIF suits simple graphics with few colours and can hold a short animation. Whatever the format, crop and resize the image to the size it will actually be shown and compress it so the page loads quickly while the image still looks clear, because oversized images slow a page down.

Why should I compress images and keep media file sizes sensible?

Large images and media files make a web page slow to load, which frustrates visitors, especially on a mobile connection, and uses more data. Compressing an image reduces its file size so the page loads quickly while keeping it clear enough to look good, and resizing an image to the dimensions it will be displayed at avoids sending a much larger picture than needed. For audio and video, trimming out unneeded parts and choosing a suitable format keeps files a sensible size for sharing or embedding online. Sensible file sizes make the difference between a fast, usable page and a slow, frustrating one.

How do I plan a web page before building it?

First decide the page's purpose (what it is for, such as informing, advertising or sharing) and its audience (who it is for), because these shape the content, tone and design. Then sketch a layout and structure on paper or a simple diagram, showing where the heading, navigation, main content and images will go, and how multiple pages link together if it is a small site. Plan clear, consistent navigation so visitors can move around easily and always know where they are. Planning first saves time and avoids a confusing page, just as planning a document or presentation does.

SingaporeComputer Applications

N-Level Computer Applications (SEAB 7018) Web and Media Design: planning a web page for a purpose and audience, HTML basics with tags, editing and compressing images for the web, and working with audio and video

A module overview for N-Level Computer Applications (SEAB 7018) Web and Media Design: planning a web page for its purpose and audience with clear navigation, HTML basics using opening and closing tags for headings, paragraphs, lists, links and images, editing and compressing images so pages load quickly, and working with audio and video for the lab-based practical papers.

Generated by Claude Opus 4.85 min readSEAB-7018Updated 2026-06-13

Reviewed by: AI editorial process; not yet individually human-reviewed

Jump to a section

Why this module matters
Planning a web page
HTML basics
Editing images for the web
Audio and video basics
How this module is examined
Check your knowledge

Why this module matters

Web and Media Design teaches you to plan and build simple web and media content, a skill assessed in the lab-based practical papers that include media elements and interactive multimedia. This module covers planning a page for its audience, writing basic HTML, preparing images for the web, and working with audio and video. Because the practical papers are hands-on, practising these workflows until they are automatic is the best preparation.

This guide ties together the matching dot-point pages, each with its own worked detail and practice. The strands below move from planning, through structure with HTML, to preparing the media that goes on the page.

Planning a web page

Start with planning. See planning a web page for purpose, audience, layout and navigation.

Decide the page's purpose (what it is for) and its audience (who it is for), because these shape the content and design. Then sketch a layout and structure, where the heading, navigation, main content and images go, and plan clear, consistent navigation so visitors can move around easily. Planning first, as with any document, saves time and avoids a confusing result.

HTML basics

Next, structure with HTML. See HTML basics for what HTML is and the basic tags.

HTML (HyperText Markup Language) structures a web page using tags in angle brackets, usually in pairs: an opening tag such as <p> and a closing tag such as </p> (the closing tag has a forward slash), with content in between. Basic tags include headings (<h1> to <h6>), paragraphs (<p>), lists, links (<a>) and images (<img>).

Editing images for the web

Then preparing images. See editing images for the web for cropping, formats and compression.

Crop to remove unwanted parts and resize to the dimensions the image will actually be shown at. Choose a format: JPEG for photographs (small files, slight quality loss), PNG for logos, sharp graphics or transparency, and GIF for simple graphics or a short animation. Then compress the image so the page loads quickly while it still looks clear, because oversized images slow a page down.

Audio and video basics

Finally, sound and moving images. See audio and video basics for editing, formats and file sizes.

Do simple edits such as trimming out parts you do not need, choose a suitable format, and keep file sizes sensible for sharing or embedding online. As with images, large media files make pages slow to load, so trim and compress to a sensible size.

How this module is examined

Lab-based practical papers (media and interactive multimedia tasks). Plan and produce web and media content: structure with HTML, prepare and compress images in suitable formats, and trim and embed audio or video at sensible sizes.
Paper 1 (written, 30%). Explain HTML and tags, image formats and compression, and planning a page for purpose and audience.

Check your knowledge

Try these, then take the matching quiz for this module.

State two things you should decide when planning a web page. (2 marks)
Explain how an opening and closing HTML tag work, with an example. (2 marks)
State which image format is best for a photograph, and why. (2 marks)
Explain why you should compress images used on a web page. (2 marks)

Sources & how we know this

Singapore-Cambridge GCE N(A)/N(T)-Level Computer Applications (Syllabus 7018) — Singapore Examinations and Assessment Board (2026)