P'age No,

Assignmert Date:

ADraw explain axchitectuxe ok eh bxowsex

Vses Inteaface

1BreaseY engine Data

fpexsistence
IRendeing engine

Netuc kinq Javascsipt

mtespetey backend

Uing the usex inteskace usex mtexacts coith

Hhe besez sngme.
bH contains addxess bax,back! fexwaxd butien, bacimaxk
menu & so ch. lhe paqe zequested by the usexs
disglayed in lhis use? intexface.
Boeugar engine It centains mechanishm bu which the
input of ses infesface is comnuhicated to gendesing egjc
4s sepergsble fox quesjig he endeain engine
acssdi to vasious tscs
uses mtexfaces.
Rerndesing engine It is espensible os dsplaying he
equested conteris cn The sCKe en.
 Page No.
Date:

t iatexpets the HTML, XAL &hvascxipt hat compaises

Hhe givenURL genexades the ayout hat is diaplaued
n he usex jntexface
The main ompanent o7 gendexinq engine js HTML pazsex.
The jab ak he HML paosex is to paTse he HTML
maak into apaxse txee
Diffexert biousexs use difeset Endeathng enges
NetsczkingThe funchionalty o aetuoxking is to
etaieve fhe URLusmg comknan ntexnet pzatocols Such

4H is 3eS pengi ble to handle the iatemet mmñnicatioh

à secusity issues.
LThe netuoak campaneat mal use the cacbe tox zetxieved
dacuments.Ihis featuse is uocfal fex incseashg he
iesponge tme

Javascit Intexpaetx
The indespaetex executes the
1Javascxsipt code ich is cmbedded a web page
Usez inieskacebackencl. It is basica.lly used ta daas he
|6widgets ike combo boxes d wdous.
 De:

Data pexsstence.
Tas is a Slnall. databa[e cucated ah
local daiveNs o he cmpates whese the bacwsex is
hsBalled

he daa Glesago mantges usex dala such as boo krnagks

Ceolaes paefexences
O.Eplai he gents ahich sheuld be consicesed fors
planig website.
LWeb desig, Geud alsass
alsays staxt atlh planing. Plarrin4
acding the goals &ehjecives ,client's apectation c

Tacuing he gacup x blich ihe eb pasject has to be

dextleped.
feajan he nasket eseanch.
ae conapt dealaqment com be dane by ceatis he
tetyaes
o
Den the Caive design is ated so hat he dnelapex
nLhicate uiti, he usey es thndexstandrq heix
 Page No. 4
D:afe:

Disauss hea dispauy gescluctian affects toeh-site design

sDisplay 3esaludicn is aochex imnpextant gaatexcontsol
afcting
an
fhe eb-page desiqm,as ie cont have any
display esalution ok tae menitozs an ohich usex vieLJS
Ouz pages
4Displaå c7 Scãeen gesalutioh is measuxgl mtexms_ak
pixels d gommoh esolutiong axc SaoX600 & oa4xKG

We bave 3daices fox seb-paqe designzcselutian

Desiq, a_ueb-page toith fixed
Malie a flenible "design nsing HrML table ta ft into
diffesent esohctions
IF he page is displayed oh a moni tox wth a highex
ESo lutianhe paqe s displaued oh left hand side &
Some paat on the xight hand side emains blankale
Can se Centezed design to displas page pxopealy
AWhat do yau mea by meta tags 2Shaw haas can
felleuoing be achievedwth the help of ne tadata2
Hfellauim
4b Giap tbe page foom being-
Set an expzatioh date
Asted
c> Gtop the bacusex kxom Caching a page.
, |letadala js infoamation abeut data The <metas taq
prsesvidesnetadata ahaut the HML dacument, Metadata
Loill net be displayed cn fhe uebpage hut qn he.
checked fex its syntax.
 I'ape No.5
Date :

4Meta elements ade. typically tised to gpecikypage

descoigtion keywends,authe af the document last
Lmocified so'on.
4The Thncta) tag is alwaus_waitten ithin sheads Gecticd
Metalag doesnt Suppoxty event
a) neta name r gecqlebat" content 'noindex"
bl(meta ho eguiy: "expixes" content moh 15 mas Boà3

o(mela itipeqiva'peqpna" content 'ha-cache")

S)what is csS2 1Mhat is the apex tance of css 2 Listout
he dilfexent ways to czite css.
4The css stands kox Cascadinq Style Shest dit isa
mashup laquage úsed n the teh dacument fex
pnestaticn puspcs&.
5Te psiea1
psimauys ntengion f css aas to sepaxate aut
Hhe toeberitent scm the eh paesentatisn
LVazieus, elesnents such as ext.kont d colos ane
aac used in
cSs fes psesentation puspese,Ihus css specifioatich
Con b ayplied to bsim he styles in the toelsdecunent
Diezernt eays to aite csS:
DInhre hyle sheet
» Deaunehn e level style sheet
3> Eateanal level shyle Cheet.
 Page No.
Date:

XHTMLis staictes lanquage han HTM justify

jusig
r i_a maakup lanquagg ohexe all docauments must be
oasked up conecthy Cbe uelI-foamed'J
AHTL Awas developed t make HrM. one extensie
flexible to soosk coith cthex data koznats (such asx )
n addithan, baawsexs iqnaze erzagG ia HTMU pages,4
ty fo displauy the bebsite even if Hhas sone exoxs
n fhe natkup.5, XHTML comes uith a much
stictex CXXOX honding, syn tax d casea sensitiiky
sXHIM tequizes all fags to be paapeals hested d clased
L|XHTML Mequizes all atibutes fo be quoted
XHTML Jequines all tags o he in lole Xcase
xHTML Noquizes al faqs o have a clasinq tag
Hoi fo displauy cdexed ,list &uncxdesed dist using
HIML2Give exan.ple
Ozdezed st is axiten blas Ioh 4 fals taqs,ohile
Unczdea it is coaitles blo ul <lulb tags
ist itemsae Specifed blas tlis &<lus tag
rol) ri) One slis OUTPU T
1 One
e. Two
<-- ordexed dist
 Page No.
Date:

OUTPUT

One

<L- Jnox dexed list--)

is exteznal stule sheet Gaive exampleGive
9hat
fit
advantages
bhen using css itis paefexable to keep he Css

ceb desiqmex
4Placing cGs in a Gepaxate ile allecs the CHIML)
Campletely diffezentiate bls content
desigz CC8s)
4Exteanal css is a ile that contains ohhy css code
6 is Saved soith a css" file extensiph,
4 Tais css hle is dhen efesenced myeux HIML Uain
the Kinks astead oh rstyies
Demo.html:
rhtml
rhead
<link gel 'Ghylesheet" ype ost less" haek
<Lhead
"fest.css"S
sbody>p Hella Faiends K/p>
<pid-"pasaT', Hos axe yeu<lp>
<lbody>
r/html)
 Page No. 5
Date:

test.csS
textaligni cendez

Cutput
Helo Faiends.
Ho ase yau

Akvantaqes I44 keeps yauz sebsite desiq dcontent

Sepazate.
|Is much easiex to euse ouz C5S cade if you have it
in a sepoaate ile ngtead o6 tyehq he Gane css
code cn evedy ieb paqe you haxe ,aimpl4 have mans
paqas zefex t¯ a single "cs file ath hae "nk" toq
4ou can make dzastic chanqes to youz web paqes uith
just afeu changes inja aa aingle ts fle
Q&plain Dorl withexample
LThe Dacutment Cbject ModelCDoM) isa praqzanmihq
Depaesents
he web page as a tiee-dike structuze of nodes,
whexe cach 'node coes ponds to an element,attzibute
lax text antent n the docuent
 Page No. q
Date:

HIML ode:

<lDocIYPE htl
<htm)
sheads
ctitles y Web age <Hitles
</head
fbody
kh welcome lh1)
<p> Ihis is a pazaqaaph </p)
<l List item 1 </li

<Jbady
</htas

Lhhen his page is loaded imta a seb bauwsex, the

baose Cieates a DoM tzee hat xeaesents the
stauctae of the HTL documtnt, The oot ok the taee
is the dacument' object ,ahich sepaesents fhe matie
LATML document.

4The document' object bas propeatieg methads that

alleta yau to intezaat aith he dacunment fox exahmple
ycu cn use fhe qetElementByIdc)' mehed o aetzieve
n element faom be documents by its ID ataibute
, Let's sau we oant to change hc text centent ot the
KhI>' elem ents to "Helle "blold!"e cah do fie usinq
the DoM:
 Page No.
Da e

Ijaxascaipt
MRetaieve the shi clement by its ID atlzibute
Vaz headex =_documant getElesmcnt By Id Cheaden I
Change the text content cf he thD element
beadex.text Cantent- "Hello woxid "
Q h this example,e fast zetrieve the Khs'elemeht
MGiMa the 'getElesrent By Idci'aethed d stoae it in a
vasiable called "headez'Then we use the textcontent
pzapexty ta change he text cantei ef the Kh
elernen ta "Hell wWoxld !"
46 How cient.gide scaipting lanquage inmpaeve the
pexfoamance o7 website2
4Client-side scsigting lanquaqes Such As Java. Scaipt can
impsoa the pex~esmaze afa ccheite n sexexalsays:
Reduce Gevex loads
Chent.side sexipting lanquage allou
the client's bscsex instead o the Semveg his
dedtuces the laad oh fhe gCXVeY can impzave The axezal
pesfoamance of the cebaite
’Resuce page load tnest
By using cient side scaiptinq.you
con load Content dunamically oh the page imstead of
loading it al at once Ihis geduces fhe amont ok data
 Page No.
Date:

that needs to be txanskesxed ovez the etuoxk,ahich can

Sigzificamthy aectuce page laad tnes
nhance usex expezience
Cient-side scaiptin allows yol
to caeate cåpamic 4 mtexactive usex intextaces that
LCan Cnhance the usez} eXpeaiente

Validate mput:
Chent- Side scaipting can be used to
validote uses input on he chient- Bide befoae Gendinq
it to the senvex This can impãove the accuãacs of he
data cateaed by useas seduce the numbex_oY seavez
Dequests Jequized ox ex03 casaection
Caghing
Clhent.side scipting can also he ibed fox achinq
Iaescusces on the cient side ,khich can geduce the humhe
Lok dequects to fhe sexver impxave the bexfog nahce
o fhe ebsite
Z]Iaaite Java Senipt to validate emoail D d mobile nualen
nEmail Validotion urction
fmchon validate Ernail CemailJE
Yaa Cmail Reqex AlwtcK.-12\w+)@la+ CL1?

etrsn ernail Regex .test Cemail)

 Page No.e
Date:

I Molile aum bez validaticta funcion

kunchon validate Mabile Musbes Cmobilehumbex)
Vax mobile Numbez Regex ^-4]\ds94 G/:
zetuan nobileNumbea Reqex test Cnabile Numbex);

4a Dikexentiate bls "ID" ¢ "Class" using Suitable exa pe

"IN':
The id selectox is used to specify e style x
a single, onique elemGnt
4 The id Gelectoz yses the d atibute of the HML
element4is defned aith a " " n c55
L The Gh¡le ule belots till_ be applied to the elanest
oith id"paaa7"

HIML

<hiaid:"paxa1") #pasal
Hello faisnds colox: bhue
<Ih1)

HoL) axe you

<lhz)
OUTPT

Hello Faiends. Wblae coloxed.

 Page No.
Date:

Class':
The class selectox is USed to speci7y a shyle tod
a gsoup of eleents.
4|The class Ge lectox uses the HtML cass attaibute is
de~ined sith a !," in css
HIML
<hl clas5- ny Class"'> ,myClass
Hello Faiends Colex: bue:
KIh1)

Llhi) OTPOT
<hi class-"myCiass)
Evesyene Hella Faierds WBluc caloed
<lhi) Hew aac ye
Sveyene
3Gtate taue as ansuiet: Java Scsipt
lis mtypedJanguaga"
SFalse Java.Scoipt is a dypamialiy yed longuage,4shich
meang that fhe ype ok a Vaziable can chainge
duzing untirne.
LFos exaaple, a vaaiable that aJas psevioucly balaing a
stsing- Yalue can latex be assigmed e mumber
This is ain contiast to astaticalhy typed language ike
 Page No. 14
Date:

Jaxa,wbexe the typeoka vaziable is declaxed at

compile-tnne cannat change duaing untime G,ohile.
Javascaipt is not a staonals yped lanquaqe,it is het
an ahyped lanquage cithez.
(4xplain sessicn d4Coakies in PAP aithpsopex cxample,
Session:
Asession is a 6wau to stoe ofoamation data ox
Vaaiables) on the sexYex fhat Can be ubed acXOSS
ultiple pages ok a website
9A Sessioh is gtaxted by ihe ScaVez when a U6ez visits
the wehsite 4 a unigue Gession Dis genezated d
Sent to the 16cx5 bosex
The bBouSex Gtoes this sessicn ID as a cookie osin the
URL 4 be sessicn Ih is LISed to xetzieve the 6Boxed
infosmoation en Gubeequent gequests
Ex. / Staat_fhe ses6ioh
session staat CJ

WSet a session Vaziable

SESSION 'Sesname'l 'Anond

I/Retaieve the Gessian Vaaiable

Ghuseanatmes GES510N usex hamel;

Destroy Gossion
Gession.destey C);
 Page No. I5

Coakies:Acoakie i_a small text ile hat is stozed

On the usea's computa by fhe baicusgegCcokies aae,
sed to shaxe infaxmatich that aan be aetxiexed by the
Sexvex en gubsequent geguests
4Coakies an be set to oxpiae aftea a ceatain tine 0r
ohen fhe boowser is clesed

1Set a Coakie
Setcookie Cisezname Anond' timet+ (G6400so) "/ "
letaieve the coakie
useahame = _coOKIE 'usexname'l:

DDelete the cookie

Sctoockie C'useoname,timec)- 3s00. "/";

5) xplain featuzes o pHP Discuss Vaaious types o

lcontzo) statenents jn PH.

Featuaes i
PHP is an epen-Gouxce Seavez-&ide Scaipting lanquage
4PHP is a caoss.plat foxm Janquage which mêans hatit
aindowsLinux ThacOs.
Can um on vaiaus cs ke

GPHP has a syntax that is simila to c4 peazl Go it

is gelatively eas4 to eaxn.
 Page No.
Date:

PHP has biltein suppaat fax waxking bwith databases ike

MysQL Pastqae SQL 4 Onacle
GIt Suppaxts oOP painciples allow) developeas to caeate
3eusable Code

LPHP
L s gptimizedfox ieb-applicatims Can exccute
quickhy cspecialls ohen used euith a cachinq rncchanism
'Ske Cpcacbe
PHP has_a lazge d acive community o developeas,
shich meang 0bat hexe 0s a welth o aesouICes
avalabk fo anaming &taaubiesheoting
Tupes of Cantal Gtatements in PHP:
Conditional statements it,else. elseif
Loopinq Gtate ments fo, ohile, foxcach I
Jamp statemants [basak, Continue xetua]
fGWhat is use ef REQUEST c) asaau in PHP2

Hisa Supez gobal vaniable that js used to callect

data submited kgon, both 4CET'G '4-PosT' metheds
4hen a tusex submits a koan aa makes aa geguest to a
PHP Scaipt the data gent can be accessed using fhe
"G-REQUEST'azday,
azxas This aaxas contains key_vaue paiz,
awhese fhe key is fhe name k the kosin field ox
pazaumetex the value is the data hat aas gubmited
 Page No.
Date:

4 It's impaxtant to note that the g_ REQUESf axxay

ia othex method
Can also tentain data Subaitted which mas
such aG cookies on custom HIP bead ezs
hat alays be zeliabk aa Secuze
Explain databa[e connectivits in PHP oith example
PHP Psovides sevexal etensions & ibaazics os Connectinq
to vaaious database hanagement system S Guh as MysQL
CBacle ete

Lexe's an aample ef bew fo Connect toa MySQL

database ISiag PHD
ylizst you heed to have a MysQL GeaYe2 jnstalled
ZunningYou also need to bave a database coeated
ith tables data nit
WDatabase Connection Paaatnetexs
Sheste "scalbast";

4pass o0xd= "mypass4oxd";

Bcatabases"mydatabase";
WCaeate connectio

9conn: mysqliconnect C9host, Guseanane ,9 pasGied,

sdatabase);
W
Check Connecion.
 Page No

die C"Cannection taile ysqli comnect exzoxc))

ccho Connected successhull"
Once the Connectian is established,you Can staat
esecuting sÙL quexies o manipulate the data in database
Finally dan't foxget o clase the database connection,
esben tou'xe dlae
mysqli close caonn);
pa \What is the dikeaence bl» identical e equal to
opexateX jm PHP Give example
Ln PHP,the equalto dpesatox C'e=') the idenical
epenator a ) ase used to compoase Value Hasevez,.
Hhexe is a key ditiesence bla the tuso
LThe ual to opexatoz compaxes fhe valueg at tuce
vaiables d aetuns taue E they axe Pqual
egaxd less o7 their data types

OUTP)I

echo "Equal", Equal

echo "Not Egual'
 Page No.
Dare:

4|On the othez hand the identical apezatox compaaes ho

Only the Yalues,but also the data types ok the tao
Vaaiables It aetusns toue oalhs if bsth the values &the
data types aze idenical

OuTPUI
echo "dentical"; ’ Not identical
echo "Not identical ";

a Dfexentiate synchacnous &Aspmchxoneues web paogrammin

Synchaansus lal.P Asuynchaonous lo.D.
LA Sunchxonaus squest blecks An Asunchacneus dequest
Hhe ciermt ynhll opexation doesn't black fhe client.
Complete s.

LBsouasex Boosez js 3espamsive

4Classic heb Applicatian AJAX Webh Application model
oakes use af synchdonous makes u[e of asynchaonous.
pacgnming
Butding ceb -application. IMoxe development timme is.
Simple aequixed to build he oeb app
 Page No. 20
Date:

eoExplain heed e coonking o eh ^ezvices cith diaqam

4Weh Sexvices aae the so7tuaze systens hat oae
displayed by he toeb baousex uaim he lebpaotecal These
Goftuaxe systemg ae used by the semeSogtwaxe
pplication- zathex than by erdusexs diiecty
L web-sexvice is a sahtoase System designed ahich is
imdependant of specifc bosd oaxc ax softpze
Luhich it is ounninq.
Caedit-cod vaiatian System
lathcx foaecast Sustem
Ciasency convestex.

lbsking
Si1In tbe Fst step,a seavice poovidex publishes a web
LSexvice n the eb Gervice geqistas
5:2Aeh client who demands fox some seb:SEvices.
Senarcbes in the egisby Ahex fndga agtch Fox he
desixed tieb seavice mfhe gistsAtex indhsq
oatch fos the desiaed sieh Seavice n fae Seqista,
Hhe client chooses it
S3The client bimds o the age Spon
arsespondinq wch-evice
paovideg invekes ux the sexvice
 We, Seovice

Riblish Tinds
web sexvice web Gevice

Aeb Senice Web Sesvice

Psovidex Client
-he web seavice