Professional Documents
Culture Documents
SUMMATIVE ASSESSMENT - II
CLASS VII
CANDIDATE
NAME
You will need: Practical resource files (listed on page 2) (Soft Copy Only)
INSTRUCTIONS
INFORMATION
1
Mandatory Instructions:
• Rename Your Practical Batch number folder located at desktop with
studentname_class_section
Example: change CLASS7_BATCH1 as Vijya_7_B
• All required images and sample output are provided in the above folder as follows:
a. Activity.jpg
b. Flight.jpg
c. Hotel.jpg
d. Sea.jpg
e. Question_Paper.pdf (Only for understanding Colours and Designs)
• Create all web pages inside the same folder and keep all required images in the
same folder
• Keep Saving Your Work
• Apply Embedded CSS code by default for decorating web page style till it is not
specifically mentioned in instruction as inline
Task : Web Page Designing Using HTML & CSS
Total_Marks:50
Welcome.html
Design a web page named as Welcome.html by following instructions given
below:
1. Set a background image sea.jpg using CSS. [3]
2. Entire content of this page is in middle. [2]
3. Set a Heading1 for Web Page as “Lakshadweep Tourism” with below style [4]
i. Size of Text as 50px
ii. Colour of Text as white
iii. Text Style as Jokerman
4. Beneath this heading, display three images in parallel with below mentioned style
2
[5]
a. Spacing between all three images is 40px
b. First Image name – hotel.jpg
c. Second Image name- flight.jpg
d. Third image name- activity.jpg
e. For the all above three images
i. Border is a blue colour dashed border with 10px thickness
ii. Width is 400px
iii. Height is 300px
iv. Border Radius is set as 20%
5. After images in next line display three hyperlinks with below style
[3]
i. Text Colour is blue
ii. Text Size is 30px
iii. Background colour is orange
[3]
iv. Link “Click Here to explore hotels” is opening hotel.html
3
v. Link “Click Here to explore flights” is opening flight.html
vi. Link “Click Here to explore activities” is opening activity.html
hotel.html
Design a web page named as hotel.html in same folder by following instructions
given below:
4
ii. Colour of Text as white
iii. Text Style as Jokerman
iv. Heading text is center aligned
v. Background colour is orange
flight.html
Design a web page named as flight.html in same folder by following instructions
given below:
[5]
Table has following CSS features:
i. Text Colour is white
ii. Back colour is black
5
iii. Text Size is 40px
iv. Table Border is 10px dashed , Table Border Colour is white
v. Table width is 800px
vi. Table height is 300px
activity.html
Design a web page named as activity.html in same folder by following instructions
given below:
11.
[6]
Display a description list about activities as follows:
i. Back colour is orange
ii. Text Size is 20px
iii. Padding is 15px
iv. Width is 700px
Under the above description list each description title has following css:
a. Text Color is White
b. Text Size is 40px
Text of above Description List (For Reference For Correct Typing ) : [4]
6
Island never misses out to go for snorkelling. The shallow shores are full
of colourful reefs and exotic underwater animals.
7
SAMPLE OUTPUTS OF ALL WEB PAGES
WELCOME.HTML
HOTEL.HTML
8
FLIGHT.HTML
ACTIVITY.HTML