0% found this document useful (0 votes)
2 views3 pages

Sample Practical Questions

The document outlines various Standard Operating Procedures (SOPs) for creating web pages using HTML, CSS, and JavaScript. It includes tasks such as designing web pages with specific layouts, implementing form validations, creating audio and video web pages, and developing event-driven JavaScript programs. Additionally, it covers the creation of a voting eligibility PHP program and the use of client-side image mapping.

Uploaded by

mahajanatharv14
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)
2 views3 pages

Sample Practical Questions

The document outlines various Standard Operating Procedures (SOPs) for creating web pages using HTML, CSS, and JavaScript. It includes tasks such as designing web pages with specific layouts, implementing form validations, creating audio and video web pages, and developing event-driven JavaScript programs. Additionally, it covers the creation of a voting eligibility PHP program and the use of client-side image mapping.

Uploaded by

mahajanatharv14
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

SOP 2 : 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’.
SOP 5 : 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

SOP 3 : Create a website using HTML and CSS code to design webpages as follows –

The first webpage will accept the name of the traveller, date of travel , telephone
number . It also has submit button as an image .

The second webpage has information about the name of transporter, time , seat no and
destination displayed one below the other in the form of unordered list as
Name of transporter – Air
Asia Time - 09:30 am
Seat no – B39
Destination - Delhi Both pages should be
interlinked. Create external style sheet with
relevant tags.

SOP 2 : Create JavaScript program for the following form validations. Make use of HTML5
properties to do the following validations :
1) Name, address, contact number and email are required fields of the form.
2) Address field should show the hint value which will disappear when field gets focus or
key press event.
3) Telephone number should be maximum 10 digit number only.
4) Email field should contain valid email address, @ should
appear only once and not at the beginning or at end. It must
contain at least one dot(.).
5) Make use of pattern attribute for email to accept lowercase, uppercase alphabets,
digits and specified symbols.

SOP 5 : 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).
SOP 3 : 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.

SOP 7 : Navigation on an image using Client side image Mapping in web page using html 5.
Create a webpage named imagemap. html with an inserted image having jpeg, png or
bmp extension.

SOP 4 : 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.

SOP 6 : 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).

SOP 1 : 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.

SOP 1 : Write a PHP program to check if a person is eligible to vote or not. The program
should include the following-
Minimum age required for vote is 18. Use PHP functions. Use Decision making statement.

SOP 4 : 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 check whether it is prime or not.
SOP 1 : Creation of website using HTML5

SOP 1 :Create a website using HTML5 and CSS using any 4 CSS properties.
10) Write a code for 2 separate pages having different file names such as first page as
Index. html and second page as [Link]. Use any theme such as college profile or
company profile etc. Every page must contain proper Meta information and design
web page as follows-
11) The index page must contain a heading which is highest among other text on pages
and must be at centre of the page.
12) There must be a paragraph which introduces general information about the theme
chosen must have at least 3 physical style tags and one image with alternate text.
This page must be connected to other two pages with proper navigational links.
4) The 2nd page must contain the feedback or enrolment form related with theme
chosen with features of HTML5. The form must contain text element and email address
of the company or person. Include the submit button.

SOP 1 : 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.

You might also like