10
Rajalakshmi Engineering College Department of Information Technology IT2357-WEB TECHNOLOGY LAB Ex No:1 AIM HTML ap in a web page iii) Show all the related information when the hot spots are clicked. Algorithm To embed an image using Image Tag <Img> <area shape=”” coords="” href="" alt="" /> t attributes e="planetmap"> </map> To Fix hot spot with different styles Circle e="circle" coords="0,0,82,126" href="sun.htm" alt="Sun" Rectangle e="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" Poly e="poly" coords="0,0,82,126" href="sun.htm" alt="Sun" Create a web pages related to the hotspot Open a browser and display a web pages Create a web page with the following using i) To embed an image m ii) To fix the hot spots To create a map with differen <map nam <area shap <area shap <area shap

It2357 Web Technology Lab

Embed Size (px)

Citation preview

Page 1: It2357 Web Technology Lab

Rajalakshmi Engineering College

Department of Information Technology

IT2357-WEB TECHNOLOGY LAB

Ex No:1

AIM

HTML ap in a web page

iii) Show all the related information when the hot spots are clicked.

Algorithm

• To embed an image using Image Tag <Img>

<area shape=”” coords="” href="" alt="" />

• t attributes e="planetmap">

</map>

• To Fix hot spot with different styles

• Circle

e="circle" coords="0,0,82,126" href="sun.htm" alt="Sun"

• Rectangle

e="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"

• Poly

e="poly" coords="0,0,82,126" href="sun.htm" alt="Sun"

• Create a web pages related to the hotspot

• Open a browser and display a web pages

Create a web page with the following usingi) To embed an image mii) To fix the hot spots

To create a map with differen<map nam

<area shap

<area shap

<area shap

Page 2: It2357 Web Technology Lab

Ex No:2

AIM

Wr p the following features:

d and foreground of the control text area by selecting a color from

• to select Foreground or background use check box control as radio

• To set background images

Algorithm

s and columns.

• or the components instead of the

ntal_gap, int vertical_gap)

• GridLayout nature = new GridLayout(3, 3, 10, 10); to

Place the TextArea and Insert image to the Applet

ite rograms in Java to create applets incorporating• Create a color palette with matrix of buttons • Set backgroun color palette.

In order buttons

• With the GridLayout you specify the number of row• Then the components are added from left to right. • When the row becomes full, the next row is started. • To increase and decrease the size of the window.

In this case, you will see the sizes changing fpositions, as you saw with the FlowLayout.

• The format of the constructor is (last 2 parameters are optional). • GridLayout(int rows, int cols, int horizo• Test modifying the parameter list from

• GridLayout nature = new GridLayout(3, 3); •

Page 3: It2357 Web Technology Lab

Ex No:3

Client SidAlg it

• include one text field called "Your Name", and a submit button.

e user enters their name before the form is sent

• to see it in action.

ame"

• is form in a separate window

• the page consists of a JavaScript function called validate_form() that performs the

form validation, followed by the form itself.

AIM

e Scripts for Validating Web Form Controls using DHTML or hm

The form will

• Validation script will ensure that th

to the server.

Open this page

• Try pressing the Send Details button without filling anything in the "Your N

field.

You might like to open the source code for th

Page 4: It2357 Web Technology Lab

AIM Program Form

Algorithm

ervlet.

eb application.

• Package the web application to a WAR file.

• Deploy the WAR file to the J2EE application server.

• Test your web application.

Ex No:4

to invoke servlets from HTML

• Create a new web project.

• Create Java application logic that represents the Java s

• Create the web page for the w

Page 5: It2357 Web Technology Lab

Ex No:

AIM Program Applet

Algorithm

e action=

5

to invoke servlets from

• Start the Invoking Servlets from Applet

• Create the Ats.html

• Use the one input type for roll no

• When submit button is click it perform thhttp://localhost:8080/Student/Student

• The save as the Ats.html

• Then create java coding for AppletToServlet.java

• In coding create three important objects

• Label sent and received and button click to send to servlets.

• Set the url as http://localhost:8080"+"/servlet/ServletToApple

• Then create java coding for ServletToApplet.java and Intermediate.java (see the source code)

• Finally save and run the program

Page 6: It2357 Web Technology Lab

Ex No:6

AIM:

Wr for n sume that student info PR

ite programs in Java to create three-tier applications using JSP and Databases co ducting on-line examination for displaying student mark list. Asrmation is available in a database which has been stored in a database server.

OCEDURE:

also place the html files in this tr directory only.

• Next place all the class files under the classes and jar files(servlet-api.jar,classes12.jar etc…) under lib subdirectories.

• After this start tomcat by giving the following command at the instll_dir>tomcat>bin • Catalina.bat run • At the I.E(web browser) give the url as http;//localhost:8080//tr/htmlfile or servlet url

pattern • Portno 8080 is assigned for the tomcat.

• mcat into the system. • Then make a subdirectly(eg., tr) in the \tomcat\webapps.

First install the to

• Under tr create WEB-INF directory and • Next under WEB-INF create two subclasses lib,classes and web.xml

Page 7: It2357 Web Technology Lab

Ex No:7

AIM:

Consid aagent and th eb Service n PROCEDURE:

er case where we have two web Services- an airline service and a travel e travel agent is searching for an airline. Implement this scenario using W

s a d Data base.

• Define the service's interface. This is done with WSDL

• Implement the service. This is done with Java.

• Define the deployment parameters. This is done with WSDD and JNDI

• Compile everything and generate a GAR file. This is done with Ant

• Deploy service. This is also done with a GT4 tool

Page 8: It2357 Web Technology Lab

Ex

No:8

AIM:

Dev

ROCEDURE:

elop a enterprise program using AJAX

P

1. use Javascript to initialise the XML HTML request object

2. use HTML to create areas for user input and output

3. use Javascript to send the user inputs to a server

4. process the data on a server

5. use Javascript to process any response from the server and display the result

Page 9: It2357 Web Technology Lab

Ex :No 9

AIM:

Develop a program using XML – Schema – XSLT/XSL

PROCEDURE:

• The xsl:output element specifies how to display the result tree.

• The XSL processor produces the output result tree.

• It should be specified by xsl:output element.

• The method attribute of xsl:output specifies the overall process to produce the

result tree.

• The HTML output method results the tree as HTML document.

Page 10: It2357 Web Technology Lab