AY 2024-2025
Subject: Computing
Web Authoring - Worksheet 2
Name: _________________________Year:9 Section: ____ Date: _________________
Learning Objective/s:
1) Identify the content and presentation layer.
2) Create a webpage using Web authoring software and save the html using the given file name in the
source folder.
3) Use the content layer to create the table structure . Insert images and resize as per given
instructions .
4) Create the Cascading style sheet (external)and attach to the webpage.
Task/Question:
You work for Tawara University and are going to carry out some clerical tasks.
Task 1 – Evidence Document
Open the file [Link]
• Make sure your name, Centre number and candidate number will appear on every page of
your Evidence Document by placing these details in the header.
• Save this Evidence Document as a word processed document in your work area as
1632evidence
followed by your candidate number. For example, 1632evidence9999
You will need your Evidence Document during the examination to enter answers to questions and
to place your screenshots in when required.
.Task 2 – Webpage
You are going to help develop a website for the Goa Elephant Sanctuary to raise awareness of the
project. Viewers of the website may have slow internet connection, so efficient markup must be used.
• Create a new folder called 1632_html
Page 1
• Locate the following files and place them in your 1632_html folder.
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
1) Create a web page called [Link]
This web page must work in all browsers and will have a table structure as shown below.
Each table cell is identified with a letter and all dimensions are in pixels:
A
736 ×
172
B C D E
184 × 140 184 × 140 184 × 140 184 × 140
F G H I
184 × 140 184 × 140 184 × 140 184 × 140
J
736 ×
140
Table borders and the letters shown in the table must not appear on your final web page. [8]
2) Place in cell A the image [Link]
Resize this image to 730 pixels wide, maintaining its aspect ratio. [2]
3) Using the most appropriate image from [Link] to [Link], place in cell:
• B the image of an elephant in a river
• C the image of an elephant ride
Page 2
• D the image of a stream in the jungle
• E the image of a garden. [2]
4) Make sure that appropriate text is displayed for each image, if it is not available. [1]
5) In cell:
• F enter the text Elephant bath time
• G enter the text Elephant rides
• H enter the text Trek up a jungle stream
• I enter the text Chill out in our tranquil gardens
Set all this text as style h1. [2]
6) Place in cell J the text Updated by:
followed by your name, Centre number and candidate number.
Set this text as style h2. [2]
7) Centre align the table in the browser.
Save the web page. [1]
8) Create a new cascading stylesheet to be used with the website. All colour codes must be in
hexadecimal. Make sure your stylesheet contains no html.
The specifications for this stylesheet are:
Background colour for web page : Black
h1 and h2 Font: Helvetica, but if not available then Arial, or if these fonts
are not available, the browser’s default sans-serif font
h1 Text colour: White
30 pixels high
Alignment
centre Italic
h2 Text colour: Blue 0, Red FF, Green
FF 20 pixels high
Alignment right
Table : No visible gridlines or borders
Save this stylesheet in your 1632_html folder. Use the file name styl followed by your candidate
number.
For example, if your candidate number is 9999 then you will call the file [Link] [11]
Page 3
EVIDENCE 1 : Take a screenshot showing the content of your stylesheet. Place this
in your Evidence Document. Make sure the file name is clearly visible.
9) Attach the stylesheet saved in step 8 to the web page saved in step 7.
Save the web page. [1]
EVIDENCE 2
Display the web page in your browser. Take screenshot evidence of the web page in
the browser and place this in your Evidence Document.
EVIDENCE 3
Take a copy of the HTML source and place this in your Evidence Document.
Page 4