Ch21 Rev1 Remedial
Ch21 Rev1 Remedial
SUBJECT: ICT TOPIC: Website Authoring – Remedial TEACHER’S NAME: Mrs. Saumya Srivastava
____________________________________________________________________________
Task 1 – Evidence Document
• Open the file Evidence.rtf
• Make sure your Name, Centre number and Class Division Roll No will appear on every page of your
Evidence Document by placing these details in the header.
• Save the file in a document format with the name EvidenceRev_ followed by your class division roll no. (Eg
- EvidenceRev_10A01)
You are going to prepare a webpage and stylesheet for Australia Tourism.
1. • Create a new stylesheet in a suitable software package & complete it using the information
given below.
table External Gridlines Solid 4 pixels thick
Gridlines Colour 80 Green, B9 Blue and 29 Red
Internal gridlines No internal gridlines
Borders All borders collapsed
Aligned Centre of browser window
1200 pixels wide
Cell spacing 10 pixels
table cells Cell padding 15 pixels
Font Vertical & horizontal alignment center
20 pixels high
Bold
Font colour 80 Green, B9 Blue and 29 Red
Font face Comic Sans MS, if not available then Arial Narrow,
or if these fonts are not available, the browser’s default
sans-serif font
F/LSI/1 Page 1 of 5
h1 Font 9C Blue, 1A Red and BC Green component
centre aligned
Comic Sans MS, if not available then Arial Narrow,
or if these fonts are not available, the browser’s default
sans-serif font
h2 Font 9C Blue, 1A Red and BC Green component
centre aligned
Comic Sans MS, if not available then Arial Narrow,
or if these fonts are not available, the browser’s default
sans-serif font
body Background colour D5 Red, F5 Green and E3 Blue component
background image P3background.jpg should tile horizontally at the bottom
of the web page
Add your Name, Class Division and Roll No as a comment at the end of the stylesheet
• Optimize your code wherever possible.
• Save this stylesheet by the file name P3StyleSpec followed by your Class & Roll No. For example, if
your Class & Roll No is 10A01 then you will call the file P3StyleSpec10A01.css [21]
EVIDENCE 1
Take a screenshot showing the content of your stylesheet and place this in your Evidence Document.
Make sure that the file name and content is clearly visible.
F/LSI/1 Page 2 of 5
3. • In cell A, place the image P3logo.png.
• Resize the image P3Australia.jpg so that the width of the image is 1200 pixels keeping the aspect ratio
maintained. [2]
• Make the text Click here a hyperlink to the web page P3Offers.html in your work area which will open
in a new window called _offers [3]
F/LSI/1 Page 3 of 5
7. • In cell:
• Resize the images in cells G, H, I, and J so that the width of each becomes 285 pixels keeping the
aspect ratio maintained. [2]
8. • Make sure each image has an appropriate alternate text attribute. [1]
9. • In cell F, create a placeholder, 600 pixels wide and 320 pixels high, containing the video clip
P3Tourism.mp4 . Display an automated text-based error message if the browser does not support this
video type. [5]
10. • In cell K, enter the text followed by your candidate name, center no,
candidate no. [1]
• In cell L, enter the text Click here to go to top and make it a hyperlink which allows the user to land
at the anchor created at the top of the page. [3]
12. • Attach the style sheet saved in step 1 to this web page. [1]
13. • Display the webpage in your browser. Make sure contents and url are properly visible. [1]
EVIDENCE 2
Take screenshot evidence(s) of the web page in the browser and place this in your Evidence Document.
Make sure the contents of the webpage are clearly visible.
14. • Paste the html source code of P3Australia.html in the evidence document.
EVIDENCE 3
Take a copy of the HTML source of P3Australia.html and place this in your Evidence Document.
15. • Open the webpage P3Offers.html in a suitable software package to edit it.
• Attach the stylesheet created in step 1 to this web page. Make sure it overrides the external stylesheet
P3Style2.css [2]
F/LSI/1 Page 4 of 5
16. • Display this webpage in your browser. Make sure contents and url are properly visible.
EVIDENCE 4
Take screenshot evidence(s) of the P3Offers.html web page in the browser and place this in your
Evidence Document. Make sure the contents of the webpage are clearly visible.
17. • Paste the html source code of P3Offers.html in the evidence document
EVIDENCE 5
Take a copy of the HTML source of P3Offers.html and place this in your Evidence Document.
[Total: 50]
F/LSI/1 Page 5 of 5