1

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: Image Mapping
EXPERIMENT NO. : MMEC-WI-CO-340(B)-01 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM: Create a web page, which displays the map of your country. Link each city/state on the
image map such that the respective HTML page of the city/state is displayed when the user selects
an area.

ALGORITHM:
1.) Download the image to be mapped and save it on the Desktop.
2.) Open notepad and create an html page by inserting the image using suitable html code.
3.) Choose the state you want to highlight by using its coordinates and give the reference by creating
another html file.
4.) Repeat step number three to highlight multiple states and save these documents in html format.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 2

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: Image Mapping
EXPERIMENT NO. : MMEC-WI-CO-340(B)-01 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02

OUTPUT:

India.html Reference Page : Delhi.html

PREPARED BY : Charu Sharma APPROVED BY : HOD

 3

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: Frames
EXPERIMENT NO. : MMEC-WI-CO-340(B)-02 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM: Create a frameset that is divided into three sections. The frameset should have three
zones:
 The topmost section of the frameset should take up just 15% of the browser window.
Name this frame title.
 The middle section should be 70% of the browser window. Name this frame display.
 The lower section should be 15% of the browser window. Name this frame menu.
Create pages for each section. For the lowermost section, create page that loads the
content into the middle section. The topmost section should contain a page describing
the web page itself.
ALGORITHM:
1.) Open notepad
2.) Divide the window into three frames by using suitable html code as per given instructions
above and save them with html extension.
3.) Now create a reference in the third frame such that on opening it we are redirected to the
second frame.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 4

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY

MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: Frames
EXPERIMENT NO. : MMEC-WI-CO-340(B)-02 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02
OUTPUT:

Main html page will comprise of three frames

PREPARED BY : Charu Sharma APPROVED BY : HOD

 5

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP in HTML to create website
EXPERIMENT NO. : MMEC-WI-CO-340(B)-03 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM: WAP in HTML to create website

ALGORITHM:
1.) Open Notepad
2.) Write the html code to create a website using frames, forms, images links etc.
3.) Save the document with .html extension.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 6

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY

MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP in HTML to create website
EXPERIMENT NO. : MMEC-WI-CO-340(B)-03 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02
OUTPUT:

PREPARED BY : Charu Sharma APPROVED BY : HOD

 7

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY MANUAL

MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP in HTML using different types of Cascading Style Sheets.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-04 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM: WAP in HTML using different types of Cascading Style Sheets.

ALGORITHM:
1.) Open notepad.
2.) Create a html page by using suitable html code.
3.) Now again open notepad and create a Cascading style sheet file containing the style sheets.
4.) Link that .css file with the html code.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 8

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY

MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP in HTML using different types of Cascading Style Sheets.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-04 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02
OUTPUT:

Html page by using CSS file.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 9

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY MANUAL

MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP to create valid XML
EXPERIMENT NO. : MMEC-WI-CO-340(B)-05 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM: WAP to create valid XML

ALGORITHM:
1.) Open notepad.
2.) Create an XML file and it must conform to a document type definition.
3.) A valid XML document should be well formed.
4.) There are two different document type definitions that can be used with XML:

a.) DTD – The original Document type definition.

b.) XML Schema – An XML based alternative to DTD.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 10

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - LABORATORY

MULLANA MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP to create valid XML
EXPERIMENT NO. : MMEC-WI-CO-340(B)-05 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02
OUTPUT:

A valid XML file.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 11

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP to display XML using CSS.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-06 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM: WAP to display XML using CSS.

ALGORITHM:
1.) Open notepad.
2.) Create an XML file.
3.) Now create a .css which contains different stylesheets.
4.) After creating the .css file link it with the xml file so that the xml file contains different
stylesheet.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 12

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - LABORATORY

MULLANA MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP to display XML using CSS.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-06 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02
OUTPUT:

.XML file

.CSS file

PREPARED BY : Charu Sharma APPROVED BY : HOD

 13

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP to display XML using XSL.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-07 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM: WAP to display XML using XSL.

ALGORITHM:
1.) Open notepad.
2.) Create an XML file by using suitable XML code.
3.) Now create an XSL file which is used to transform the xml data.
4.) Link that xsl file with the xml file.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 14

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - LABORATORY MANUAL

MULLANA
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP to display XML using XSL.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-07 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02

OUTPUT:

.XML File .XSL File

PREPARED BY : Charu Sharma APPROVED BY : HOD

 15

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - MULLANA LABORATORY MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: Display date and time using different JS date format.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-08 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM:. WAP to display date and time using different JS date format.

ALGORITHM:
1.) Open notepad.
2.) Write JS script to display data and time within html code.
3.) Run the program.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 16

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - LABORATORY MANUAL

MULLANA
MME PRACTICAL EXPERIMENT INSTRUCTION SHEET
C EXPERIMENT TITLE: Display date and time using different JS date format.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-08 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02

TPUT:

PREPARED BY : Charu Sharma APPROVED BY : HOD

 17

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - LABORATORY MANUAL
MULLANA
MME PRACTICAL EXPERIMENT INSTRUCTION SHEET
C EXPERIMENT TITLE: Write a Java Script program to check weather a given number is
palindrome or not.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-09 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM:. Write a Java Script program to check weather a given number is palindrome or not.

ALGORITHM:
1.) Open notepad.
2.) Write JS script within html code.
3.) Run the program.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 18

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - LABORATORY MANUAL
MULLANA
MM PRACTICAL EXPERIMENT INSTRUCTION SHEET
EC EXPERIMENT TITLE: Write a Java Script program to check weather a given number is
palindrome or not.
EXPERIMENT NO. : MMEC-WI-CO- ISSUE NO. : 00 ISSUE DATE : 1/12/2017
340(B)-09
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02

OUTPUT:

PREPARED BY : Charu Sharma APPROVED BY : HOD

 19

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - LABORATORY MANUAL
MULLANA
MM PRACTICAL EXPERIMENT INSTRUCTION SHEET
EC EXPERIMENT TITLE: WAP to Validate form Data Using PHP
EXPERIMENT NO.:MMEC-WI-CO-340(B)10 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 01 OF 02

AIM: WAP to Validate form Data Using PHP

ALGORITHM:
1.) Open notepad.
2.) Write PHP script within html code to validate form.
3.) Run the program.

PREPARED BY : Charu Sharma APPROVED BY : HOD

 20

FORM NO. MMEC-FRM-32 B (REV. NO. 00)

M. M. ENGINEERING COLLEGE - LABORATORY
MULLANA MANUAL
MMEC PRACTICAL EXPERIMENT INSTRUCTION SHEET
EXPERIMENT TITLE: WAP to Validate form Data Using PHP.
EXPERIMENT NO. : MMEC-WI-CO-340(B)-10 ISSUE NO. : 00 ISSUE DATE : 1/12/2017
REV. DATE: 1/12/2017 REV. NO. : 00 DEPTT.: CSE
LABORATORY : Web Technologies SEMESTER : VI PAGE : 02 OF 02
OUTPUT:

PREPARED BY : Charu Sharma APPROVED BY : HOD

 21

PREPARED BY : Charu Sharma APPROVED BY : HOD