Wel Technologies
Aasionment - 1
wee a
') Client Sonver communt cation
—) The client-server model ty a disbribubed application
Abuckure dhe puikoms : Faaks or workloads belwan
the providers of a sosownte of Sowice and senvice
oreq uosters called clienls
-> clionks ole not Ahane ony of thebs mwsowced
Example ~ Fy the cliont Senyen model wre Fmail ete.
@A2tmTr.
+ Uienk: : ;
-> A chent i a computer Litosr) re- eopable % owoiving-
information vor wing a pankulan Senteo fuem
He Dorie providers CSenvers)
x Gonvond ?
~> A Sever tb a semole computer tal proviclor
informah’ on Cdata) or acs to pankclan
aa Aenvices - L> user embers Ihe ver Exiniform swrowsee Locator) 4 (he welmite
or ile. The browser dhe ougueab fe senor
> Dns Sewer dookup for Ihe address of the WEB
Setver
ID The dws Soren vosponds ail the Ip adduers 4 the
WEB Sonvor
=> The Prowse Sends ovet an HTTP f HTTPS vwquest WEB
Sonver © Ip
<> The Gowen Serdls ovor thu mecorany files for Ihe website
> The Browser shen somdew the piles and dhe
qwolaile ts displayedl his swndoting 4s done wi
the help of, Dot inlerpeler 9 css. intenprekew compilers |
ia
> Advamtager of dliont- Server modol
> Conbraltzedc Ayslem wilh all dala in a Bingle
place
> cost effiant req
recovery 1 possible
© The Copacity of the Client and Server cam be
Changed Aeponralely
> Disadvantages — of client - Setven modal
= clienKk ae prone do viruses » TH efeuns 9 And worms
he Sewer br Uploaded into
urur Lor mmaintemace qyrat and olala
if powsent in
the Server
> Covod aw ia clemial of Convice 2)
css in wey Technology:
~ ess or Careatling Style shoals >is 2 language rwed fo
dovelopos to rtyle amol layord wel pages by Apecifying
colors, fonk. spacing. and postioning » sepanaling
conlenk Atucune Cru) from pxwerentakion
Punpore >-
Pcs provides a way to style web anges » dickating
Yow elemenls ae dixplayecl on Acveon, papel, ov
other media
Shure :-
> css suas consist of wseloctors Curl .elements >) and.
decanakiom in she elements
Types of Css * :
> Thlinetss : style ene appliccl dlinecly ro HIML - elemenk
wing dhe Alyle autatbule offering he most Apecifie
AtyUing, ubut can We cumbersome bo Tramage
> Tnleinal ¢s8: Style we embedded awitlain de Kshyles
duos tn He Lhead> Section of Ite reTHL -ocwmenhs -
Provicling a way to style a ingle page
> Extemal css: Style ww stored in Aeparake » ess
files amd linked do HTML clocumenls , promoting
tocle Mowrability amd maintainability.
conhot the powrenlation of HTML ov Xr doaumenls , allowing
|
| Seleclors
css sor oliffonend Iypes af Seleclora to danget elomenk
’ incu cling :
| + Univenal Gelector : Torgeh all elemenb C+).
’ Element Golackers: Tange elomenh asec on Brein
bag, name Ceg-p for paragraph)
* claw electors: Targets elemen wilh a Apectfic’ class
alribuke Leg. my-class)
¥ Dd Selectors: Tange eomenk witha Apeific D altibate
Css poropentes + -
ess propetlies olelovmine Hie appearance 4 elomenhs: Example
etolon: Sels Hho color af beck ox back grouncl
x pont: Spocipies Kha fomb style , sizo amd family
€ Spacing : Control. mangine » podeling and line Ineight
Feneils of ing 4:
= drgarizalion - Aeparates peesentabion from conlemt+ (hrm)
Loading bo cloamen ancl were mainiainable ode
> Efficiony > ecleal vrslyleshools can be wed aenoss
maulkiple pages » suclucing. suduncamey ame Seving-
development time
~ Repomsivamen- css-cam Le used do cxcate Sus ponsive
Layers Uhak cclopt do olifferen} Scxeom sizes andl
cloviees Exarnple :
~ Simple inline ess?
bs 5"? Hs bed
Code
Lalyle>
pe
color + blue?
font-size + IbPA*
dey
This leat % Abyled- L/p>
<1 bodyy
Exlemal Css.
Link vube “Alylethect * hrefo style’ >
088 as This beck 1s shed. Le
IbPXS
ton
J
