5
Task 4 – Web Page
11 Create a web page called splendid.htm and save this in your j2431 folder.
This web page must be created using a single table and work in all browsers. The table must fit
85% of the browser window and have a structure as shown in this diagram:
A height = 20%
B width = 60% C
E F
Each table cell is identified with a letter. The cell contents shown in the diagram must not appear
on the final web page.
Table borders must not appear on the final web page.
[8]
12 Set the title of the web page to Splendid toadfish [1]
13 Enter in cell A the text Conserve our endangered species
Enter in cell C the text Splendid toadfish
Set the text in cells A and C as style h1.
[3]
14 Enter in cell G the text:
Created by: followed by your name, centre number and candidate number.
Set this text as style h2.
[2]
© UCLES 2024 0417/31/M/J/24 [Turn over
6
15 Place in cell:
• B the image j2431splendid.jpg
• D the image j2431contact.jpg
• F the image j2431location.jpg
[1]
16 Add appropriate alternate text to all images. [1]
17 Place in cell E the text from the file j2431text.txt
Set each of these three paragraphs into paragraph style.
[2]
18 Attach the stylesheet j2431style.css to your web page. Do not edit this stylesheet. [1]
19 Create a new stylesheet so that:
• the file j2431logo.png is placed as a single background image in the top-left corner of the
window
• the table is right-aligned within the browser window
• h1, h2 and the paragraph style use the:
– font Times
– font Times New Roman if Times is not available
– browser’s default serif font if neither of these fonts is available
• h1, h2 and the paragraph style are bold
• the paragraph style is fully justified
• your name, centre number and candidate number are set as a comment at the top of the
stylesheet.
Make sure that your stylesheet contains no HTML or scripting language and is as efficient as
possible.
Save this stylesheet, in your j2431 folder, in cascading stylesheet format as j2431css2_ followed
by your centre number_candidate number, for example j2431css2_ZZ999_9999
Attach this stylesheet to your web page so that it has higher priority than the one attached in
Step 18.
Take a screenshot of your stylesheet and place this in your Evidence Document. Make sure the
file name and all contents are clearly visible.
[14]
© UCLES 2024 0417/31/M/J/24
7
20 Save your web page.
Take a copy of your HTML source and place this in your Evidence Document.
Display your web page in a browser. If necessary, resize it so that:
• all the page can be seen
• all text can be easily read
• the address bar is fully visible.
Take screenshot evidence showing your web page in the browser. Place this in your Evidence
Document.
[1]
[Total: 34]
Task 5 – Printing the Evidence Document
Make sure your name, centre number and candidate number appear on every page of your Evidence
Document.
Save your Evidence Document.
Print your Evidence Document.
© UCLES 2024 0417/31/M/J/24
8
BLANK PAGE
Permission to reproduce items where third-party owned material protected by copyright is included has been sought and cleared where possible. Every
reasonable effort has been made by the publisher (UCLES) to trace copyright holders, but if any items requiring clearance have unwittingly been included, the
publisher will be pleased to make amends at the earliest possible opportunity.
To avoid the issue of disclosure of answer-related information to candidates, all copyright acknowledgements are reproduced online in the Cambridge
Assessment International Education Copyright Acknowledgements Booklet. This is produced for each series of examinations and is freely available to download
at www.cambridgeinternational.org after the live examination series.
Cambridge Assessment International Education is part of Cambridge Assessment. Cambridge Assessment is the brand name of the University of Cambridge
Local Examinations Syndicate (UCLES), which is a department of the University of Cambridge.
© UCLES 2024 0417/31/M/J/24
