Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Web technology lab manual fr 6th semester AIDS department
Typology: Schemes and Mind Maps
1 / 61
This page cannot be seen from the preview
Don't miss anything!
IT2357 – W
PERAMBALUR INFORMATION TECHNOLOGY
ANNA UNIVERSITY OF TECHNOLOGY,
CHENNAI REGULATION 2008
III - IT / VI Sem (2011-2015)
WEB TECHNOLOGY LABORATORY LAB MANUA
BY
RAMAC As
AL
ACHANDRAN. A., ssistant Professor.
Preface
This laboratory manual is prepared by the Information Technology for Web Technology Laboratory
(CS2357). This lab manual can be used as instructional book for students, staff and instructors to assist in
performing and understanding the experiments. In the first part of the manual, experiments as per syllabus are
described and in the second part of the manual, experiments that are beyond the syllabus but expected for
university laboratory examination are displayed. This manual will be available in electronic form from Colleges
official website, for the betterment of students.
Acknowledgement
We would like to express our profound gratitude and deep regards to the support offered by the Chairman Shri. A.Srinivasan. We also take this opportunity to express a deep sense of gratitude to our Principal Dr.B.Karthikeyan,M.E,Ph.D , for his valuable information and guidance, which helped us in completing this task through various stages. We extend our hearty thanks to our head of the department P.Manjula M.E, for her constant encouragement and constructive comments.
Finally the valuable comments from fellow faculty and assistance provided by the department are highly acknowledged. We would like to thank everyone who helped us at various stages in completing this work. Last but not least we express our heartfelt thanks to Lord Almighty for being there when we needed him most always.
INTRODUCTION OF THE LANGUAGE
HTML
HyperText Markup Language (HTML) is the main markup language for creating web pages and
other Information that can be displayed in a web browser.
HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets
(like ), within the web page content. HTML tags most commonly come in pairs like and ,
although some tags represent empty elements and so are unpaired, for example . The first tag in a pair is
the start tag, and the second tag is the end tag (they are also called opening tags and closing tags). In between
these tags web designers can add text, further tags, comments and other types of text-based content.
The purpose of a web browser is to read HTML documents and compose them into visible or audible
web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.
AJAX Ajax an acronym for Asynchronous JavaScript and XML) is a group of interrelated web development
techniques used on the client-side to create asynchronous web applications. With Ajax, web applications can
send data to, and retrieve data from, a server asynchronously (in the background) without interfering with the
display and behavior of the existing page. Data can be retrieved using the XMLHttpRequest object. Despite the
name, the use of XML is not required (JSON is often used instead. See AJAJ), and the requests do not need to be
asynchronous.
Ajax is not a single technology, but a group of technologies. HTML and CSS can be used in combination to mark up and style information. The DOM is accessed with JavaScript to dynamically display, and allow the user to interact with, the information presented. JavaScript and the XMLHttpRequest object provide a method for exchanging data asynchronously between browser and server to avoid full page reloads.
ADVANTAGES
HTML offers a number of advantages to developers.
HTML is easy to use and understand All browsers support HTML HTML and XML syntax is very similar HTML is free Most development tools support HTML The syntax is quite flexible. It has a wide support. It is easy to learn for beginners
AJAX offers a number of advantages to developers.
AJAX Learn Ajax is easy to learn and understand. Speed Reduce the Server Traffic in both side request to or from. also reduce the time consuming on both side response. Interaction AJAX is much responsive, whole page(small amount) data transfer at a time. XMLHttpRequest
It can be used by Web browser scripting languages, such as JavaScript to transfer XML and other text data to and from a Web server using HTTP. It is used for making requests to the non-Ajax pages. Asynchronous calls AJAX allows for the ability to make asynchronous calls to a web server. This allows the client browser to avoid wait
LIMITATIONS
AJAX
1. AJAX application would be a mistake because search engines would not be able to index an Application. 2. Open Source: View source is allowed and anyone can view the code source written for AJAX. 3. AJAX is not well or full integrated with any browser. 4. ActiveX requests are enabled only in IE5 and IE6 in old version. now this feature is available in latest version few new browsers.
5 The last disadvantage lies in the actual XML Http Request object itself. Due to security constraints, you can only use to access information from the host that served the initial page. If you need to display information from another server, it's is not possible within the AJAX.
HTML
HTML defines a fixed set of elements organizations want to be able to define their own elements elements have document structuring semantics need to be able to represent structured data too applications cannot consume HTML easily o incompatible extensions of HTML o most HTML on the Web is incorrect - browsers very forgiving o elements insufficiently descriptive move to XML for data representation and XHTML for document representation
APPLICATIONS
HTML
An HTML Application (HTA; file extension ".hta") is a Microsoft Windows application that uses HTML
and Dynamic HTML in a browser to provide the application's graphical interface. A regular HTML file is
confined to the security model of the web browser's security, communicating only to web servers and
manipulating only webpage objects and site cookies. An HTA runs as a fully trusted application and therefore has more
privileges, like creation/editing/removal of files and Windows Registry entries. Because they operate outside the
browser's security model, HTAs cannot be executed via HTTP, but must be downloaded (just like an EXE file) and
executed from local file system.
1. Create a web page with the following using HTML
i) To embed an image map in a web page
ii) To fix the hot spots
iii) Show all the related information when the hot spots are clicked.
**2. Create a web page with all types of Cascading style sheets.
stored in a database server.
**7. Programs using XML – Schema – XSLT/XSL
TOTAL = 45 PERIODS
Requirement
Hardware:
Pentium IV with 2 GB RAM,
160 GB HARD Disk,
Monitor 1024 x 768 colour
60 Hz.
Software:
Windows /Linux operating system
JDK 1.6(or above)
Oracle 9i(or above version) / Microsoft access
Ex.No : 1
i) To embed an image map in a web page
ii) To fix the hot spots
iii) Show all the related information when the hot spots are clicked.
DESCRIPTION
The purpose of a web browser is to read HTML documents and compose them into visible or audible
web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page. HTML allows images and objects to be embedded and can be used to create interactive forms. It
provides a means to create structured documents by denoting structural semantics for text such as
headings, paragraphs, lists, links, quotes and other items.
OBJECTIVE
To create a web page using html by embedding image into it.
HOW TO EXECUTE THE PROGRAM
EXPECTED OUTPUT AND ITS FORM
Can easily embed any image in a web page
LIMITATIONS
It cannot produce dynamic output alone, since it is a static language. Sometimes, the structuring of HTML documents is hard to grasp.
To create a web page which includes a map and display the related information when a hot spot is
clicked in the map
ALGORITHM:
Step 1: Create a html file with map tag
Step 2: Set the source attribute of the img tag to the location of the image and also set the usemap attribute
Step 3:Specify an area with name, shape and href set to the appropriate values
Step 4: Repeat step 3 as many hot spots you want to put in the map
Step 5: Create html files for each and every hot spots the user will select
ImageMap.html
Image Map
TamilNadu.html
About Tamil Nadu
BODY> Tamil Nadu
Area : 1,30,058 Sq. Kms. Capital : Chennai Language : Tamil Population : 6,21,10,839
India Map
Karnataka.html
About Karnataka
Ex.No: CREATE A WEB PAGE WITH ALL TYPES OF CASCADING STYLE SHEETS.
AIM:
To create a web page that displays college information using various style sheets.
ALGORITHM: Step 1: Create a web page with frame sets consisting two frames
Step 2: In the first frame include the links
Step 3: In the second frame set display the web page of the link
Step 4: create a external style sheets
Step 5: create an inline and internal style sheets and make it link to the external style sheets.
PROGRAM:
h3{font-family:arial;font-size:20;color:cyan} table{border-color:green} td{font-size:20pt;color:magenta}
HTML CODE:
ALL STYLE SHEETS USE of INTERNAL and EXTERNAL STYLESHEETS
DS GROUP OF COLLEGES
Srinivasan Engineering College Dhanalakshmi Srinivasan Engineering College Dhanalakshmi Srinivasan College of Engineering Dhanalakshmi Srinivasan College of Engineering and Technology
DS GROUP OF COLLEGES
DS Group of colleges is owned by ASrinivasan.
It is approved by AICTE(All India Council for Technical Education).It is affliated to Anna University.
It is an ISO certified Institution
List of Courses offered
Computer Science and Engineering Ece mech Aero IT ME-CSE ME_VLSI MBA MCA
Results of cse students
S.NAME MARKS RESULT
Ram 100 pass
Bala 99 pass
Ramu 98 pass
DS GROUP OF COLLEGES
Srinivasan Engineering College Dhanalakshmi Srinivasan Engineering College Dhanalakshmi Srinivasan College of Engineering Dhanalakshmi Srinivasan college of Engineering and Technology
DS GROUP OF COLLEGES
DS Group of colleges is owned by Mr. A.Srinivasan.
It is approved by AICTE(All India Council for Technical Education). It is affliated to Anna University.
DS GROUP OF COLLEGES
Srinivasan Engineering College
Dhanalakshmi Srinivasan Engineering College
Dhanalakshmi Srinivasan College of Engineering
Dhanalakshmi Srinivasan College of Engineering and Technology
DS GROUP OF COLLEGES
DS Group of colleges is owned by ASrinivasan.
It is approved by AICTE(All India Council for Technical Education).It is affliated to Anna University.
Srinivasan Engineering College
It is an ISO certified Institution
List of Courses offered
Computer Science and Engineering
Ece
mech
Aero
IT
ME-CSE
ME_VLSI
MBA
MCA
Results of cse students
S.NAME
MARKS
RESULT
Ram
100
pass
Bala
99
pass
Ramu
98
pass
DS GROUP OF COLLEGES
Srinivasan Engineering College
Dhanalakshmi Srinivasan Engineering College
Dhanalakshmi Srinivasan College of Engineering
