Lab File

On

Web Designing Lab (KIT-451)

Academic Year: 2019-20 (Even semester)

Submitted by:
Name:
Roll No:

Department of Information Technology

Rajkiya Engineering College, Azamgarh

Signature of Student Signature of Faculty

2020
 Index

S.
Practical Name Date Signature
No
Create a simple html file to
1. demonstrate the use of different HTML 27/01/2020
tags.
Create an html file to link to different
2. html page which contains images, 03/02/2020
tables, and also link within a page.
Create an html page with different
3. types of frames such as floating frame, 10/02/2020
navigation frame & mixed frame.
Write a html code to design a student's
4. registration form using different HTML 30/03/2020
tag.
Design a web page by applying
5. different styles using Inline, Internal 20/04/2020
and External style sheet.
Design a webpage with the help of CSS
6. color, Border, margin, padding and font 27/04/2020
properties of Cascading Style Sheet.
Design a web page using CSS display,
7 positioning and overflow properties of 04/05/2020
cascading style sheet.

Design an interactive job application

8. 11/05/2020
form with the help of HTML and CSS
Write a JavaScript program to define a
9. user defined function for sorting the 18/05/2020
values in an array.
 Create an html page to explain the use
10. of various predefined functions in a 18/05/2020
string and math object in java script.
Create an html page to explain the use
11. of various predefined functions in a 18/05/2020
array & Date object in JavaScript.

Display the calendar using JavaScript

12. 26/05/2020
code by getting the year from the user.
Create a html registration form and to
13. validate the form using JavaScript 26/05/2020
code.
Create a html file to open new window
14. from the current window using 30/05/2020
JavaScript.
Create an html page to change the
15. background color for every click of a 30/05/2020
button using JavaScript.
Create a html page to display a new
16. image & text when the mouse comes 30/05/2020
over the existing content in the page.
 Practical No – 01

Object – Create a simple html file to demonstrate the use of

different HTML tags.

Code –
Output –
 Practical No – 02

Object – Create an html file to link to different html page

which contains images, tables, and also link within a page.

Code –
Output –
 Practical No – 03

Object – Create an html page with different types of frames

such as floating frame, navigation frame & mixed frame.
Code –
Output –
 Practical No – 04

Object – Write a html code to design a student’s registration

form using different HTML tag.

Code –
Output –
 Practical No – 05

Object – Design a web page by applying different styles

using Inline, Internal and External style sheet.

Code –
Output –
 Practical No – 06

Object – Design a webpage with the help of CSS color,

border, margin, padding and font properties of Cascading
Style Sheet.

Code –
Output –
 Practical No – 07

Object – Design a web page using CSS display, positioning

and overflow properties of cascading style sheet.

Code & Output –

 Practical No – 08

Object – Design an interactive job application form with the

help of HTML and CSS.

Code –
Output –
 Practical No – 09

Object – Write a JavaScript program to define a user defined

function for sorting the values in an array.

Code –
Output –
 Practical No – 10

Object – Create an html page to explain the use of various

predefined functions in a string and math object in java script.

Code –
 Practical No – 11

Object – Create an html page to explain the use of various

predefined functions in a array & Date object in
JavaScript.

Code –
 Practical No – 12

Object – Display the calendar using JavaScript code by

getting the year from the user.

Code –
Output –
 Practical No – 13

Object – Create a html registration form and to validate the

form using JavaScript code.

Code –
 Practical No – 14

Object – Create a html file to open new window from the

current window using JavaScript.

Code –
Output –
 Practical No – 15

Object – Create an html page to change the background color

for every click of a button using JavaScript.

Code –
Output –
 Practical No – 16

Object – Create a html page to display a new image

& text when the mouse comes over the existing
content in the page.

Code –
Output –