Scribd
Upload
79 views

RS - Website Authoring

The document provides instructions for students to create web pages for a basketball team. It details 18 tasks for students to complete, which include developing two web pages using HTML and CSS, taking screenshots of the web pages, and adding code and screenshots to an evidence document. The tasks involve adding content, images, links, and styles to display the web pages properly in a browser.

Uploaded by

Dhrisha Gada
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
79 views

RS - Website Authoring

The document provides instructions for students to create web pages for a basketball team. It details 18 tasks for students to complete, which include developing two web pages using HTML and CSS, taking screenshots of the web pages, and adding code and screenshots to an evidence document. The tasks involve adding content, images, links, and styles to display the web pages properly in a browser.

Uploaded by

Dhrisha Gada
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

WS / HW / / RS / 662 : 2022- 2023: TERM: I/II

NAME________________________ CLASS: 10 DIV: A D E F ROLL NO.: ____ DATE: ____________


SUBJECT: ICT TOPIC: Website Authoring TEACHER’S NAME: Mrs Saumya Srivastava
____________________________________________________________________________
Task 1 – Evidence Document
• Open the file Evidence.rtf
• Make sure your name, Centre number and Class & Roll No 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
Evidence followed by your Class & Roll No. For example, Evidence10A01

Task 2 – Web Page

You are going to develop web pages for a Basketball College Team.
Efficient markup and stylesheets must be used. All colour codes must be in hexadecimal.

1. • Create a new folder called BB_html.


• Locate the following files and store them in your GGG_html folder.
P3_aboutBB.txt P3_BBbanner.png P3_BBevent.png
P3_BBGallery.html P3_BBicon.png P3_BBlogo.png
P3_BBstyle.css P3_BBtryouts.txt P3img1.png P3img2.png
P3img3.png P3img4.png
P3img5.png
2. • Create a web page called BBHomepage.htm [7]
• This webpage must open in any browser and contain a single table to look like this:
• The dimensions of each cell are given in parenthesis () in pixels.
• Text shown in bold must be entered onto your web page.
• Replace text in <chevrons> with image/candidate details as instructed.
• Appropriate text should be visible in case any image does not load.
• The letters, dimensions and borders must not appear on your final web page.

(For Private Circulation Only. This Material is not Copyright Free)

F/LSI/1 Page 1 of 4
A B C
<Place GALLERY TRYOUTS
P3_BBlogo.png
image here> (380 X 50) (380 X 50)
(200 x 50)
D

(960 X 400)

E F
<Place
P3_BBevent.png
(580 X 300) image here>
(380 X 300)
G H I
TRYOUTS GIRLS Schedule: BOYS Schedule:
20/10/2019

(200 x 250) (380 X 250) (380 X 250)


J
Webpage created by: <Full name, centre no, class div roll no
here>
(960 X 50)
3. • In cell D enter the text as given below keeping in mind the line breaks:
“Talent wins games,
but teamwork and intelligence
wins championships.”
- Michael Jordan [2]

4. • In cell E paste the text from the file P3_aboutBB.txt [1]

5. • The file P3_tryouts.txt gives GIRLS & BOYS tryout schedule. [2]

• In cell H, paste the girls schedule from the P3_tryouts.txt file in the form of an
unordered list below the heading GIRLS Schedule: which you entered in step17

• In cell I, paste the boys schedule from the P3_tryouts.txt file in the form of an
unordered list below the heading BOYS Schedule: which you entered in step17

6. • In cell G, create an anchor named try

• Make the text TRYOUTS in cell C a hyperlink to this anchor. [2]


(For Private Circulation Only. This Material is not Copyright Free)

F/LSI/1 Page 2 of 4
7. • Make only the text GALLERY in cell B, a hyperlink to the page P3_BBGallery.htm such
that it opens in a new tab [2]

8. • Attach the stylesheet P3_BBstyle.css to your webpage. [1]

9. • Create a class named banner for the table cell D. [1]

10. • Save the webpage in your BB_html folder.

You will modify the P3_BBstyle.css stylesheet using the most efficient syntax. Make
sure your stylesheet does not contain any HTML.

11. • Edit the above stylesheet using the information given below: [10]
table Align Centre of browser window
Font Arial, 18 pixels high
Text alignment justified
list list type use the image P3_BBicon.png as bullets
banner class background use the image P3_BBbanner.png as background
image
Text alignment left
Font Viner Hand ITC, 30 pixels high

Add your Name, Centre No, Class Div & Roll No as a comment at the end of the
stylesheet.

12. • Save your stylesheet.


Paste your stylesheet source code in your evidence document.

13. • Open the webpage P3_BBGallery.htm in a suitable software package and attach the
P3_BBstyle.css to the webpage such that it does not override the internal stylesheet.
[1]

14. • In the P3_BBGallery.htm webpage, add internal stylesheet code to add: [4]

• a background image P3_BBbanner.png without repeat aligned to top right corner.

• background colour with EE green component, D4 blue component & F0 red


component.
(For Private Circulation Only. This Material is not Copyright Free)

F/LSI/1 Page 3 of 4
• Add your name, centre no, class div & roll number as a comment in the head
section below the title. [1]

• Save your webpage.

15. • Display the webpage BBHomepage.htm in your browser. Resize it so that: [1]
° All the text on the page is visible
° No elements overlap with each other
° The address bar is properly visible.
Take screenshot evidence(s) of the web page in the browser and place this in your
Evidence Document.
16. • Paste a copy of the html source code of BBHomepage.htm in the evidence document.

Take a copy of the HTML source and place this in your Evidence Document.
17. • Display the webpage P3_BBGallery.htm in your browser.
Take screenshot evidence(s) of the web page in the browser and place this in your
Evidence Document.
18. • Paste a copy of the html source code of P3_BBGallery.htm in the evidence document.

Take a copy of the HTML source and place this in your Evidence Document.
[Total: 35]

Task 3 – Printing the Evidence Document

. Save and Print your evidence document.

(For Private Circulation Only. This Material is not Copyright Free)

F/LSI/1 Page 4 of 4

You might also like