INTRODUCTION TO WEB: Understanding Internet and Web, Web
Architecture, Web servers, protocols: HTTP, Introduction HTML: History of
Unit – I HTML, WWW.
HTML Basics: Elements, Attributes, Tags, Tables, Forms, [Link] and span
tags.
CSS: Introduction to cascading style sheet, Types of style sheets, page layout,
selectors, pseudo classes and elements.
JAVA SCRIPT: Introduction to scripting, control structures, conditional
Unit – II statements, Arrays functions, objects.
HTML DOM: Predefined object (Window, Location, History, Navigator). Events,
DOM Node methods, Navigation, creating nodes, adding nodes, inserting nodes,
removing & Replaces Nodes, Form object and Elements, DHTML with Java
Script.
XML: Basics of XML, Elements, Attributes, validation, Name space.
XML Scheme Languages: Introduction to DTD, internal and external DTD,
Unit – III Elements of DTD, DTD Limitations, XML Schema, Schema structure, Elements,
parsing XML: XML DOM, Document node, element node, Text node, Java and
DOM, Navigating DOM Tree.
AJAX: Introduction, Environment, Asynchronous communication, process steps,
sending and Retrieving Information, Ajax with XML.
Unit – IV Servlets : Introduction, Lifecycle, Generic and HTTP servlet, passing parameters
to servlet, HTTP servlet Request & Response interfaces, Deploying web
Applications, Session Tracking: Hidden form fields, cookies, URL- Rewriting,
session
JSP: Introduction, Difference Between servlets & JSP, Anatomy of JSP
page, JSP elements: Directives, comments, Expressions, scriptlets,
Unit – V Declaration, Implicit JSP objects, using Action elements.
JDBC: Introduction, JDBC Drivers, Loading Driver, establishing
connection, Executing SQL statement in JSP pages, MVC architecture.
Text Books
1. Web Technologies, by uttam K. Roy, Oxford Publication.
Suggested / Reference Books
1 Sebesta, Programming World Wide Web, 4th edition, Pearson, 2008
Dietel and Nieto, Internet and World Wide Web – How to program, 3rd edition,
2
PHI/Pearson Education Asia, 2012
Other Resources
1 [Link]
2 [Link]
Internet
The Internet is a network of networks
The Internet is a network of networks that connects
computers all over the world. Through the Internet,
people can share information and communicate from
anywhere with an Internet connection.
It consists of private, public, academic, business, and
government networks of local to global scope
The Internet carries a vast range of information
resources and services, such as the inter-linked
hypertext documents and applications
World Wide Web
The World Wide Web (WWW), commonly known as
the Web, is an information system where documents and
other web resources are identified by
Uniform Resource Locators (URLs, such
as [Link] which may be interlinked by
hyperlinks, and are accessible over the Internet.
The resources of the Web are transferred via the
Hypertext Transfer Protocol (HTTP), may be accessed by
users by a software application called a web browser, and
are published by a software application called a web
server.
What’s difference between The Internet and The Web ?
The Internet is a global network of networks while the Web,
also referred formally as World Wide Web (www) is collection
of information which is accessed via the Internet.
Another way to look at this difference is; the Internet is
infrastructure while the Web is service on top of that
infrastructure.
Alternatively, the Internet can be viewed as a big book-store
while the Web can be viewed as collection of books on that
store.
At a high level, we can even think of the Internet as hardware
and the Web as software!
A URL (Uniform Resource Locator) is a unique identifier used
to locate a resource on the Internet. It is also referred to as a
web address. URLs consist of multiple parts -- including a
protocol and domain name -- that tell a web browser how and
where to retrieve a resource.
Web Architecture
Web architecture is the conceptual structure of the World
Wide Web.
The web application architecture describes the interactions
between applications, databases, and middleware systems on
the web. It ensures that multiple applications work
simultaneously.
Types of web architectures
Two-Tiered architecture (Client
Server Model)
Three -Tiered architecture
N-Tiered architecture
Two-Tiered architecture (Client Server Model)
The web consisted of a two-tiered
architecture: clients and servers. Clients and servers
shared the tasks and services that the system was
supposed to perform.
Three -Tiered architecture
Three-tier models include an application logic between
the client and the server, which handles the data
processing and allows a certain degree of interaction.
N-Tiered architecture
Distributed web services, which are set up as
service-oriented architectures (SOA), offer many
functions and modular functional units, which can
be supplemented.
Examples include online banking, e-commerce, e-
learning, online marketplaces, and business
intelligence applications.
Hypertext Transfer Protocol
HTTP stands for HyperText Transfer Protocol.
It is a protocol used to access the data on the World Wide
Web (www).
The HTTP protocol can be used to transfer the data in the
form of plain text, hypertext, audio, video, and so on.
HTTP is an application layer protocol designed to
transfer information between networked devices and
runs on top of other layers of the network protocol
stack.
HTTP VS HTTPS
HTML
HTML stands for Hyper Text Markup [Link] is used for
creating Web pages
HTML describes the structure of a Web page
HTML consists of a series of elements ,which tell the browser
how to display the content
"Hypertext" refers to the hyperlinks that an HTML page may
contain. "Markup language" refers to the way tags are used to
define the page layout and elements within the page.
It is a tag (<tag name >) based language
HTML Tags
HTML tags are like keywords which defines that how web
browser will format and display the content. With the help of tags,
a web browser can distinguish between an HTML content and a
simple content.
HTML tags contain three main parts: opening tag, content and
closing tag. But some HTML tags are unclosed tags.
All HTML tags must enclosed within < > these brackets.
Every tag in HTML perform different tasks.
If you have used an open tag <tag>, then you must use a close
tag </tag> (except some tags)
Syntax: <tag> content </tag>
Basic Structure of HTML
<html>
<head>
<title> <!-- title bar --> </title>
<!-- header for the website -->
</head>
<body>
<!-- body section of the website --
>
</body>
</html>
BASIC TAGS
HTML Formatting Elements
Formatting elements were designed to display special
types of text:
•<b> - Bold text
•<u>
•<strong> - Important text
•<i> - Italic text
•<em> - Emphasized text
•<mark> - Marked text
•<small> - Smaller text
•<del> - Deleted text
•<ins> - Inserted text
•<sub> - Subscript text
•<sup> - Superscript text