is to retrieve the URL using common,
such as HTTP and FTP. "
‘© The networking is responsible to “handle the internet commun!
‘security issues.
may use th
network component
. ae is useful for increasing the fesPonse time.
JavaScript Interpreter = :
© The interpreter executes the JavaScript co
User Interface Backend :
© Itis basically used to
e cache for retrieved docum
de which is embedded ina
sdgets like combo boxes and windows,
draw the widgets li a1 Wael
Data Persistence : - website
co This is a small database created on local drives of the computer Lp 2: The web ser
browser is installed. back the ret
‘© The data “storage manages user data such as book marks, cookie error page.
x preferences. fp 3: The web b
Web Servers (PBUREBEREACAIORS Apache
ype of server to which the web browser submits the ff js an excellent
Web servers a special t
sweb page which is desired by the client.
Becondly it is m
‘© There are some popularly used web servers such as Apache and IIS from Micros pvailable to any!
pe used on Win
Functions of web server
he apache wet
Various functions of web server are - This file is pres
1. The web servers accepts the requests from the web browsers.
2. The aser request is processed by the web server rhe I
e Internet J
3. The web servers res
pond to the users by providing the services which ti
BS 65 browsers yp ig rovided by M
4, The web se-vers serve the
Web based applications,
5. The DNS translate the domai
names into the IP addresses.servers Verify given address exists, find necessary files, run appropriate scripts,
6. The
ck to the browser.
achange OOK if necessary an returns ba
7, Some servers
omxing Principe of Web Server
sor submits a request for a web page,
actively participate in sesston handling techniques
for a page
he/she is actually demanding
When
present 0”
When web browse!
back the requested page to the web browser of the client
the web server.
\ds this request
+ submits the request for a web page, the web server respon!
’s machine.
by sending
Request for
web page
‘Web Browser Serves the Web Server
web | webpage _|
| Fig. 1.5.1 Web browser and server communication
yep 4; Web client requests for the desired web page by providing the IP address of the
| website
.s the desired web page on the website and responds by sending
Py herttep 2: The web server locate:
will send back the appropriate
back the requested page. If the page doesn’t exist, it
okies | error page.
tep 3 : The web browser receives the page and renders it as required.
Apache
reauel Itisanexcellent server because of its two important features : Reliability and Efficiency.
Secondly it is more popular because it is an open source software That means it is freely
able 1o anybody. Apache web server is best suitable for UNIX systems but it can also
sof.
be used on Windows box.
Ti apache web server can be configured as per the requirements using the file httpd.conf.
is file is present in the Apache software package.
The Int i
lernet Information Services or Internet Information Server is a kind of web ar
Provided by Microsoftms Web Technologies __ = 2-6 ms
1. Doctype : The Doctype stands for Document type which tel.s the browser what type of
document (HTML) itis about to process.
2, HTML : The element is sometimes called the root element as it contains all the
ey otlier HTML elements in the document
. Head : HTML pages are divided into two sections : The head and the body, which
correspond to the and elements, The head contains descriptive elements
about the document, such as its title, any style sheets or JavaScript files it uses
4. Body : The body contains content (bo:h HTML elements and regular text) that will be
displayed by the browser.
Character encoding : The
element specifies that the character encoding for
the document is UTF-8. Charac \ding refers to which character set standard is
ing used to encode the characters in the document. UTF-8 is a more complete
width encoding system that can encode all 110,000 cheracters in the Unicode
tylesheet such as css cart be used with HTML
sheet
specify the name of the CSS st
¢ files can be associated with HTML
ereem ss
ement is waich has two children : Head and
ectly in the client area of
‘ain information to web
- : Fig. 2.2.1 Element treeay
HEMMOR ce ion ce apres er cutinde”
_ The hoader tag is denoted by bh}, h2 and so on upto 6.
* Rollowing HTML document along with its output is itself self explanatory.
This i a forth header man!
. This is a ith healer 25>
Thisis a sixth} header anes
|
Sie}
@ DXHTML Examplesine
This is a first header
This is a second header
This ts a third header
This is a forth header
This {x « ith header
J Computer | Protected Mode: Off
TECHNICAL PUBLICATIONS® a0
2 norsh rns Geare used for eteating paragraphs
Meaning.
This tng is sed to a
wed to make division of sections in the XHTML document ‘Hote tht
— = ‘ante i
For example ‘a a
HTML Document{TextFormat.htm!] be
: aSOCTHPE hal
tint >
ee
Line eee
© O fie
ace upon a time there was 8 king who kept a monkey as a pet
‘The monkey served the king hy all the possible ways, Hawa
El and new li
oa
lay,, when the king was sleeping, monkey wa
ft was very hot it. those days. So,one di
to swish
the king, Suddenly monikey noticed a fly on the chest of the king. The monkey tried
16 back again.
But Sly woule’go away for one moment and c
‘ So monkey decided to teach ale:
‘The monkey then looked for something to hit a fy.
then found a stick.
Iepicked up the stick and tried to beat the fly using stick
Hmmm _ at last it found a fly and
vith al the force it hit the fy as a result of which the king died,
Font Style
Lesson from the story:Never keep a fool servant!!!
he font style can be
ml
FHA] Line Break
For the line break the
neak the
tag is used. This is a single line break tag, Generally
pt at the end of every lin
TECHNICAL PUBLICAT*ON'
an up knowtedgshead
mene Line Break Demo
Here the line breaks
and new tine starts.
‘Again line breaks
Bye,
Output
Line Break Demo
€ O fleyjyaiis
| Here the line breaks
and new Line starts. Again line breaks
Bye
Font Style
The font style can be of various types such as boldface, italios and st-ikethrough.
Tag | Purpose
[a>
Font Style Demo
‘ This is a old text
< Tals in tales >
This is strongly emphasized text
This is striked text
This will appear at the conter
Output
if Fo eer Wado ihere pees
Bien se er rye gy
a sae
This a bold ex
This strug emphasized tex
Fhsicviediot
Ths appa cet
E2B Text Alignment
We can align the text at left, ri
ight or at the center using a tag. Here is a HTML
program which shows the text aligned left, right and centre.
HTML Document{TextAlign. html]
title Font Style Domos/title>
- . i
"The sre suggests Us 10 give the Image fle name, Ifthe desired image is not pers,
the current directory of web page then the complete path where the image is :
ust be given. :
‘s The alt attribute displays the text when it is not possible to display the image. For
spstance « in above given imagedemo.html script if, the lamp1.jpg is not present then
we will get following output.
| Indian Heritage
J India People celebrate the festival of fight
Bich is called as Diveali
to enlighten our life with hope,health and weak
Compute | Protected Mode: Of
bes of Images
'¢ There are two types of images that are more commonly used -
1. Graphic Interchange Format (GIF) : It uses 8-bit color representation for pixels.
Hence a single pixel can have"256 different colors. This file have the extension .gif,
2. Joint Photographic Expert Group (JPEG) : This format uses 24-bit colo-
representation for pixel. Hence a JPEG can have 16 million different colors. The file
have the extension ,jpg or peg.
* The JPEG image have more color information than a GIF image. Secondly JPEG can be
q) Sipaller than GIF image. Hence normally JPEG image is preferred, But the drawback of
MAPEG is that it does not support transparency,
Fl HTMLS Control Elements oor
* Typical component of forms are text, text area, checkboxes, radio buttons and push
buttons
* HTML allows us to
place these form components on the web page and send the desired
‘nformation to the
destination server.HTML 5
Web Tecirologies
‘All these form contents appear in the