0% found this document useful (0 votes)
4 views4 pages

XII Pract Science

The document outlines various exercises for creating web pages using HTML, CSS, and JavaScript. It includes tasks such as designing a tourist places webpage, implementing audio and video elements, and developing event-driven JavaScript programs for string manipulation and temperature conversion. Each exercise specifies requirements for layout, styling, and functionality, including the use of inline and internal stylesheets, as well as handling user input.

Uploaded by

samuelshidulya1
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
0% found this document useful (0 votes)
4 views4 pages

XII Pract Science

The document outlines various exercises for creating web pages using HTML, CSS, and JavaScript. It includes tasks such as designing a tourist places webpage, implementing audio and video elements, and developing event-driven JavaScript programs for string manipulation and temperature conversion. Each exercise specifies requirements for layout, styling, and functionality, including the use of inline and internal stylesheets, as well as handling user input.

Uploaded by

samuelshidulya1
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

Exp 1 : Create a webpage using HTML and CSS code to design a web page as

the layout displayed below.


The top section will display the heading , ‘Tourist places’ in header. The
section on the left has list of cities. The right hand side displays tourist places of
any one of the city .
Use Inline style sheet in the top section to display background color for the
text ‘Tourist places’. Use internal stylesheet for the left and right section with
background color and font styles.

Tourist places
City Tourist places in Pune
1. Pune • Shanivarwada
2. Banglore • Kelkar Museum
3. Hyderabad • Sinhgad fort
4. Delhi

OR

Exp11 : Create event driven JavaScript program for the following. Make use of
appropriate variables, JavaScript inbuilt string functions and control
structures.
 To accept string from user and count number of vowels in the given
string.
Exp 3 : Use of Audio on web pages using HTML5.
Create a webpage named [Link] to set an audio file in web page with
controls such that it uses HTML5 elements. The audio file must play as soon as
the webpage loads in browser and it will start over again, every time when it is
completed.
Create another webpage named [Link] which provides multiple source
file formats for the same audio file that plays a sound automatically with
controls. The browser should display the message with appropriate attribute,
when audio file is not supported by browser. The code must incorporate the
list of sound files formats (like wav, MP3 or ogg etc).

OR

Exp 7 : Create a web page in HTML having a white background and two
Button Objects. Write code using JavaScript such that when the mouse is
placed over the first button object without clicking, the color of the
background of the page should change after every seconds. There should at
least be 7 different and visibly distinct background colors excluding the
default color. When the second button object is clicked, appropriate message
should be displayed in Browsers status bar.
Create another web page using JavaScript where the background color
changes automatically after every seconds. This event must be triggered
automatically after the page gets loaded in the browser. There should at least
be 7 different and visibly distinct background colors. When the page is
unloaded, the appropriate alert message should be displayed.
Exp4. Use of video on web pages using html5.
 Create a webpage named [Link] to display a video file on web page and
plays automatically with controls. The dimension of video area should be 150 * 150
pixels.

 Create another webpage which provide multiple source file formats for the same
audio file that plays a sound automatically with controls. The dimension of video
area should be 100*100 pixels. The browser should display the message with
appropriate attribute when audio file is not supported by browser. The code must
incorporate the list of video files formats (like webM, MP4 or ogg etc).

OR
Exp10. Create event driven JavaScript program to convert temperature to and from
Celsius, Fahrenheit.
Formula: c/5= (f-32)/9
[where c=Temperature in Celsius and f=Temperature in Fahrenheit.]
Output format : 40 Celsius=104 Fahrenheit
45 Fahrenheit = 7.22222222 Celsius.
Exp [Link] event driven JavaScript program for the following. Make use
of appropriate variables, JavaScript inbuilt string functions and control
structures.
 To accept string from user and count number of vowels in the given string.
OR

Exp 9. Create event driven JavaScript program for the following. Make use of
appropriate variables, JavaScript inbuilt string functions and control
structures.
 To accept string from user and reverse the given string and check whether it is
palindrome or not.

Exp [Link] event driven JavaScript program for the following. Make use
of appropriate variables, JavaScript inbuilt string functions and control
structures.
 To accept string from user and count number of vowels in the given string.
OR

Exp 9. Create event driven JavaScript program for the following. Make use of
appropriate variables, JavaScript inbuilt string functions and control
structures.
 To accept string from user and reverse the given string and check whether it is
palindrome or not.

You might also like