Download Computer practical file and more Transcriptions Computer science in PDF only on Docsity!
EXERCISE 1: CREATE STATIC WEB PAGES.
(A) Create a web page as given below:
(a) Keep the tittle of the web page as Web page Example 1. (b) Keep a line on the top of the web page as “This comprises the body of the HTML page.” (c) Display the following text with appropriate formatting below the top line. Text is in Bold. This one is in ITALICS. This one is UNDERLINED. This text is in Size 14. This text is in Font Face Tahoma.
(B) Create a web page as given below:
(a) Keep the title of the web page as The need for para. (b) Type in the below passage as text in theweb page. Divide into paragraphs. A paragraph is used in English to signify particular type of sense being conveyed through words. When the sense being conveyed changes, it is preferably better to change the paragraph. Also, it is ill advised to change paragraph when the passage is short. Additionally, it also does not seem good to have a long passage with no paragraph changes. Need to divide into paragraphs is felt when the passage runs into pages. Essays are written with paragraph changes. When you are defending a particular outlook in your essay, you have to spare quite a few words for taking each example from real world. This is best done in a paragraph. Some of the words used to define a paragraph are: Sentiment Boundedness Cohesiveness Theme Of course, there are no hard and fast rules for division into paragraphs. Being reasonable is the only guiding principle. Being easy on the eye is the motivation. So the use of intelligence is being talked about. Senseless division into paragraphs does not add any merit to the piece. Remembering that humans think linearly, rather than jump from emotion to emotion in short bursts, makes the idea even acceptable. (c) Italicise every mention of the word paragraph or paragraphs.
SOLUTION - 1{A}
Web page Example 1
This comprises the body of the HTML page.
This one is in BOLD. This one is in ITALIC. This one is UNDERLINED. This text is in Size 14. This text is in Font face Tahoma.
SOLUTION - 1{b}
The need for para
A paragraph is used in English to signify particular type of sense being conveyed through words. When the sense being conveyed changes, it is preferably better to change the paragraph. Also, it is ill advised to change paragraph when the passage is short. Additionally, it also does not seem good to have a long passage with no paragraph changes.
Need to divide into paragraphs is felt when the passage runs into pages. Essays are written with paragraph changes. When you are defending a particular outlook in your essay, you have to spare quite a few words for taking each example from real world. This is best done in a paragraph. Some of the words used to define a paragraph are:
Sentiment Boundedness Cohesiveness Theme
Of course, there are no hard and fast rules for division into paragraphs. Being reasonable is the only guiding principle. Being easy on the eye is the motivation. So the use of intelligence in being talked about. Senseless division into paragraphs does not add any merit to the piece. Remembering that humans think linearly, rather than jump from emotion to emotion in short bursts, makes the idea even acceptable.
EXERCISE 2: Use style sheets to enforce a format in
an HTML pages(CSS).
(A) Create a web page by following the instructions given
below
(a) Keep the title of the web page as using CSS font
properties.
(b) The heading "Diamond" should be in H1 tag form with
text properties as:
Color: Red
font-family: Times New Roman, Serif
font-size: 30px
text-align: center
background: cyan
padding: 20px 20px 20px 80px
(c) The body should be in p tog form with text properties
as:
font-family: Arial, Verdana, Sans-serif
font-style: italic; font-size: 1em
background: yellow
padding-left: 120px
padding-right: 100px
(B) Create a web page by following the instructions given
below
(a) Keep the title of the web page as EXTERNAL STYLES.
(b) Using instructions given below create a External
Stylesheet:
BODY background –cyan
margin-top 20
H1 font-weight-bold
text-align: left;
color – red;
font-family-Gill,Sans,Arial,sans-serif;
CITE font-family-Gill, sans,Arial,sans-serif;
font-style – italic
H2 font-size-16pt;
font-weight-bold;
margin-top-6;
margin-bottom- 6
P margin-top-4;
margin-bottom- 4
TD padding-1pt 3pt 2pt 3pt;
border-style – solid;
border-width 1
TABLE border-style- solid
border-width- 3
border-color- white
font-size - 10pt
text-align – Justify
SOLUTION - 2 {A}
h1 {color: Red; font-family: "Times New Roman", Serif; font-size: 30px; text-align: center; background: cyan;padding: 20px 20px 20px 80px;} p {font-family: Arial, Verdana, Sans-serif; font-style: italic; font-size: 1em;background: yellow; padding-left: 120px; padding- right: 100px;
Using CSS font properties
Diamond
Diamond is a solid form of the element carbon with its atoms arranged in a crystal structure called diamond cubic. At room temperature and pressure, another solid form of carbon known as graphite is the chemically stable form, but Diamond almost never converts to it. Diamond has the highest hardness and thermal conductivity of any natural material properties that are utilized in major industrial applications such as cutting and polishing tools. They are also the reason that diamond anvil cells can subject materials to pressures found deep in the Earth. Because the arrangement of atoms in diamond is extremely rigid, few types of impurity can contaminate it (two exceptions being boron and nitrogen). Small numbers of defects or impurities (about one per million of lattice atoms) color diamond blue (boron), yellow (nitrogen), brown (defects), green (radiation exposure), purple, pink, orange or red. Diamond also has relatively high optical dispersion (ability to disperse light of different colours).
NOTE- Save CSS file
as Ritik1.1.CSS
SOLUTION - 2 {B}
BODY {background: cyan; margin-top: 20;}
H1 {font-weight: bold; text-align: left; color: red;}
CITE {font-family: Gill Sans, Arial, sans-serif;}
H2 {font-size: 16pt;font-weight: bold;
margin-top: 6; margin-bottom: 6;}
P {margin-top: 4; margin-bottom: 4;
font-size: 10pt;text-align: justify;}
TD {padding: 1pt 3pt 2pt 3pt;
border-style: solid;border-width: 1;}
TABLE {border-style: solid; border-width: 3;
border-color: white;font-size: 10pt;text-align: justify;}
EXTERNAL STYLES
Using External Stylesheet
Writer
Primary Genre
Arora
Technical (Multimedia)
Roy
Fiction
Another table follows
Writer
Primary Genre
Singh
NOTE- Save CSS file
as Ritik1.1.CSS
Technical
Paulo
Fiction
Oslo
Non-Fiction
OUTPUT-2[B]
SOLUTION - 3 {A}
Indian Elephant
Indian Elephant
The Indian elephant (Elephas maximus indicus) is one of three recognized subspecies of the Asian elephant and native to mainland Asia. Since 1986, Elephas maximum has been listed as Endangered by IUCN as the population has declined by at least 50% over the last three generations, estimated to be 60-75 years. Asian elephants are threatened by habitat loss,degradation and fragmentation.
See Also:
Sri Lankan Elephant
Sumatran Elephant
Borneo Elephant
African Elephant
For other samples and presentations Contact Us
Threats to Elephants
1 Illegal Hunting
2 Industrialization
3 Habitat Loss
4 Fragmentation
5 Disease
For further enquiries and reservations Contact Us
OUTPUT-[3]a
Solution-3{c}
Embedding Video file
Output-3{c}
EXERCISE 4: ADD TABLES AND FRAMES IN AN HTML
PAGE
(A) Create the following web page with colour name , color
code and color hue. Create this data inside a table. Use
spaces to elongate the space available inside the table cell.
You may keep any appropriate tittle and web page name for
the HTML page.
(B) Create a web page by writing HTML code. The 1
St
row the
table is in pink.
(C) Create a table in HTML
SOLUTION - 4[B]
Rows of Table
Question Marks
1 2
2
5
SOLUTION - 4[C]
Another Table
Messi 4 goals each
C.Ronaldo 1 goal 2 goals 1 goal
OUTPUT-4[A]
OUTPUT-4[B]
OUTPUT-4[C]
List item 3
© 2025 Decorated Web Page
OUTPUT- 5
EXERCISE 6: Create a website using several web
pages. Students may use any open source or
proprietary s etc.
SOLUTION - 6
Home Page of School Website.
Venus Primary School, Pinjore
Venus Primary School, Pinjore
Infrastructure
Venus Primary School, Pinjore is one of the best schools in Pinjore with
facilities that support excellence in all areas of the child. The school stands on an extensive 5-
acre campus in the Pinjore valley at 1800 feet above the sea level. VPS Pinjore is located in a
pollution free campus at the foothills of the Shivalik range. It is located 2.5 Kms. from the
Pinjore Gardens besides the Chandigarh-Shimla highway.
Motto
The School Motto is "Tamaso Ma Jyotirgamay". Our motto is a constant
reminder of our aim that we have to impart true knowledge to the students which brings
them in light.
School Building
The school building comprises of 8 large rooms with all facilities and stands on an
extensive 5-acre campus in the Pinjore valley.
Home
Facilities
Activities
Academic
Faculty
