Você está na página 1de 85

Universidade Presidente Antnio Carlos

- Unipac
Estruturaa e Programao para
Internet
Profa. Andra Alves
andreaalvesstratus.com.!r
1
Indice
". Introduo##################################$
1.1. Internet___________________________________________________________________________7
1.2. Intranet___________________________________________________________________________7
1.3. WWW (World Wide Web)__________________________________________________________8
1.4. Web_______________________________________________________________________________9
1.5. Hipertexto________________________________________________________________________9
1.6. Link o! H"perlink_______________________________________________________________9
1.7. Ho#e $a%e_______________________________________________________________________9
1.8. &ite______________________________________________________________________________1'
1.9. (ro)er (*a+e%adore da Web)_________________________________________________1'
1.1'. $roto,olo_______________________________________________________________________11
1.11. $roto,olo H--$ (H"per-ext -ran.er $roto,ol)___________________________________11
1.12. $roto,olo /-$ (/ile -ran.er $roto,ol)____________________________________________11
1.12.1. /-$ 0n1ni#o_______________________________________________________________12
1.13. 23L (2ni.or# 3eo!r,e Lo,ator)________________________________________________12
1.13.1. 23L 0bol!to_______________________________________________________________13
1.13.2. 23L 3elati+o_______________________________________________________________13
1.13.3. 4ndere5o___________________________________________________________________13
1.13.4. 4ntendendo !#a 23L______________________________________________________14
1.14. I&$ (Internet &er+i,e $ro+ider)__________________________________________________15
1.14.1. $ro+edore_________________________________________________________________15
1.14.2. &e! &ite na 6rande 3ede___________________________________________________15
1.14.3. Lo%in_______________________________________________________________________15
1.15. 3eol!57o______________________________________________________________________16
%. &'() *&+per'e,t (ar-up )anguage.####"/
2.1. -06_____________________________________________________________________________17
2.2. 4tr!t!ra (8i,a_________________________________________________________________18
2.2.1. In9,io e /i# do :o,!#ento__________________________________________________18
2.2.2. :e;ni5<e L=%i,a obre o :o,!#ento______________________________________18
2.2.3. -9t!lo da $8%ina_____________________________________________________________18
2.2.4. >onte?do da $8%ina_________________________________________________________18
2.3. -06 ,o# 0trib!to_______________________________________________________________19
0. Estrutura da P1gina#######################%2
3.1. H-@L ABt#lC...ADBt#lC_________________________________________________________2'
3.2. H40: ABeadC...ADBeadC________________________________________________________2'
3.2.1. 4le#ento preente e# H40:______________________________________________21
-I-L4 AtitleC...ADtitleC____________________________________________________________21
2
&>3I$- A,riptC...AD,riptC________________________________________________________21
@4-0 A#etaC_____________________________________________________________________21
3
3.3. (E:F Abod"C...ADbod"C________________________________________________________22
0trib!to de (E:F_________________________________________________________________22
3. (E'A 'A4s 5meta6#######################%3
7. Caracteres Especiais e Acentuao######0"
5.1. $or G!e !ar eta .or#ata5<e H______________________________________________33
/. Cores Atravs de 8alores &e,adecimais#00
$. Coment1rios###############################07
9. Controles de :ormatao#################0/
8.1. -9t!lo D &!bt9t!lo_______________________________________________________________36
8.2. >ontrole I/9i,oIde /or#ata57o de -exto_______________________________________37
8.3. >ontrole de /onte______________________________________________________________38
8.3.1. /E*- A.ontC...AD.ontC______________________________________________________38
8.3.2. (0&4/E*- Abae.ontC______________________________________________________38
8.4. /or#ata57o de $ar8%ra.o_______________________________________________________39
8.5. J!ebra de LinBa_________________________________________________________________4'
8.6. E -06 (lo,kG!ote Ablo,kG!oteC...ADblo,kG!oteC_______________________________4'
8.7. E -06 :IK Adi+C...ADdi+C_______________________________________________________4'
8.8. E -06 $34 ApreC...ADpreC______________________________________________________41
8.9. E -06 >4*-43 A,enterC...AD,enterC____________________________________________41
8.1'. E -06 *E(3 AnobrC...ADnobrC________________________________________________41
;. )istas#######################################3%
9.1. Lita Erdenada________________________________________________________________42
9.2. 4le#ento LI AliC. . . ADliC_______________________________________________________43
9.3. Lita *7o Erdenada____________________________________________________________45
9.4. Lita de :e;ni57o_______________________________________________________________46
"2. )in-s######################################39
1'.1. Link para dentro da pr=pria p8%ina____________________________________________49
1'.2. $ara o!tra p8%ina de !# #e#o &ite_________________________________________49
1'.3. Link para o!tro &ite_________________________________________________________49
1'.4. Link epe,ialL I#ailtoI__________________________________________________________49
"". Imagens##################################72
"%. :ormatos de Imagens###################7%
12.1. 2ando o 6I/ (6rapBi, Inter,Ban%e /or#at)___________________________________52
12.2. 2ando o M$46 (Moint $Boto%rapBi, 4xpert 6ro!p)______________________________52
12.3. &obre o $*6 ($ortable *et)or 6rapBi,)________________________________________53
4
12.4. I#a%en no (ro)er____________________________________________________________53
"0. (apas <ensitivos########################73
13.1. :e;ni57o_______________________________________________________________________55
13.2. :e,ri57o______________________________________________________________________56
"7. 'a!elas###################################7$
"7. Espaamento *=etscape =avigator.####/7
"/. (ar>uee *(icrosoft Internet E,plorer.#//
"$. :ormul1rios##############################/$
17.1. 4n+io de 0rG!i+o______________________________________________________________71
17.2. /E3@ /I4L: N 4xe#plo________________________________________________________71
17.2.1. EneNLine -ext (ox__________________________________________________________71
17.2.2. &,ollin% -ext (ox___________________________________________________________71
17.2.3. >Be,k (ox_________________________________________________________________72
17.2.4. 3adio (!tton_______________________________________________________________72
17.2.5. :ropN:o)n @en!___________________________________________________________72
17.2.6. $!B (!tton________________________________________________________________73
"9. <om#######################################$7
18.1. >ontrole de &o# do @i,roo.t Internet 4xplorer________________________________75
(6&E2*: Ab%o!ndC (@i,roo.t Internet 4xplorer)________________________________75
0trib!to de (6&E2*:____________________________________________________________75
18.2. >ontrole de &o# no *et,ape *a+i%ator_______________________________________76
";. :rames####################################$/
19.1. :e;ni57o_______________________________________________________________________76
19.2. :o,!#ento de La"o!t e :o,!#ento de >onte?do____________________________76
19.2.1. :o,!#ento de La"o!t_____________________________________________________77
19.2.2. :o,!#ento de >onte?do__________________________________________________77
19.3. -06 e 0trib!to (8i,o_______________________________________________________77
19.4. /ra#e &obrepota :ireta#ente e Indireta#ente______________________________8'
19.5. Link e# /ra#e 0l+o___________________________________________________________81
%2. <<I *<erver <ide Include.################90
%". Etapas para Criao de um <ite########93
21.1. $laneOa#ento__________________________________________________________________84
21.2. >oleta de @aterial______________________________________________________________84
21.3. :ire57o 4ditorial________________________________________________________________84
21.4. :ei%n_________________________________________________________________________84
21.5. $ro%ra#a57o___________________________________________________________________85
21.6. :i+!l%a57o_____________________________________________________________________85
5
21.7. @an!ten57o____________________________________________________________________85
6
%%. ?&'() *&'() ?in@mico.################97
%0. A() *E,tensi!le (ar-up )anguage.####97
%3. Editores de &'()########################9/
%7. Be!(ails#################################9/
%/. ?eCnies################################9/
26.1. $ro%ra#a >6I (>o##o# 6ate)a" Inter.a,e)__________________________________86
26.2. >lient &ide_____________________________________________________________________87
26.3. 0&$ (0,ti+e &er+er $a%e)______________________________________________________87
26.4. $H$ ($eronal Ho#e $a%e)______________________________________________________87
26.5. >ripto%ra;a____________________________________________________________________87
26.6. $l!%NIn_________________________________________________________________________87
26.7. 0pplet__________________________________________________________________________87
26.8. &er+let_________________________________________________________________________88
26.9. >ookie__________________________________________________________________________88
26.1'. :o)nload_____________________________________________________________________88
26.11. 2pload________________________________________________________________________88
26.12. 36(___________________________________________________________________________88
26.13. >@FP_________________________________________________________________________89
7
". Introduo
0nte de ,o#e5ar#o a et!dar H-@LQ R ne,e8rio G!e e entenda
al%!n prin,9pio b8i,o G!e en+ol+e# eta lin%!a%e#.
".". Internet
Internet R !#a rede #!ndial de #ilBare de peG!ena rede de
,o#p!tador e #ilB<e de #i,ro,o#p!tadore ,o#er,iaiQ ed!,a,ionaiQ
%o+erna#entai e peoai G!e !a o proto,olo ->$DI$ (-ran#iion
>ontrol $roto,olDInternet $roto,ol) para ,o#!ni,a57o.
*o ,entro da Internet exite# linBa de ,o#!ni,a57o de dado de alta
+elo,idade entre ,o#p!tadore BotQ ,onitindo e# #ilBare de ite#a
de ,o#p!tador ,o#er,iaiQ do %o+ernoQ ed!,a,ionai e o!troQ G!e
en,a#inBa# dado e #ena%en.
0t!al#enteQ a Internet o.ere,e !# %r!po de er+i5o para !!8rioQ ,o#o
>orreio 4letr1ni,oQ a World Wide WebQ /-$Q %r!po de not9,ia 2enetQ
6opBerQ I3>Q telnet e o!tro.
0 Internet R ,o#o !#a ,idade eletr1ni,a ,o# bibliote,a +irt!aiQ loOa
+irt!aiQ e,rit=rio +irt!aiQ %aleria de arte +irt!aiQ et,.
'CPDIP *'ransmission Control ProtocolDInternet Protocol -
Protocolo de Controle de 'ransmissoDProtocolo Internet.
>onO!nto de proto,olo !tiliSado na tro,a de in.or#a5<e entre ,o#p!tadore de
di.erente arG!itet!ra dentro da Internet. E TCP/IP et8 dipon9+el para G!alG!er tipo de
CPU e Sistema Operacional.
".%. Intranet
Intranet R !#a rede deen+ol+ida para pro,ea#ento de in.or#a5<e
e# !#a e#prea o! or%aniSa57o. &e! !o in,l!i er+i5o ,o#o
ditrib!i57o de do,!#ento e o.t)areQ a,eo a ban,o de dado e
treina#ento.
2#a intranet R ai# ,Ba#ada porG!e ela %eral#ente e#pre%a
apli,ati+o ao,iado T InternetQ ,o#o p8%ina da WebQ na+e%adore da
WebQ ite /-$Q >orreio 4letr1ni,oQ %r!po de not9,ia e lita de
ditrib!i57oQ a,e9+ei o#ente T peoa G!e .aSe# parte da e#prea.
8
:ireEall *Parede de :ogo.
/ire)all R !# #Rtodo para prote%er o arG!i+o e pro%ra#a e# !#a rede ,ontra
!!8rio e# o!tra rede. 2# ;re)all bloG!eia o a,eo indeeOado a !#a rede prote%idaQ
enG!anto .orne,e T rede prote%ida o a,eo T rede .ora do ;re)all. 2#a e#prea
%eral#ente ir8 intalar !# ;re)all para dar ao !!8rio a,eo T Internet enG!anto
prote%e a in.or#a5<e interna.
".0. BBB *Borld Bide Be!.
*Ampla Fede (undial.
WWW R a i%la de World Wide Web G!e i%ni;,a 3ede @!ndial (a %rande
rede de ,o#p!tadore interli%ado no #!ndo todo). 0 World Wide Web R
re!ltado de !# proOeto para !#a #elBor ditrib!i57o de in.or#a5<e a
%r!po de peG!ia ini,iado no ano de 1989 por ,ientita do >43*
(>entro 4!ropean 3eear,Be *!,leare) laborat=rio de .9i,a ediado e#
6enebraQ na &!i5aQ ,o# o int!ito de .a,ilitar a ,o#!ni,a57o interna e
externa.
0nte da WWWQ o ,ientitaQ ai# ,o#o toda a ,o#!nidade InternetQ
ne,eita+a# de !#a Rrie de pro%ra#a ditinto para lo,aliSarQ b!,ar
e +i!aliSar a in.or#a5<e.
0o ;nal de 199'Q o peG!iadore no >43* po!ia# !# bro)er
baeado e# #odo texto. :!rante o ano de 1991 a WWW .oi liberada para
!o %eral no >43*. :!rante o ano de 1992Q o >43* ,o#e5o! a an!n,iar o
proOeto WWW. *o entantoQ apena e# ;n de 1993 a World Wide Web
ini,io! !a .ae de ,re,i#ento exploi+oQ ,o# a introd!57o da +er7o
;nal do o.t)are *>&0 @oai,Q !# bro)erQ para a ,o#!nidade Internet.
@!ito bro)er .ora# deen+ol+ido para #!ito ite#a de
,o#p!tadore. 4# 1994Q a WWW O8 Ba+ia e tornado !#a da .or#a
#ai pop!lare de a,eo ao re,!ro da Internet.
E obOeti+o ini,ial eraQ portantoQ ,entraliSar e# !#a ?ni,a .erra#enta a
+8ria tare.a ne,e8ria para e obter a in.or#a5<e dipon9+ei na
Internet.
2!8rio de todo o #!ndo .ora# atra9do pela .or#a i#ple e di+ertida
G!e a WWW diponibiliSa+a o ,onte?do da Internet.
0 or%aniSa57o World Wide Web >onorti!# (W3>) R repon8+el pela
padroniSa57o do H-@L. 0 epe,i;,a57o ori%inal do H-@L .oi deen+ol+idaQ
no >43*Q por -i# (ernerNLee at!al $reiidente do W3>Q G!e tran.or#o!
!a obra e# patri#1nio ,oleti+o do interna!ta.
0 +er7o padr7o do H-@L BoOe R a 4.'. 4ntretando al%!#a +er<e de
(ro)er ainda interpreta# o#ente a +er7o 3.2 do H-@L.
9
".3. Be!
Web R o di#in!ti+o para World Wide Web. -er#o !ado ori%inal#ente
para a parte da Internet G!e !r%i! no in9,io da dR,ada de 9'Q ,o#pota
por in.or#a5<e dipota na .or#a de textoQ i#a%en e onQ pela G!al
e na+e%a ,o# a aO!da de (ro)er. 0nteQ tro,a+aNe bai,a#ente
#ena%en. 0 d!a rede a,abara# e .!ndindo e BoOe a pala+ra Web R
!ada ,o#o in1ni#o da pr=pria Internet (I6rande 3edeI).
".7. &iperte,to
Eri%inal#enteQ Hipertexto R G!alG!er in.or#a57o de texto e# !#
,o#p!tadorQ G!e ,ontenBa alto para o!tra in.or#a5<e.
E do,!#ento +i!aliSado atra+R do (ro)er 7o e,rito e#
HipertextoQ !tiliSandoNe !#a lin%!a%e# epe,ial ,Ba#ada H-@L
(H"per-ext @ark!p Lan%!a%e).
0tra+R de Bipertexto podeNe Ina+e%arI de .or#a epe,ial atra+R de
ele#ento epe,iai ,Ba#ado IlinkI para o!tro do,!#ento o! para
parte do #e#o do,!#ento.
2# do,!#ento In7oNBipertextoI per#ite o#ente G!e e na+e%!e e#
!#a eG!Un,iaQ per,orrendo e! ,onte?do para .rente e para tr8.
E Bipertexto na p8%ina da Web .oi expandido para in,l!ir B"perlink a
partir de textoQ de !#a ;%!raQ de !# ele#ento %r8;,oQ de #apa de
i#a%enQ o# e atR #e#o ani#a5<e.
$ara e ter !#a idRia de BipertextoQ bata +i!aliSar o ite#a de I0O!daI
do @i,roo.t Windo).
"./. )in-s ou &+perlin-s
Link R !# ponto de a,eo o! alto atR !# lo,al na #e#a pata de
trabalBo o! e# o!tro arG!i+oQ repreentado a partir de texto ,olorido o!
!blinBadoQ de !#a ;%!raQ de !# ele#ento %r8;,o o! de !# #apa de
i#a%en.
Ko,U pode ,li,ar e# !# link para altar atR !# lo,al e# !# arG!i+o e#
e! ite#a lo,alQ e# !# ,o#partilBa#ento de rede na World Wide Web
o! e# !#a Intranet.
".$. &ome Page
Ho#e $a%e R !# ,onO!nto de Ip8%inaIQ do,!#ento dipon9+ei na WebQ
interli%ado entre i (atra+R de link). E ter#o Ho#e $a%e ta#bR# R
1'
!ado para dei%nar a Ip8%ina prin,ipalI de !# ,onO!nto de do,!#ento.
2# ,onO!nto de Ip8%inaI ta#bR# R ,Ba#ado de &ite.
0l%!n &er+idore da Web reer+a# index.htm ,o#o o no#e da Bo#e
pa%e (p8%ina prin,ipal)Q enG!anto o!tro a deno#ina# ,o#o default.htm.
".9. <ite
$ala+ra e# in%lU G!e i%ni;,a lo,alQ l!%ar. *a InternetQ dei%na !#
,onO!nto de p8%ina G!e repreenta !#a peoaQ intit!i57o o! e#prea
na rede.
".;. GroEsers *=avegadores da Be!.
(ro)er 7o o.t)are G!e lUe# e interpreta# arG!i+o H-@L (H"per
-ext @ark!p Lan%!a%e) en+iado na World Wide WebQ .or#ataNo e#
p8%ina da Web e o exibe ao !!8rio. *a+e%adore da Web ta#bR#
pode# exe,!tar o# o! arG!i+o de +9deo in,orporado e# do,!#ento
da Web e +o,U dip!er do Bard)are ne,e8rio.
4xite# (ro)er para todo o %oto. E #ai !tiliSadoQ o Internet
4xplorer e o *et,ape *a+i%atorQ +U# a,o#panBado de o!tro
pro%ra#a para InternetQ ,o#o o leitor de >orreio 4letr1ni,o (eN#ail).
4xite# o!tra op5<e de (ro)erQ bata e,olBer !# dele e partir
tranG!ilo pelo I#areI da Internet.
GroEsers
Internet 4xplorer BttpLDD))).#i,roo.t.,o#Die_intlDbrDdo)nload
*et,ape BttpLDD))).net,ape.,o#
Epera BttpLDD))).operao.t)are.,o#Ddo)nload.Bt#l
*et>aptor BttpLDD))).net,aptor.,o#
$ol"Web BttpLDDpibero.t.B"per#art.net
*eo$lanet BttpLDD))).neoplanet.,o#
Patie&o.t &,roll BttpLDD))).katieo.t.,o#D,rollDdo)nload.Bt#l
11
Internet E,plorer =etscape =avigator
"."2. Protocolo
$roto,olo R !# ,onO!nto de re%ra etabele,ida ,o# o obOeti+o de
per#itir a ,o#!ni,a57o entre ,o#p!tadore. V !# #Rtodo de a,eo a
!# do,!#ento o! er+i5o atra+R da InternetQ ,o#o /ile -ran.er $roto,ol
(/-$) o! H"pertext -ran.er $roto,ol (H--$). -a#bR# deno#inado tipo.
"."". Protocolo &''P *&+per'e,t 'ransfer Protocol.
*Protocolo de 'ransferHncia de &iperte,to.
H--$ R !# proto,olo da Internet !tiliSado pelo ,o#p!tadore li%ado T
Web para ,o#!ni,arNe entre iQ ati+a o na+e%adore da Web para
re,!perare# in.or#a5<e de er+idore da World Wide Web.
E proto,olo per#ite a !# !!8rio !ar !# pro%ra#a ,liente para entrar
e# !# 23L (o! ,li,ar e# !# B"perlink) e re,!perar textoQ ele#ento
%r8;,oQ o# e o!tra in.or#a5<e di%itai de !# er+idor da Web.
4ndere5o 23L de re,!ro H--$ ,o#e5a# ,o# IttpJDD.
"."%. Protocolo :'P *:ile 'ransfer Protocol.
*Protocolo de 'rasferHncia de Ar>uivo.
/-$ R !# proto,olo G!e poibilita a tran.erUn,ia de arG!i+o de !# lo,al
para o!tro pela Internet.
*or#al#enteQ o ite tU# 8rea p?bli,a de /-$Q per#itindo G!e o
!!8rio .a5a# do)nload de pro%ra#a por ee pro,eo.
$rote%ido por enBaQ o /-$ ta#bR# R !tiliSado para at!aliSar a ditWn,ia
ite lo,aliSado e# e#prea Bopedeira.
12
23L de arG!i+o e# er+idore /-$ ,o#e5a# ,o# ftpJDD.
"."%.". :'P Annimo
0 ,apa,idade de a,ear !# ite#a de ,o#p!tador re#oto onde n7o e
te# nenB!#a ,ontaQ atra+R do /ile -ran.er $roto,ol (/-$ N $roto,olo de
-ran.erUn,ia de 0rG!i+o).
E !!8rio tU# direito de a,eo retrito ,o# o /-$ 0n1ni#o eQ
%eral#enteQ pode# o#ente litarQ exibir o! ,opiar arG!i+o para o! a
partir de !# diret=rio p?bli,o no ite#a re#oto.
@!ito ite /-$ n7o per#ite# o a,eo ao /-$ 0n1ni#o para #anter a
e%!ran5a.
"."0. UF) *Uniform Fesource )ocator.
*)ocaliKador de Fecursos Uniforme.
2# do prin,ipai obOeti+o do proOeto da WWW era o deen+ol+i#ento de
!# padr7o de re.erUn,ia a !# ite# independente de e! tipo (o#Q ;l#eQ
i#a%e#Q et,.). $ara ete obOeti+o .oi deen+ol+ido a 23L (2ni.or#
3eo!r,e Lo,ator).
23L (2ni.or#e 3eo!r,e Lo,atorQ n!#a trad!57o literalQ Lo,aliSador
2ni.or#e de 3e,!ro) R !#a eGXUn,ia de ,ara,tere G!e .orne,e o
endere5o Internet de !# &ite da Web o! !# re,!ro da World Wide WebQ
O!nta#ente ,o# o proto,olo (,o#o /-$ o! H--$) atra+R do G!al o ite o!
o re,!ro R a,eado.
0 parte ini,ial do 23L (a G!e ter#ina ,o# o doi ponto) indi,a G!al
proto,olo Internet et8 endo !ado.
0 d!a barra indi,a# G!e o G!e +e# a e%!ir R o endere5o de !#
er+idor +8lido da Internet o! lo,aliSa57o i#b=li,a. $ode er ,olo,ado !#
texto
(EEE.,+K.com.!rQ por exe#plo) o! o endere5o I$ do ite.
Endereo IP *Endereo do Protocolo Internet.
0 #aneira padr7o de identi;,ar !# ,o#p!tador ,one,tado T InternetQ da #e#a .or#a
G!e !# n?#ero de tele.one identi;,a !# tele.one e# !#a rede tele.1ni,a. 2#
endere5o I$ R repreentado por G!atro n?#ero eparado por ponto e onde ,ada
n?#ero R #enor G!e 256Q por exe#ploQ 192.2''.44.69. E ad#initrador de e! er+idor
Web o! o pro+edor de er+i5o de Internet ir8 atrib!ir !# endere5o I$ a e! ,o#p!tador.
E tipo #ai ,o#!# de 23L R IttpJDDQ G!e .orne,e o endere5o Internet de
!#a p8%ina da Web. 0l%!n o!tro tipo de 23L 7oL
ftpJDD G!e .orne,e o lo,al da rede de !# re,!ro /-$.
13
gopIerJDD G!e .orne,e o endere5o Internet de !# diret=rio %opBer
neEsJDD %r!po de di,!7o o! de not9,ia (ne)%ro!p)
mailtoJDD para epe,i;,ar !# endere5o de >orreio 4letr1ni,o da Internet
(para en+iar ,orreio eletr1ni,o).
"."0.". UF) A!soluto
indi,a#o o endere5o ,o#pleto do ite# G!e deeOa#o re,!perar.
E 23L abol!to in,l!i !# proto,oloQ ,o#o IBttpIQ lo,al da redeQ alR# de
,a#inBo e no#e de arG!i+o op,ionai.
E,emploJ BttpLDD))).x"S.,o#.brDtreina#entoD,!ro.Bt# R !# 23L
0bol!to
"."0.%. UF) Felativo
2#a re.erUn,ia relati+a a!#eNe G!e a #8G!ina e diret=rio do ite# O8
et7o endo !ado e apena ne,eitaNe indi,ar o no#e do arG!i+o
deeOado (o! poi+el#ente !bdiret=rio e arG!i+o).2# 23L relati+o in,l!i
!# proto,olo.
E,emploJ
E 23L relati+o -reina#entoD>!ro.Bt# re.ereNe T p8%ina >!ro.Bt#Q na
pata -reina#entoQ abaixo da pata at!al.
"."0.0. Endereo
4ndere5o R o ,a#inBo atR !# obOetoQ do,!#entoQ arG!i+oQ p8%ina o!
o!tro detino.
2# endere5o pode er !# 23L (2ni.or#e 3eo!r,e Lo,ator N Lo,aliSador
2ni.or#e de 3e,!ro) o! !# ,a#inBo de rede 2*> (2ni+eral *a#in%
>on+ention N >on+en57o 2ni+eral para *o#e)Q o .or#ato padr7o para
,a#inBo G!e in,l!e# !# er+idor de arG!i+o de rede de 8rea lo,al G!e
!tiliSa a intaxe a e%!irL
E,emploJ YYer+idorY,o#partilBa#entoY,a#inBoYno#e do arG!i+o
E endere5o IttpJDDEEE.,+K.com.!r indi,a !# 23L do Web &ite da ZF[
In.or#8ti,a Ltda.
14
"."0.3. Entendendo uma URL
IttpJDDEEE.,+K.com.!rDtreinamentoDcursos.ItmLlocal
IttpJDD $roto,olo N $roto,olo da Internet !tiliSado pelo ,o#p!tadore
li%ado T Web para ,o#!ni,arNe entre i.
EEE.,+K.com.!r *o#e do :o#9nio N :o#9nio 7o a ,ate%oria de
endere5o da Internet G!e repreenta# pa9e o! tipo de or%aniSa57o.
EEE &i%la de World Wide WebQ i%ni;,a 3ede @!ndial
AMN *o#e epe,9;,o G!e pode ,onter !#a o! #ai pala+raQ
eparada o! n7oQ por Bi.en (ex.L ZF[Nin.or#ati,a).
com -ipo de :o#9nio N Indi,a a nat!reSa do &ite. *o ,ao ,o#o trataN
e de !# &ite de !#a e#prea pri+adaQ ".com" +e# de ,o#er,ial.
E!tro 4xe#ploL .%o+ (%o+erno) e .or% (or%aniSa5<e e# ;n
l!,rati+o).
!r &i%la do $a9 N ,o#pota de d!a letraQ i%ni;,a G!e a p8%ina
et8 it!ada e# !# ,o#p!tador no (rail. $8%ina G!e n7o po!e#
ter#ina57o indi,ando o pa9 de ori%e# et7o it!ada no 4tado
2nido. E!tro 4xe#ploL .pt ($ort!%al) e .Op (Map7o).
treinamento :iret=rio (pata) onde et8 lo,aliSado a p8%ina (arG!i+o)
cursos.htm.
\ +eSe !#a 23L indi,a apena o diret=rio (o! o er+idor). *ee ,aoQ o
er+idor e en,arre%a de pro,!rar e en+iar o arG!i+o adeG!ado.
cursos.Itm *o#e da p8%ina e,rita e# HTML reG!erida (p8%ina da
Web %eral#ente te# ter#ina57o e# .htm o! .html).
Llocal 0ponta para o lo,al epe,9;,o dentro da p8%ina G!e er8 exibida.
15
"."3. I<P *Internet <ervice Provider.
"."3.". Provedores
E $ro+edor R !#a 4#prea o! Er%aniSa57o G!e o.ere,e ,onex7o para
Internet. 0tra+R de !# $ro+edor +o,U pode ter a,eo T Internet e
er+i5o de Bopeda%e# de &ite. E $ro+edor diponibiliSa a in.or#a5<e
oli,itada pelo Ina+e%adoreI ((ro)er) por !#a ,o#bina57o de
,o#p!tador e pro%ra#a G!e .or#a# o er+idore it!ado e#
intala5<e apropriadaQ nete ,aoQ o $ro+edor al!%a epa5o e# !#
di,o r9%ido ,!Oa #8G!ina de+e etar per#anente#ente ,one,tada T
redeQ diponibiliSando !a Ho#e $a%e 24 Bora por dia a todo o
!!8rio da Internet.
0 li%a57o ,o# o pro+edor pode er .eita por linBa tele.1ni,a nor#ai
(,onex7o di,ada) o! por linBa epe,iaiQ li%ada 24 Bora por dia
(,onex7o dedi,ada).
2# pro+edor %eral#ente o.ere,e +8ria .!n5<e de apli,a5<e ,o#o
World Wide Web (Bttp)Q tran.erUn,ia de arG!i+o (.tp) e %eren,ia#ento
de ,onte?do (ar#aSena#ento de dado). 0 #aioria do pro+edore
ta#bR# diponibiliSa# ,aixa potal eletr1ni,aQ I,ontaI de eN#ail para
e! !!8rioQ O!nta#ente ,o# o er+i5o de a,eo e Bopeda%e#.
"."3.%. <eu <ite na 4rande Fede
0o deen+ol+er !a Ho#e $a%eQ bata tran.erir e! arG!i+o +ia /-$
para o $ro+edor.
0l%!n pro%ra#a epe,9;,o pode# .a,ilitar o e! 2ploadQ O8 G!e o
(ro)er .!n,iona apena para b!,a de arG!i+oQ e n7o para o en+io. E
>!te/-$ R !# do #ai indi,ado pelo pro+edoreQ G!e per#ite !#
a,eo total#ente %r8;,o e interati+o a er+idore /-$. @aQ e# d?+idaQ
exite !# ex,elenteQ o Internet *ei%BborBood. &!a inter.a,e R ,o#!# ao
do @i,roo.t Windo) 4xplorerQ .!n,ionando de #aneira i#pleQ
poibilitando :o)nload e 2pload da #8G!ina lo,al para o er+idor /-$Q
tran.erindo arG!i+o de !#a pata para o!tra.
"."3.0. )ogin
cesso. V o pro,eo de identi;,arNe ao entrar n!# ,o#p!tador o! e#
!#a rede de ,o#p!tadore. 0 ,ada entrada na InternetQ +o,U e "lo!a"
"fa# o lo!in$ e# e! Pro%edorQ ,olo,ando nome "username$ e senha
"pass&ord$.
16
"."7. Fesoluo
'esolu()o R o n!#ero de pixel !ado para ,apt!rar o! exibir !#a
i#a%e#. 0 reol!57o K60 padr7o R 64' pixel na BoriSontal e 48' na
+erti,al. E &!perK60 (&K60) trabalBa ,o# +alore de 8''x6'' e
1'24x768. H8 G!e# ,Ba#e de &&K60 a reol!5<e a,i#a de &K60Q
,o#o 16''x12''. J!anto #aiore o n?#eroQ #aiore o detalBe da
i#a%e#.
%. &'() *&+per'e,t (ar-up )anguage.
*)inguagem de :ormatao de &iperte,to.
Eri%inado do ,aa#ento do padr<e H"-i#e (H"per#ediaD-i#eNbaed
:o!#nt &tr!,t!rin% Lan%!a%e) e &6@L (&tandard 6eneraliSed @ark!p
Lan%!a%e)Q o H-@LQ i%la para H"per-ext @ark!p Lan%!a%e (Lin%!a%e#
de /or#ata57o de Hipertexto)Q lin%!a%e# !ada para ,riar p8%ina na
WebQ etabele,e ,o#o !# deter#inado ele#ento de+e er +i!aliSadoQ
n7o endoQ portanto !#a lin%!a%e# de pro%ra#a57oQ e i#Q !#a
lin%!a%e# de .or#ata57o de exibi57o de textoQ atra+R de I,o#andoI
,onBe,ido ,o#o -06. 4# !#aQ H-@L R e#pre%ado para de;nir a
.!n5<e do di.erente ele#ento da p8%ina (,o#o textoQ .oto o!
ani#a5<e) G!e er7o +i!aliSada pelo pro%ra#a de na+e%a57o
((ro)er).
&+'ime *&+prmediaD'ime-!ased ?ocument <tructuring )anguage.
H"-i#e (I&E 1'744L1992) R o padr7o para repreenta57o etr!t!rada de Biper#9dia e
in.or#a57o baeada e# te#po. 2# do,!#ento R +ito ,o#o !# ,onO!nto de e+ento
,on,orrente dependente de te#po (8!dioQ +9deoQ et,.)Q ,one,tado por )eb o!
Biperlink.
E padr7o H"-i#e R independente do padr<e e pro,ea#ento de texto e# %eral. 4le
.orne,e a bae para a ,ontr!57o de ite#a Bipertexto padroniSadoQ ,onitindo de
do,!#ento G!e apli,a# o padr<e de #aneira parti,!lar.
<4() *<tandard 4eneraliKed (arup )anguage.
$adr7o I&E 8879 de .or#ata57o de textoL n7o .oi deen+ol+ido para BipertextoQ #a
tornaNe ,on+eniente para tran.or#ar do,!#ento e# BiperNobOeto e para de,re+er
a li%a5<e. &6@L n7o R apli,ado de #aneira padroniSadaL todo o prod!to &6@L te#
e! pr=prio ite#a para trad!Sir a etiG!eta para !# parti,!lar .or#atador de texto.
E do,!#ento HTML pode er e,rito e# G!alG!er editor de textosQ dede
G!e ete tenBa a ,apa,idade de %ra+8Nlo ,o#o ,=di%o SCII "merican
Standard Code for Information Interchan!e * ,=di%o !tiliSado para
repreentar texto G!ando B8 ,o#p!tadore en+ol+ido$Q ito RQ ,o#o
texto puroQ e# .or#ata57o o! ,ara,tere de ,ontrole. $odeNe !arQ
portantoQ o *otepad do Windo)Q o! o 4dit do @&N:E&. $odeNe ta#bR#
!ar editore #ai #odernoQ ,o#o o WordQ endo ne,e8rio nete ,ao
G!e o do,!#ento eOa %ra+ado no .or#ato texto e n7o ,o#o !# ".doc"
nor#al do @&NWord.
17
ConOunto de caracteres A<CII
E ,onO!nto de ,ara,tere de 7 bit do ,=di%o padr7o a#eri,ano para inter,W#bio de
in.or#a5<e (0&>IIQ 0#eri,an &tandard >ode .or In.or#ation Inter,Ban%e) e G!e R
a#pla#ente !ado para repreentar letra e 9#bolo en,ontrado e# !# te,lado
a#eri,ano padr7o. E ,onO!nto de ,ara,tere 0&>II R i%!al ao 128 pri#eiro ,ara,tere
('127) do ,onO!nto de ,ara,tere 0*&I.
ConOunto de caracteres A=<I
E ,onO!nto de ,ara,tere de 8 bit do Intit!to *a,ional de $adroniSa57o 0#eri,ano
(0*&IQ 0#eri,an *ational &tandard Intit!te) G!e R !ado pelo @i,roo.t Windo) e G!e
poibilita a repreenta57o de atR 256 ,ara,tere ('N255) atra+R do te,lado. E 128
pri#eiro ,ara,tere ('N127) ,orreponde# a letra e 9#bolo de !# te,lado a#eri,ano
padr7o. E o!tro 128 ,ara,tere (128N255) repreenta# ,ara,tere epe,iaiQ ,o#o
letra de al.abeto interna,ionaiQ a,entoQ 9#bolo #onet8rio e .ra5<e.
%.". 'A4s
T+s 7o o "comandos" do HTML. 2# do,!#ento HTML R ,o#poto de
T+s G!e .ar7o ,o# G!e o bro)er #onte a p8%ina de a,ordo ,o# a
.or#ata57o de;nida pelo ,o#ando HTML.
2# T+ R e#pre pre,edido de !# ,ara,ter P5P (#enor G!e) e e%!ido
por !# ,ara,ter P6P (#aior G!e).
E,emplo de 'A4J 5&'()6
*a #aioria do ,aoQ !# T+ de+e ter !# ,orrepondenteQ ,Ba#ado de
T+ de fechamento. E! eOaQ !# T+ indi,a onde ,o#e5a !a 8rea de
in]!Un,iaQ enG!anto o e! ,orrepondente T+ de fechamento indi,a
onde ter#ina a 8rea de in]!Un,ia.
2# T+ de fechamento te# o #e#o no#e do T+ de a,erturaQ
pre,edido do ,ara,ter PDP.
E,emplo de 'A4 de fecIamentoJ 5D&'()6
-06 pode# er e,rita e# #in?,!la o! #ai?,!laQ #a n!n,a pode#
Ba+er epa5o e# bran,o dentro de T+sQ ex,eto entre atri,utos e entre
aspas.
E,emplo J 5&'()6Q 5Itml6Q 5&t(l6Q 5&tml6Q ...
18
%.%. Estrutura G1sica
0 4tr!t!ra (8i,a de !# do,!#ento H-@L R a e%!inteL
E,emploJ
ABt#lC 6 In9,io do :o,!#ento
ABeadC 6 In9,io do >abe5alBo do :o,!#ento
AtitleC 6 In9,io do -9t!lo do :o,!#ento
0G!i entra o -9t!lo do do,!#ento
ADtitleC 6 /i# do -9t!lo do :o,!#ento
ADBeadC 6 /i# do >abe5alBo do :o,!#ento
Abod"C 6 In9,io do >onte?do do :o,!#ento
0G!i entra todo o ,onte?do G!e er8 expoto pelo (ro)er...
ADbod"C 6 /i# do >onte?do do :o,!#ento
ADBt#lC 6 /i# do :o,!#ento
ABt#lC
Ka#o +er !# po!,o obre o ele#ento b8i,o do H-@L a e%!ir.
%.%.". InRcio e :im do ?ocumento
E -06 5&'()6 . . . 5D&'()6 indi,a# repe,ti+a#ente o in9,io e ;#
do do,!#ento.
%.%.%. ?eCnies )Sgicas so!re o ?ocumento
4ntre o -06 5&EA?6 . . . 5D&EA?6 et7o a de-ni(.es l/!icas obre o
do,!#ento. :eli#ita# a e57o de ,abe5alBo do do,!#ento. -rataNe da
pri#eira e57o do do,!#ento.
%.%.0. 'Rtulo da P1gina
E -06 5'I')E6 . . . 5D'I')E6 indi,a# o t9t!lo do do,!#entoQ G!e er8
apreentado na barra !perior do bro)er. 4ta #ar,a de+e# ,ontar
da e57o de ,abe5alBo.
%.%.3. ConteTdo da P1gina
4ntre o -06 5GU?M6 . . . 5DGU?M6 et7o o conte0do da p8%ina G!e
er8 expoto pelo (ro)erQ in,l!indo ,abe5alBo e rodapR.
>orpo do do,!#ento. 4ntre eta #ar,a etar8 ,ontido #aior parte o
,onte?do a er apreentadoQ textoQ i#a%enQ et,.
19
%.0. 'A4 com Atri!utos
E,emploJ
ABt#lC 6 In9,io do :o,!#ento
ABeadC 6 In9,io do >abe5alBo do :o,!#ento
AtitleC 6 In9,io do -9t!lo do :o,!#ento
0G!i entra o -9t!lo do do,!#ento
ADtitleC 6 /i# do -9t!lo do :o,!#ento
ADBeadC 6 /i# do >abe5alBo do :o,!#ento
Abod"C 6 In9,io do >onte?do do :o,!#ento
Ap ali%n^I,enterIC4ta R a Ho#e $a%e da ZF[ In.or#8ti,a e ete texto
et8 ,entraliSado.ADpC 6 E -06 A$C (par8%ra.o) et8 a,o#panBado do
0trib!to 0LI6* epe,i;,ando o Kalor _>4*-43`Q deter#inando G!e o texto
do par8%ra.o de+e er alinBado ao ,entro
ADbod"C 6 /i# do >onte?do do :o,!#ento
ADBt#lC 6 /i# do :o,!#ento
ABt#lC
2'
0. Estrutura da P1gina
E elemento 5&'()6 ,ontR# o elemento 5&EA?6 e 5GU?M6.
E T+ 5'I')E6 lo,aliSado na 1rea de in2u3nciaQ R obri%at=rioQ e%!ndo a
epe,i;,a57o do HTML.
E,emploJ
ABt#lC
ABeadC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod"C
0G!i entra todo o ,onte?do G!e er8 expoto pelo (ro)er...
ADbod"C
ADBt#lC
0.". &'() 5Itml6...5DItml6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ Indi,a G!e o do,!#ento preente R !# do,!#ento H-@L.
:e+e en%lobar todo o de#ai -06.
E,emploJ
ABt#lC
...todo o de#ai -06Q textoQ et,.
ADBt#lC
0.%. &EA? 5Iead6...5DIead6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ >ontR# o ,abe5alBo do do,!#ento di+era in.or#a5<e
l=%i,aQ ito RQ G!e n7o .aSe# parte do ,orpo do do,!#ento e portanto
n7o er7o exibida direta#ente.
E,emploJ
ABeadC
...di+ero -06 ,ontendo in.or#a5<e l=%i,a obre o do,!#ento...
ADBeadC
21
0.%.". Elementos presentes em &EA?
'I')E 5title6...5Dtitle6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ >ontR# o t9t!lo do do,!#ento. @!ito bro)er !tiliSa# o
t9t!lo ,o#o .or#a de re.eren,iar a p8%ina e# !#a lita de link ?tei
,riada pelo !!8rio (,onBe,ida ,o#o I(ook#arkI o! I/a+oriteI). 0lR#
dioQ exibe# o t9t!lo ,o#o no#e da Oanela e# G!e a p8%ina R
+i!aliSada. E -9t!lo R obri%at=rio. *7o ,on.!nda o t9t!lo da p8%ina ,o# o
no#e do arG!i+o %ra+ado e# di,o.
E,emploJ
AtitleC
ZF[ In.or#8ti,a
ADtitleC
<CFIP' 5script6...5Dscript6
E,plicaoJ V !tiliSado para iner57o de ,=di%o ,ript (ex.L Oa+a &,riptQ K(
&,riptQ et,.) dentro do do,!#ento H-@L.
E,emploJ
A,riptC
...,=di%o e# al%!#a lin%!a%e# ,ript re,onBe,ida pelo bro)er...
AD,riptC
(E'A 5meta6
E,plicaoJ :e;ne +alore epe,iai. o +alore 7o de;nido ,o#o
pare Ina#eD+al!eI (no#eD+alor).
Atri!utos de (E'A
Atri!utoJ *0@4
E,plicaoJ 4pe,i;,a !# no#e ao G!al !# deter#inado +alor er8
ao,iado. E bro)er pre,ia entender ee no#e para G!e o -06 tenBa
!tilidade.
E,emploJ
A#eta na#e^Ike")ordI ,ontent^II*/E3@a-I>0Q -34I*0@4*-EQ
>E*&2L-E3I0IC
Atri!utoJ >E*-4*-
E,plicaoJ 4pe,i;,a o +alor ao,iado a !# I*0@4I.
E,emploJ
A#eta na#e^Ike")ordI ,ontent^II*/E3@a-I>0Q -34I*0@4*-EQ
>E*&2L-E3I0IC
V obri%at=rio a preen5a do atri,uto I*0@4I o! do atri,uto IH--$N4J2IKI.
22
A#eta BttpNeG!i+^I>ontentN-"peI ,ontent^ItextDBt#lb ,Baret^ioN8859N
1IC
E T+ (E'A R !tiliSadoQ ta#bR#Q para epe,i;,ar pala+ra ,Ba+e G!e
er7o ,atalo%ada por 4erramentas de 5usca.
0.0. GU?M 5!od+6...5D!od+6
E,plicaoJ :e+e en%lobar toda a parte .9i,a do do,!#entoQ ito RQ o
G!e de+e er exibido pelo (ro)er.
Atri!utos de GU?M
Atri!utoJ (0>P63E2*:
E,plicaoJ :e;ne !#a i#a%e# G!e er8 !tiliSada ,o#o I.!ndoI da
p8%ina. >ao a i#a%e# tenBa !# ta#anBo in.erior ao da p8%i#a ela er8
repetida di+era +eSe de .or#a a ,obrir o .!ndo do do,!#ento
E,emploJ
Abod" ba,k%ro!nd^Ii#a%eD.!ndo.%i.IC
...di+ero -06Q texto et,...
ADbod"C
Atri!utoJ (6>ELE3
E,plicaoJ :e;ne a ,or de .!ndo da p8%ina
E,emploJ
Abod" b%,olor^I)BiteIC
Atri!utoJ -4Z-
E,plicaoJ :e;ne a ,or do texto da p8%ina
E,emploJ
Abod" text^Ibla,kIC
Atri!utoJ LI*P
E,plicaoJ :e;ne a ,or do link ainda n7o +iitado
E,emploJ
Abod" link^Ibl!eIC
Atri!utoJ KLI*P
E,plicaoJ :e;ne a ,or do link O8 +iitado no ?lti#o x dia onde x R
!# +alor de;nido pelo !!8rio e# e! bro)er.
E,emploJ
Abod" +link^Ip!rpleIC
23
Atri!utoJ 0LI*P
E,plicaoJ :e;ne a ,or do link no intante e# G!e 7o ,li,ado pelo
!!8rio.
E,emploJ
Abod" alink^IredIC
E,emploJ
Abod" link^Ibl!eI +link^Ip!rpleI alink^IredIC
Atri!utoJ (6$3E$43-I4& (@i,roo.t Internet 4xplorer)
E,plicaoJ :e+e ter o +alor I;xedI. Indi,a G!e o .!ndo da p8%ina R ;xoQ
ito RQ n7o IrolaI O!nto ,o# o ,onte?do da p8%ina.
E,emploJ
Abod" ba,k%ro!nd^Ii#a%eD.!ndo.%i.I b%propertie^I;xedIC
Atri!utoJ L4/-@036I* (@i,roo.t Internet 4xplorer)
E,plicaoJ 4pe,i;,a !#a G!antidade de epa5o (e# pixel) a er
deixada ,o#o #ar%e# eG!erda do do,!#ento.
E,emploJ
Abod" le.t#ar%in^I2'IC
Atri!utoJ -E$@036I* (@i,roo.t Internet 4xplorer)
E,plicaoJ 4pe,i;,a !#a G!antidade de epa5o (e# pixel) a er
deixada ,o#o #ar%e# !perior do do,!#ento.
E,emploJ
Abod" topt#ar%in^I2'IC
E,emplo do Elemento GU?M com todos os seus Atri!utosJ
ABt#lC
ABeadC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod" ba,k%ro!nd^Ii#a%eD.!ndo.%i.I link^Ibl!eI +link^Ip!rpleI
alink^IredI b%propertie^I;xedI b%,olor^I)Bite I text^Ibla,kI
top#ar%in^I2'I le.t#ar%in^I2'IC
ApCAa Bre.^IBttpLDD))).x"S.,o#.brICEic 4! o! !# linkcADaCADpC
ADbod"C
24
3. (E'A 'A4s 5meta6
0 M6T T+s dire,iona# !a p8%ina.
2tiliSando a T+s HTML padr7oQ +o,U n7o R ,apaS de .orne,er
in.or#a5<e Bit=ri,a obre o ,onte?do 7e,Q ,o#o G!e# ,rio! !#a
p8%ina epe,9;,aQ o! G!ando ela .oi #odi;,ada pela ?lti#a +eS.
E HTML R proOetado pri#aria#ente para apreentar in.or#a5<eQ n7o
para re%itrar detalBe. 0 T+ 5(E'A6 pode ar#aSenar eta in.or#a57o
de #ai alto n9+el na p8%ina 7e,.
2#a te,nolo%ia i#portante G!e entra e# Oo%o e#pre G!e +o,U !tiliSa a
M6T T+sQ R o HTTP. E Protocolo de Transfer3ncia de Hipertexto "HTTP *
H8perText Transfer Protocol$ epe,i;,a ,o#o a in.or#a5<e 7o
tran.erida para a Internet e !tiliSada para oli,itar do,!#ento 7e, e
,o#o retornar repota.
0 repota 7o .or#ada ,o# !# ,abe5alBo HTTP e ,orpo da
#ena%e#. E ,abe5alBo ,ontR# in.or#a5<e G!e o na+e%adore
ne,eita# para interpretar o do,!#entoQ ,o#o e! tipo de ,onte?do. E
,orpo da #ena%e# traS o retante do ,onte?do do do,!#ento.
*or#al#enteQ o ,abe5alBo HTTP 7o de;nido a!to#ati,a#ente pelo
er+idore 7e, baeado na repota T oli,ita5<e de re,!ro. @a
e# +eS do er+idor 7e, ter de deter#inar G!ai ,abe5alBo 7o
!tiliSadoQ +o,U pode #odi;,ar ,abe5alBo exitente o! ,riar o e!
pr=prio !tiliSando o atri,uto HTTP-EQUIV na T+ <META>.
Io poibilita peronaliSar o ,o#porta#ento do na+e%ador e do er+idor.
E tipo de conte0do padr)o e o con9unto de caracteres para o er+idor 7o
te,toDItml e I<U-997;-" *BesternQ )atin-".. E Ser%idor de;ne eta
in.or#a57o e# !# ,abe5alBo HTTP da e%!inte .or#aL Content-'+peJ
te,tDItmlV C&AF<E'Wiso-997;-"
Atri!utoJ H--$N4J2IK^I>E*-4*-N-F$4I
E,plicaoJ :e;ne o tipo ,onte?do padr7o.
E,emploJ BttpNeG!i+^I>ontentN-"peI
Atri!utoJ >E*-4*-^I-4Z-DH-@Lb >H03&4-^I&EN8859N1I
E,plicaoJ :e;ne o ,onO!nto de ,ara,tere.
E,emploJ ,ontent^ItextDBt#lb ,Baret^ioN8859N1I
E,emploJ
A#eta BttpNeG!i+^I>ontentN-"peI ,ontent^ItextDBt#lb ,Baret^ioN8859N
1IC
E PCU='E='-'MPEP R apena !# de +8rio meta %alores e#elBante.
0G!i et7o #ai al%!nL
25
Atri!utoJ H--$N4J2IK^I>E*-4*-N:I&$E&I-IE*I
E,plicaoJ 4pe,i;,a !# #anip!lador de apli,ati+o para o arG!i+o.
E,emploJ BttpNeG!i+^I>ontentN:ipoitionI
Atri!utoJ H--$N4J2IK^I>E*-4*-N&>3I$-N-F$4I
E,plicaoJ :e;ne a lin%!a%e# de #a,roNpadr7o.
E,emploJ BttpNeG!i+^I>ontentN&,riptN-"peI
Atri!utoJ H--$N4J2IK^I>E*-4*-N&-FL4N-F$4I
E,plicaoJ :e;ne a lin%!a%e# de .olBa de etilo padr7o.
E,emploJ BttpNeG!i+^I>ontentN&t"leN-"peI
Atri!utoJ H--$N4J2IK^I>E*-4*-NL0*62064I
E,plicaoJ :e,lara a lin%!a%e# nat!ral para a p8%ina.
E,emploJ BttpNeG!i+^I>ontentNLan%!a%eI
E,emploJ
ABt#lC
ABeadC
A#eta BttpNeG!i+^I>ontentNLan%!a%eI ,ontent^IptNbrIC
A#eta BttpNeG!i+^I>ontentN-"peI ,ontent^ItextDBt#lb ,Baret^ioN8859N
1IC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod"C
ApC4ta R a Ho#e $a%e ZF[ In.or#8ti,aADpC
ADbod"C
ADBt#lC
26
0tra+R da M6T T+ FE:FE<&XQ de !erenciamento de conte0do -nalQ
podeNe redire,ionar o 5ro&ser a!to#ati,a#ente de !#a p8%ina para
o!traQ #otrando !#a #ena%e# r8pida e# !#a p8%inaQ ante de entrar
e# !#a o!tra p8%ina.
Atri!utoJ H--$N4J2IK^I34/34&HI
E,plicaoJ 6eren,ia#ento de ,onte?do ;nal. 3edire,iona o (ro)er
a!to#ati,a#enteQ de !#a p8%ina para !#a o!tra p8%ina.
E,emploJ
A#eta BttpNeG!i+^Ire.reBI ,ontent^I2b
23L^BttpLDD))).x"S.,o#.brDpa%e1.Bt#IC

4ta M6T T+ R #!ito ?til para #!dan5a de endere5oQ le+ando o
!!8rio a!to#ati,a#ente para o no+o endere5o.
$ara in.or#ar ao na+e%ador G!e a partir da pa!e:.htm de+e re,!perar a
pa!e;.htm e# ,in,o e%!ndoQ ;,aria ai#L
E,emploJ
ABt#lC
ABeadC
A#eta BttpNeG!i+^Ire.reBI ,ontent^I5b 23L^pa%e1.Bt#IC
AtitleC-9t!lo da $a%e ' (pa!e:.htm)ADtitleC
ADBeadC
Abod"C
>orpo do :o,!#ento
ADbod"C
ADBt#lC
0 pa!e:.htm apare,er8 ao a,ear a !a Home Pa!e ,o# !#a #ena%e#
o! e.eitoQ e ap= 5 e%!ndoQ ,arre%ar8 a pa!e;.htm.
E!tra de;ni5<e de M6T T+ in,l!e# in.or#a5<e re.erente T +er7o
do HTMLQ +er7o do na+e%adorQ .erra#enta de ,ria57o Web e
#e,ani#o de peG!ia.
0 #aioria deta .onte de M6T T+ adi,ionai !tiliSa# o atri,uto =A(EQ
G!e dei%na in.or#a5<e !ple#entare G!e n7o tU# !# ,abe5alBo HTTP
rela,ionado.
4# ,ada !#a deta T+sQ o atri,uto =A(E identi;,a o %alor realQ
enG!anto o atri,uto CU='E=' epe,i;+a !# %alor associado ao =A(E.
Atri!utoJ *0@4^I02-E3I
E,plicaoJ :eter#ina o no#e do a!tor.
E,emploJ
A#eta na#e^I0!torI ,ontent^IWillia# &BeakpeareIC
27
Atri!utoJ *0@4^I>E$F3I6H-I
E,plicaoJ :e;ne a in.or#a5<e de direito a!torai.
E,emploJ
A#eta na#e^I>op"ri%BtI ,ontent^I1999N2''' ZF[ In.or#8ti,a Ltda.IC
Atri!utoJ *0@4^I64*430-E3I
E,plicaoJ :e;ne a .erra#enta de ,ria57o G!e %ero! a p8%ina.
E,emploJ
A#eta na#e^I6eneratorI ,ontent^I@i,roo.t /ront$a%e 4.'IC
Atri!utoJ *0@4^I34$LFN-EI
E,plicaoJ :e;ne o endere5o de eN#ail para ,ontato.
E,emploJ
A#eta na#e^I3epl"N-oI ,ontent^IZF[dZF[.,o#.brIC
0l%!n na+e%adore e #e,ani#o de peG!ia pode# n7o er ,apaSe
de interpretar !a M6T T+s e i#ple#ente a i%norar7o. 0 #eta
in.or#a57o R e#pre adi,ionada ao ,abe5alBo da p8%ina na 1rea de
in2u3ncia entre a "marcas" 5&EA?6 e 5D&EA?6 O!nta#ente ,o# a
"marcas" 5'I')E6 e 5D'I')E6.
E,emploJ
ABt#lC
ABeadC
A#eta BttpNeG!i+^I>ontentN-"peI ,ontent^ItextDBt#lb ,Baret^ioN8859N
1IC
A#eta na#e^I64*430-E3I ,ontent^I@i,roo.t /ront$a%e 4.'IC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod"C
0G!i entra todo o ,onte?do G!e er8 expoto pelo (ro)er...
ADbod"C
ADBt#lC
0 ,lai;,a5<e do #e,ani#o de peG!ia aO!da# a ondar ,liente e
rendi#ento. $ara obter a #elBore ,lai;,a5<eQ !tiliSe a M6T T+s.
0 tR,ni,a de M6T T+s G!e ir7o trabalBar e# e! .a+or
(raSoa+el#enteQ R ,laro) no atri,uto =A(E in,l!e#LPYEMBUF?<PQ
P?E<CFIP'IU=P e PFUGU'<P
28
Atri!utoJ *0@4^IP4FWE3:&I
E,plicaoJ >onO!nto de lita de pala+raN,Ba+e.
E,emploJ
A#eta na#e^Ike")ordI ,ontent^II*/E3@a-I>0Q -34I*0@4*-EQ
>E*&2L-E3I0IC
Atri!utoJ *0@4^I:4&>3I$-IE*I
E,plicaoJ >onO!nto de de,ri5<e.
>o#o al%!n #e,ani#o de peG!ia !tiliSa# de,ri5<e de p8%ina
#enore do G!e 2'' ,ara,tereQ tente ,olo,ar a in.or#a5<e #ai
rele+ante pri#eiro.
E,emploJ
A#eta na#e^Ide,riptionI ,ontent^IZF[ In.or#8ti,a +e# pretando
&er+i5o de :een+ol+i#entob @an!ten57o e I#planta57o de &ite#ab
>on!ltoriab -reina#ento e &!porte -R,ni,oQ B8 G!ae deS ano. *o
#er,ado ,ario,a dede o in9,io de 1991Q a ZF[ trabalBa ,o# a #ai
i#portante e#prea p?bli,a e pri+ada do (rail.IC
Atri!utoJ *0@4^I3E(E-&I
E,plicaoJ >onO!nto de ,ontrole de indexa57o.
E,emploJ
A#eta na#e^IrobotI ,ontent^I*EI*:4ZQ *E/ELLEWIC
KeOa o %alores de conte0do (atri,uto CU='E=') para epe,i;,ar ,o#o a
p8%ina de+e er indexadaL
Atri!utoJ >E*-4*-^I0LLI
E,plicaoJ Indexa a p8%ina a todo o e! +9n,!lo (padr7o).
E,emploJ ,ontent^I0LLI
Atri!utoJ >E*-4*-^II*:4ZI
E,plicaoJ Indexa a p8%ina.
E,emploJ ,ontent^II*:4ZI
Atri!utoJ >E*-4*-^I/ELLEWI
E,plicaoJ &e%!e o +9n,!lo.
E,emploJ ,ontent^I/ELLEWI
Atri!utoJ >E*-4*-^I*E/ELLEWI
E,plicaoJ *7o e%!e o +9n,!lo.
E,emploJ ,ontent^I*E/ELLEWI
&e%!ndo a epe,i;,a57o do HTML <.:Q a pala+raN,Ba+e rela,ionada a
9ndi,e e o +alore de no#e PFUGU'<P de+e# er deter#inada e# letra
mai0scula.
29
4# +eS de e#pre%ar =A(EWPFUGU'<P e# ,ada p8%ina WebQ !#a
ol!57o alternati+a R ,riar !# arG!i+o ro,ots.txt e poi,ion8Nlo no
diret=rio prin,ipal do e! Site.
E arG!i+o ro,ots.txt .!n,iona de #aneira e#elBante ao
=A(EWPFUGU'<PQ #a pode er !ado para epe,i;,ar ,onO!nto de
arG!i+o e diret=rio a ere# ex,l!9do da indexa57o.
E,emploJ
ABt#lC
ABeadC
A#eta na#e^Ike")ordI ,ontent^II*/E3@a-I>0Q -34I*0@4*-EQ
>E*&2L-E3I0IC
A#eta na#e^Ide,riptionI ,ontent^IZF[ In.or#8ti,a +e# pretando
&er+i5o de :een+ol+i#entob @an!ten57o e I#planta57o de &ite#ab
>on!ltoriab -reina#ento e &!porte -R,ni,oQ B8 G!ae deS ano. *o
#er,ado ,ario,a dede o in9,io de 1991Q a ZF[ trabalBa ,o# a #ai
i#portante e#prea p?bli,a e pri+ada do (rail.IC
A#eta na#e^IrobotI ,ontent^I*EI*:4ZQ *E/ELLEWIC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod"C
0G!i entra todo o ,onte?do G!e er8 expoto pelo (ro)er...
ADbod"C
ADBt#lC
6ra5a ao %rande ,re,i#ento no #e,ani#o de peG!ia #!ltil9n%XeQ
+o,U pode deeOar ,riar +er<e de idio#a epe,9;,o da pala+raN
,Ba+eQ de,ri5<e e o!tro meta dados. $ara .aSer itoQ !tiliSe o atri,uto
)A=4 para epe,i;,ar !#a pre.erUn,ia de idio#a.
Atri!utoJ L0*6^I$-N(3I
E,plicaoJ $ort!%!U (raileiro
E,emploJ lan%^IptNbrI
Atri!utoJ L0*6^I$-I
E,plicaoJ $ort!%!U $ort!%al
E,emploJ lan%^IptI
Atri!utoJ L0*6^I4*I
E,plicaoJ In%lU (ritWni,o
E,emploJ lan%^IenI
Atri!utoJ L0*6^I4*N2&I
E,plicaoJ In%lU *orteN
0#eri,ano
E,emploJ lan%^IenN!I
Atri!utoJ L0*6^I32I
E,plicaoJ 3!o
E,emploJ lan%^Ir!I
Atri!utoJ L0*6^II-I
E,plicaoJ Italiano
E,emploJ lan%^IitI
E,emploJ
ABt#lC
ABeadC
3'
A#eta na#e^Ike")ordI lan%^IptNbrI ,ontent^II*/E3@a-I>0Q
-34I*0@4*-EQ >E*&2L-E3I0IC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod"C
0G!i entra todo o ,onte?do G!e er8 expoto pelo (ro)er...
ADbod"C
ADBt#lC
*7o R irritante G!ando o!tro &ite exibe# !a p8%ina dentro da
#old!ra deleH 2#a .or#a n7o #!ito ele%ante de e+itar io R
e#pre%ando o PBindoE-targetP ,o# !# +alor P#topP.
E +alor P#topP in.or#a ao na+e%adore ,o#pat9+ei para ,arre%are# a
p8%ina dentro do ,onO!nto de #old!ra !perior. Io e+ita G!e a p8%ina
apare5a e#old!rada no interior de o!tra.
E,emploJ
A#eta BttpNeG!i+^IWindo)Ntar%etI ,ontent^I_topIC
0 M6T T+s ta#bR# pode# aO!daNlo a %eren,iar ,onte?do N e eta R
!#a 8rea G!e todo 7e,Master de+eria apre,iar.
E 7e,Masters de+eria# %eren,iar adeG!ada#ente o ,onte?do ,o#o
M6T T+sQ in.or#ando ao na+e%adore G!ando oli,itar +er<e #ai
re,ente de p8%inaQ G!ando n7o ar#aSenar a p8%ina e# ,a,BeQ et,.
Ko,U in.or#a ao na+e%adore G!ando oli,itar +er<e de p8%ina #ai
re,ente de;nindo !#a data de +alidade ,o# &''P-EZUI8WPEAPIFE<P.
E na+e%adore interpreta# data ile%ai ,o#o !# +en,i#ento i#ediato.
$ara e+itar ioQ a data de+e# er de;nida no .or#ato F:C972.
E,emploJ
A#eta BttpNeG!i+^IexpireI ,ontent^I@onQ 12 0pr 1999 1'L''L'' 6@-IC
>!idado ao !tiliSar a data de +alidade. 0l%!n indexadore ex,l!e# a
p8%ina +en,ida do e! 9ndi,e #etre o! pro%ra#a de reindexa57o da
p8%ina.
2#a o!tra .or#a de ,ontrolar o ,a,Be R !ar o PFA4(A ,o# !# +alor de
P=U-CAC&EPQ G!e e#ite a #e#a oli,ita57o de G!ando preiona#o o
'eload "'ecome(ar$ do "na%e!ador"Q E I=U-CAC&EP R o ?ni,o +alor
+8lidoQ e R !tiliSado da e%!inte #aneiraL
E,emploJ
A#eta BttpNeG!i+^Ipra%#aI ,ontent^InoN,a,BeIC
J!ando +o,U planeOar adi,ionar meta informa(.es ao e! Site 7e,Q
,o#e,e pela Home Pa!e "P1!ina Principal$. :epoi de at!aliSar a Home
Pa!e e a p8%ina de n9+el !periorQ ,onidere adi,ionar a #eta
in.or#a5<e ao retante de e! Site.
31
7. Caracteres Especiais e Acentuao
0 .or#a de repreentar ,ara,tere epe,iaiQ atra+R de !#a nota57o
epe,9;,aQ 7o ,Ba#ada de Entidades. 4xite# _Entidades de
Caracter` e _Entidades =umricas`.
E,emploJ
Caracter Entidade de
Caracter
Entidade =umrica ?escrio
5 e,,edilb ef231b , ,edilBa (#in?,!lo)
HTML per#ite G!e ,ara,tere epe,iai eOa# repreentado por
se=>3ncias de escapeQ indi,ada por tr3s partesL !# _[` (e (U) ,o#er,ial)
ini,ialQ _um nmero ou cadeia de caracteres correspondente ao
caracter desejado`Q e !# _V` (ponto e +9r%!la) ;nal.
E,emploJ
Caracter Entidade de
Caracter
Entidade =umrica ?escrio
7 eatildeb ef227b a ,D til
2# ,ara,ter batante ?til R o epa5o n7o i%nor8+elQ o _[n!spV` (*onN
breakin% pa,e). 4te ,ara,ter R i#portante G!ando deeOa#o .or5ar o
bro)er a n7o i%norar epa5o e# bran,o entre pala+ra.
Caracter Entidade de
Caracter
Entidade =umrica ?escrio
*onNbreakin% pa,e enbpb 4pa5o n7o
i%nor8+el
E,emploJ
Abod"C
ApCKeOa ,o#o ;,a ,o# enbpbenbpbenbpbenbpb epa5o n7o
i%nor8+elcADpC
ADbod"C
8isualiKao pelo GroEserJ
KeOa ,o#o ;,a ,o# epa5o n7o i%nor8+elc
32
E ,ara,tere A<CII _5` (#enor G!e)Q _6` (#aior G!e)Q e _[` (e (U)
,o#er,ial) te# i%ni;,ado epe,iai para indi,ar !# ,o#ando H-@L.
@a por +eSe G!ere#o exibir ete 9#bolo na tela e 7o !ado
dentro de do,!#ento e%!indo a ,orrepondUn,iaL
Caracter Entidade de
Caracter
Entidade =umrica ?escrio
e ea#pb ef38b 4(U) ,o#er,ial
A eltb ef6'b @enor G!e
C e%tb ef62b @aior G!e
E!tra se=>3ncias de escape !porta# ,ara,tere I<U )atin". -e#o
aG!i !#a tabela ,o# a entidade #ai !tiliSado e# $ort!%!UL
'a!ela de Caracteres Especiais e Acentuao
Caracter Entidade de
Caracter
Entidade =umrica ?escrio
ef'9b -ab!la57o HoriSontal
enbpb 4pa5o n7o
i%nor8+el
I eG!otb ef34b 0pa
\ e0%ra+eb ef192b 0 ,D ,rae
a e0a,!teb ef193b 0 ,D a,ento a%!do
g e0,ir,b ef194b 0 ,D a,ento
,ir,!n]exo
h e0tildeb ef195b 0 ,D til
i e>,edilb ef199b > ,edilBa
(#ai?,!lo)
V e4a,!teb ef2'1b 4 ,D a,ento a%!do
j e4,ir,b ef2'2b 4 ,D a,ento
,ir,!n]exo
k eIa,!teb ef2'5b I ,D a,ento a%!do
l eEa,!teb ef211b E ,D a,ento a%!do
m eE,ir,b ef212b E ,D a,ento
,ir,!n]exo
n eEtildeb ef213b E ,D til
o e2a,!teb ef218b 2 ,D a,ento a%!do
p e2!#lb ef22'b 2 ,D tre#a
T ea%ra+eb ef224b a ,D ,rae
8 eaa,!teb ef225b a ,D a,ento a%!do
W ea,ir,b ef226b a ,D a,ento
,ir,!n]exo
7 eatildeb ef227b a ,D til
5 e,,edilb ef231b , ,edilBa (#in?,!lo)
R eea,!teb ef233b e ,D a,ento a%!do
U ee,ir,b ef234b e ,D a,ento
,ir,!n]exo
9 eia,!teb ef237b i ,D a,ento a%!do
q entildeb ef241b n ,D til
= eoa,!teb ef243b o ,D a,ento a%!do
1 eo,ir,b ef244b o ,D a,ento
,ir,!n]exo
r eotildeb ef245b o ,D til
? e!a,!teb ef25'b ! ,D a,ento a%!do
X e!!#lb ef252b ! ,D tre#a
33
34
KeOa o!tra entidade n!#Rri,aL
'a!ela de Caracteres Especiais e Acentuao
Caracter Entidade de
Caracter
Entidade =umrica ?escrio
f ef35b -ralBa
s ef36b >i.r7o
t ef37b $er,ente
7.". Por >ue usar estas formataes \
E bro)er ,ot!#a# ta#bR# #otrar ,orreta#ente o ,ara,tere
a,ent!ado nor#al#ente. 4a pr8ti,aQ e#bora .a,ilite obre#aneira a
di%ita57o do do,!#entoQ n7o R re,o#endada IaindaIQ de+ido a !#
proble#a relati+o a tran#i7o dee ,ara,tere.
>Ba#aNe ,onO!nto de ,ara,tere !#a repreenta57o di%ital de texto. 2#
,ara,ter R !# 9#bolo ,!Oa di+era repreenta5<e de+e# i%ni;,ar a
#e#a ,oia para !#a ,o#!nidade de peoa. *a pr8ti,aQ porR#Q
exite# al%!n ,onO!nto G!e ao,ia# doi n?#ero ditinto a !#
#e#o ,ara,ter.
E (ro)er O8 per#ite# G!e e e,olBa a ,odi;,a57o adeG!ada ao
,onO!nto de ,ara,tere relati+o ao do,!#ento a ere# re,!perado.
@a para %arantir a interpreta57o apropriada de !# do,!#entoQ podeNe
inerir !#a indi,a57o do eG!e#a de ,odi;,a57oQ atra+R do ,a#poL
A#eta BttpNeG!i+^I>ontentN-"peI ,ontent^ItextDBt#lb ,Baret^ioN8859N
1IC
*a World Wide WebQ o a,ento da L9n%!a $ort!%!ea ,Be%a# a tra+ar o
(ro)er de !!8rio e# o!tro pa9eQ G!e !a# !# ,onO!nto de
,ara,tere di.erente do I<U )atin " u apear do I<U )atin " er padr7o
na Web.
/. Cores Atravs de 8alores &e,adecimais
As cores so definidas atravs de um valor hexadecimal de 6 algarismos, ou atravs
de seus nomes.
Os nomes padronizados so: aqua, black, blue, fuchsia, gray, green, lime,
maroon, navy, olive, purple, red, silver, teal, white e yellow. Estes nomes foram
escolhidos por serem os nomes originais das cores suportadas pelas primeiras
verses do !"#indo$s. Alguns Browsers implementam outros nomes no
padronizados.
35
Tabela de Cores Atravs de Valores e!adecimais
Anti%ue$hite.......
A%ua..................
A%uamarine........
Azure.................
&eige..................
&is%ue................
&lac'..................
&lanchedalmond
&lue...................
&lueviolet...........
&ro$n.................
&url($ood..........
)adet*lue...........
)hatreuse...........
)hocolate...........
)oral..................
)arnflo$er*lue...
)ornsil'..............
)rimson.............
)(an..................
+ar'*lue.............
+ar'c(an............
+ar'goldenrod....
+ar'gra(............
+ar'green..........
+ar''ha'i...........
+ar'magenta......
+ar'olivegreen...
+ar'orange........
+ar'orchid..........
+ar'red..............
+ar'salmon........
+ar'seagreen.....
+ar'slate*lue.....
+ar'slategra(.....
+ar'tur%uoise.....
+ar'violet...........
+eeppin'............
+eeps'(*lue......
+imgra(.............
+odger*lue.........
,ire*ric'.............
,loral$hite..........
,orestgreen........
,uchsia..............
-ains*oro..........
-host$hite.........
-old...................
.,AE&+/
.00,,,,
./,,,+1
.,0,,,,
.,2,2+)
.,,E1)1
.000000
.,,E&)+
.0000,,
.3A4&E4
.A24A4A
.+E&33/
.2,5EA0
./,,,00
.+4656E
.,,/,20
.6152E+
.,,,3+)
.+)617)
.00,,,,
.00003&
.003&3&
.&3360&
.A5A5A5
.006100
.&+&/6&
.3&003&
.226&4,
.,,3)00
.5574))
.3&0000
.E556/A
.3,&)3,
.137+3&
.4,1,1,
.00)E+6
.5100+7
.,,6157
.00&,,,
.656565
.6E50,,
.&44444
.,,,A,0
.443&44
.,,00,,
.+)+)+)
.,3,3,,
.,,+/00
-oldenrod......................
-ra(..............................
-reen............................
-reen(ello$...................
8one(de$......................
8otpin'..........................
9ndianred.......................
9ndigo............................
9vor(..............................
:ha'i.............................
;avander.......................
;avander*lush...............
;a$ngreen.....................
;emonchiffon.................
;ight*lue........................
;ightcoral.......................
;ightc(an.......................
;ightgoldenrod(elloo$...
;ightgreen.....................
.
;ightgra(........................
;ightpin'........................
;ightsalmon...................
;ightseagreen................
;ights'(*lue...................
;ightslategra(................
;ightsteel*lue................
;ight(ello$.....................
;ime..............................
;imegreen.....................
;inen.............................
agenta........................
aroon..........................
ediuma%uamarine.......
edium*lue...................
ediumorchid................
ediumpurple................
ediumseagreen...........
ediumslate*lue...........
.
ediumspringreen.........
ediumtur%uoise...........
ediumvioltred..............
idnight*lue..................
intcream.....................
.
ist(rose.......................
occasin.......................
<ava=o$hite...................
<av(..............................
Oldlace..........................
.+AA240
.303030
.003000
.A+,,4,
.,0,,,0
.,,65&1
.)+2)2)
.1&0034
.,,,,,0
.,0E63)
.E6E6,A
.,,,0,2
./),)00
.,,,A)+
.A++3E6
.,03030
.E0,,,,
.,A,A+4
.50EE50
.+7+7+7
.,,&6)6
.,,A0/A
.40&4AA
.3/)E,A
.//3355
.&0)1+E
.7,,,,E0
.00,,00
.74)+74
.,A,0E6
.,,00,,
.300000
.66)+AA
.0000)+
.&A22+7
.57/0+&
.7)&7/6
./&63EE
.00,A5A
.13+6))
.)/6232
.6565/0
.,2,,,A
.,,E1E6
.,,E1&2
.,,+EA+
.000030
.,+,2E6
Olive.....................
Olivedra*..............
Orange.................
.
Orangered............
.
Orchid...................
>alegoldenrod.......
>alegreen.............
>aletur%uoise........
>alevioletred.........
>apa(a$hip..........
>eachpuff.............
>eru......................
>in'......................
>lum.....................
>o$der*lue...........
>urple...................
?ed.......................
?s(*ro$n..............
?o(al*lue..............
!addle*ro$n.........
!almon.................
!and(*ro$n..........
!eagreen..............
!eashell................
!ienna..................
!ilver....................
!'(*lue.................
!late*lue..............
.
!lategra(..............
!no$.....................
!pringgreen..........
!teel*lue..............
.
@an.......................
@eal......................
@histle...................
@omato.................
@ur%uoise..............
Aiolet....................
#heat...................
#hite....................
#hitesmo'e..........
Bello$...................
Bello$green..........
.303000
.6&3E47
.,,A200
.,,1200
.+A/0+6
.EEE3AA
.53,&53
.A,EEEE
.+&/057
.,,E,+2
.,,+A&5
.)+327,
.,,)0)&
.++A0++
.&0E0E6
.300030
.,,0000
.&)3,3,
.1665E6
.3&1267
.,A30/4
.,1A160
.4E3&2/
.,,,2EE
.A0244+
.)0)0)0
.3/)EE&
.6A2A)+
./03050
.,,,A,A
.00,,/,
.1634&1
.+4&13)
.003030
.+3&,+3
.,,671/
.10E0+0
.EE34EE
.,2+E&7
.,,,,,,
.,2,2,2
.,,,,00
.5A)+74
36
$. Coment1rios
] AcNN ... NNC
Atri!utoJ *7o po!i atrib!to
E,plicaoJ *ada do G!e .or e,rito dentro dete -06 er8 interpretado
pelo bro)er.
>o#ent8rio 7o extre#a#ente ?tei para .a,ilitar a #an!ten57o da
p8%inaQ G!e #!ita +eSe poder8 er .eita por !#a peoa di.erente
daG!ela G!e a e,re+e! pela pri#eira +eS. 0tra+R do ,o#ent8rioQ e
expli,a o G!e e deeOa ,o# ,ada ,o#ando.
E,emploJ
AcNN >o#ent8rio NNC
E,emploJ
AcNN
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
NNC
E,emploJ
ABt#lC
ABeadC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod"C
AcNNNNNNNNNNNNNNNNNNNNN Link para o &ite da ZF[ In.or#8ti,a NNNNNNNNNNNNNNNNNNNC
ApCAa Bre.^IBttpLDD))).x"S.,o#.brICEic 4! o! !# link para o ite da
ZF[ In.or#8ti,acADaCADpC
ADbod"C
ADBt#lC
8isualiKao pelo GroEserJ
Eic 4! o! !# link para o ite da ZF[ In.or#8ti,ac
37
9. Controles de :ormatao
9.". 'Rtulos D <u!tRtulos
&n 5In6...5DIn6
E,plicaoJ Indi,a G!e o texto in]!en,iado R !#a P&EA?EFP
"ca,e(alho$. E ,abe5alBo tU# ei n9+ei de i#portWn,iaQ endo o n9+el
I1I o #ai i#portante e o n9+el I6I o #eno.
E,emploJ
AB1C4te R o ,abe5alBo de n9+el 1ADB1C
AB2C4te R o ,abe5alBo de n9+el 2ADB2C
AB3C4te R o ,abe5alBo de n9+el 3ADB3C
AB4C4te R o ,abe5alBo de n9+el 4ADB4C
AB5C4te R o ,abe5alBo de n9+el 5ADB5C
AB6C4te R o ,abe5alBo de n9+el 6ADB6C
=otaJ
KeOa o n9+ei de ,abe5alBo e o eG!i+alente ao ta#anBo da .onte.
(B1 N 24 pt D B2 N 18 pt D B3 N 14 pt D B4 N 12 pt D B5 N 1' pt D B6 N 8 pt).
8isualiKao pelo GroEserJ
4te R o ,abe5alBo de n9+el 1
4te R o ,abe5alBo de n9+el 2
4te R o ,abe5alBo de n9+el 3
4te R o ,abe5alBo de n9+el 4
4te R o ,abe5alBo de n9+el 5
4te R o ,abe5alBo de n9+el 6
Atri!utos de &n
Atri!utoJ 0LI6*
E,plicaoJ Indi,a e o ,abe5alBo er8 alinBado a eG!erda (padr7o)Q
,entraliSado o! a direitaQ !andoNeQ repe,ti+a#enteQ a pal+ra IL4/-IQ
I>4*-43I e I3I6H-I.
E,emploJ
AB1 ali%n^Ile.tIC-exto 2#ADB1C
AB2 ali%n^I,enterIC-exto :oiADB2C
AB3 ali%n^Iri%BtIC-exto -rUADB3C
38
9.%. Controles P:RsicosPde :ormatao de 'e,to
I 5i6...5Di6 o! E( 5em6...5Dem6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ Indi,a G!e o texto de+e er apreentado e# it1lico.
E,emploJ AiC4te texto et8 e# it8li,oADiC
E,emploJ Ae#C4te texto ta#bR# et8 e# it8li,oADe#C
8isualiKao pelo GroEserJ 6ste texto est1 em it1lico
G 5!6...5D!6 o! <'FU=4 5strong6...5Dstrong6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ Indi,a G!e o texto de+e er apreentado e# negrito.
E,emploJ AbC4te texto et8 e# ne%ritoADbC
E,emploJ Atron%C4te texto ta#bR# et8 e# ne%ritoADtron%C
8isualiKao pelo GroEserJ Este te,to est1 em negrito
U 5u6...5Du6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ Indi,a G!e o texto de+e er apreentado !blinBado.
E,emploJ A!C4te texto et8 !blinBadoAD!C
8isualiKao pelo GroEserJ 4te texto et8 !blinBado
<'FIYE 5stri-e6...5Dstri-e6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ Indi,a G!e o texto de+e er apreentado ,o# !# tra5o
,ortandoNo.
E,emploJ AtrikeC4te texto et8 trike cADtrikeC
8isualiKao pelo GroEserJ 4te texto et8 trike c
<UG 5su!6...5Dsu!6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ Indi,a G!e o texto de+e er apreentado e# !b,rito.
E,emploJ A!bC4te texto et8 !b,ritoAD!bC
8isualiKao pelo GroEserJ
4te texto et8 !b,rito
39
<UP 5sup6...5Dsup6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ Indi,a G!e o texto de+e er apreentado e# obre,rito.
E,emploJ A!pC 4te texto et8 !bre,rito AD!pC
8isualiKao pelo GroEserJ
4te texto et8 !bre,rito
9.0. Controles de :ontes
9.0.". :U=' 5font6...5Dfont6
E,plicaoJ 4xite# 7 ta#anBo de .onte e# H-@LQ n!#erada de 1 a 7.
E ta#anBo padr7o R 3.
0 ,ore 7o de;nida atra+R de !# +alor Bexade,i#al de 6 al%ari#oQ
o! atra+R de e! no#e.
>ao o !!8rio n7o po!a nenB!#a da .onte litadaQ er8 !ada !#a
.onte padr7o. 2!al#ente a .onte padr7o R a -i#e *e) 3o#a#.
E,emploJ
A.ont .a,e^I-i#e *e) 3o#anI iSe^I5I
,olor^If''''''IC-extoAD.ontC
Atri!utos de :U='
Atri!utoJ &I[4
E,plicaoJ Indi,a G!al o ta#anBo de .onte G!e de+e er !ado dentro
de !a 8rea de in]!Un,ia.
E,emploJ
A.ont iSe^I5IC-extoAD.ontC
Atri!utoJ >ELE3
E,plicaoJ Indi,a G!al a ,or da .onte dentro de !a 8rea de in]!Un,ia
E,emploJ
A.ont ,olor^If''''''IC-extoAD.ontC
A.ont ,olor^Ibla,kIC-extoAD.ontC
Atri!utoJ /0>4
E,plicaoJ :eter#ina a .onte (tipo de letra) a er !tiliSada. >o#o +alor
de+e ter !#a lita de no#e de .onte eparado por +9%!la.
E,emploJ
A.ont .a,e^I-i#e *e) 3o#anIC-extoAD.ontC
E,emploJ
A.ont .a,e^IKerdanaQ 0rialQ Hel+eti,aIC-extoAD.ontC
9.0.%. GA<E:U=' 5!asefont6
Atri!utoJ &I[4
4'
E,plicaoJ :eter#ina o ta#anBo bae de .onte para !#a p8%ina. E -06
de+e er !ado no in9,io do do,!#entoQ lo%o ap= Abod"C.
E,emploJ
Abod"C
Abae.ont iSe^I3IC
ApC-extoADpC
ApCA.ont .a,e^I0rialI ,olor^If//''''IC-extoAD.ontCADpC
ADbod"C
9.3. :ormatao de Par1grafos
P 5p6...5Dp6
E,plicaoJ Indi,a G!e o texto in]!en,iado R !# par8%ra.oQ e po!i !#
alinBa#ento pr=prio. E bro)erQ Babit!al#enteQ deixa# !# epa5o
+erti,al e# bran,o de ,er,a de I!#a linBaI ante de ,ada par8%ra.o.
E,emploJ
ApC4ta R a Ho#e $a%e da ZF[ In.or#8ti,a. 4 ete R !# exe#plo de
par8%ra.o.ADpC
Atri!utos de P
Atri!utoJ 0LI6*
E,plicaoJ Indi,a e o par8%ra.o er8 alinBado a eG!erda (padr7o)Q
,entraliSadoQ a direita o! O!ti;,ado !andoNeQ repe,ti+a#enteQ a
pal+ra IL4/-IQ I>4*-43IQ I3I6H-I e IM2&-I/FI.
E,emploJ
Ap ali%n^I,enterIC4ta R a Ho#e $a%e da ZF[ In.or#8ti,a. 4 ete R !#
exe#plo de par8%ra.o ,entraliSado.ADpC
41
9.7. Zue!ra de )inIa
GF 5!r6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ $aa para a pr=xi#a linBa.
E,emploJ
ApC4te texto ;,ar8
na #e#a linBa.AbrC
4 ete e# o!tra linBa.ADpC
8isualiKao pelo GroEserJ
4te texto ;,ar8 na #e#a linBa.
4 ete e# o!tra linBa.
9./. U 'A4 Gloc->uote 5!loc->uote6...5D!loc->uote6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ /aS a #ar%e# ,o#e5ar #ai dentro da p8%ina. E e.eito
dete -06 pode er a,!#!ladoQ obtendo ai# #ar%en #aiore.
E,emploJ
Ablo,kG!oteC4ta R a Ho#e $a%e da ZF[ In.or#8ti,a. 4 ete R !#
exe#plo de #ar%e# +i!aliSada pelo (ro)er.ADblo,kG!oteC
8isualiKao pelo GroEserJ
4ta R a Ho#e $a%e da ZF[ In.or#8ti,a. 4 ete R !# exe#plo de
#ar%e# +i!aliSada pelo (ro)er.
9.$. U 'A4 ?I8 5div6...5Ddiv6
E,plicaoJ Indi,a G!e o texto in]!en,iado R !#a di+i7oQ e po!i
portanto !# alinBa#ento pr=prio.
Atri!utos de ?I8
Atri!utoJ 0LI6*
E,plicaoJ Indi,a e a di+i7o er8 alinBado a eG!erda (padr7o)Q
,entraliSadoQ a direita o! O!ti;,ado !andoNeQ repe,ti+a#enteQ a
pal+ra IL4/-IQ I>4*-43IQ I3I6H-I e IM2&-I/FI. V !tiliSado no l!%ar do
-06 ApCQ G!ando e deeOa #odi;,ar o alinBa#ento e#Q no entantoQ
!inerirNe epa5o +erti,al e# bran,o.
E,emploJ
Adi+ ali%n^Iri%BtIC4ta R a Ho#e $a%e da ZF[ In.or#8ti,a. 4 eta R a
#inBa di+i7o.ADdi+C
9.9. U 'A4 PFE 5pre6...5Dpre6
Atri!utoJ *7o po!i atrib!to
42
E,plicaoJ 2!al#ente o bro)er i%nora o epa5o e# bran,o e a
G!ebra de linBa exitente no do,!#ento .onteQ .or#atando o texto de
a,ordo ,o# o ta#anBo de !a Oanela. >o# a !tiliSa57o dete -06 o
epa5o e a G!ebra de linBa 7o Bonrado. E bro)er exibe o ,onte?do
de ApreC !ando !#a .onte di.erente da !!al.
E,emploJ
ApreC
4ta R a Ho#e $a%e da ZF[ In.or#8ti,a.
0G!i no +ere#oL-reina#ento
>on!ltoria
3epreenta5<e
&ol!5<e Web
ADpreC
9.;. U 'A4 CE='EF 5center6...5Dcenter6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ >entraliSa o texto in]!en,iado. o -06 A,enterC .oi ,riado
G!ando n7o Ba+ia o!tra .or#a de e ,entraliSar o ele#ento na tela.
HoOe .aS parte da de;ni57o do H-@L para G!e eOa #antida a
,o#patibilidade ,o# p8%ina e,rita no paado.
E,emploJ
A,enterC
4ta R a Ho#e $a%e da ZF[ In.or#8ti,a. 4te texto er8 ,entraliSado.
AD,enterC
9."2. U 'A4 *E(3 AnobrC...ADnobrC
E,plicaoJ I#pede G!e o texto e# !a 8rea de in]!Un,ia eOa
IG!ebradoIQ ito RQ di+idido e# #ai de !#a linBa. :e+eNe !ar ete -06
de .or#a ,!idadoa. *or#al#ente o !!8rio n7o deeOa er obri%ado a
e#pre%ar a I,roll barI para ler o ,onte?do de !#a p8%ina.
E,emploJ
AnobrC4te texto ;,ar8
na #e#a linBa
ao +i!aliSaNlo no bro)er.AnobrC
8isualiKao pelo GroEserJ
4te texto ;,ar8 na #e#a linBa ao +i!aliSaNlo no bro)er.
43
;. )istas
;.". )istas Urdenadas
U) 5ol6...5Dol6
E,plicaoJ Indi,a o in9,io e o ;nal de !#a lita ordenda (n!#erada).
E,emploJ
AolC
AliC -reina#ento ADliC
AliC >on!ltoria ADliC
AliC :een+ol+i#ento ADliC
AliC @an!ten57o ADliC
ADolC
8isualiKao pelo GroEserJ
1. -reina#ento
2. >on!ltoria
3. :een+ol+i#ento
4. @an!ten57o
Atri!utos de U)
Atri!utoJ &-03-
E,plicaoJ 4pe,i;,a o n?#ero do pri#eiro ele#ento da lita.
E,emploJ
Aol tart^I1'IC
AliC -reina#ento ADliC
AliC >on!ltoria ADliC
AliC :een+ol+i#ento ADliC
AliC @an!ten57o ADliC
ADolC
8isualiKao pelo GroEserJ
1'. -reina#ento
11. >on!ltoria
12. :een+ol+i#ento
13. @an!ten57o
44
Atri!utoJ -F$4
E,plicaoJ :e;ne o tipo de n!#era57o e#pre%ada na lita. $ode
a!#ir o +alore I1 (1Q 2Q 3Q 4Q et,) IQ III (IQ IIQ IIIQ IKQ et,)Q IiI (iQ iiQ iiiQ i+Q
et,)Q I0I (0Q(Q ...Q [) o! IaI (aQ bQ ...Q S).
E,emploJ
Aol t"pe^I0IC
AliC -reina#ento ADliC
AliC >on!ltoria ADliC
AliC :een+ol+i#ento ADliC
AliC @an!ten57o ADliC
ADolC
8isualiKao pelo GroEserJ
0. -reina#ento
(. >on!ltoria
>. :een+ol+i#ento
:. @an!ten57o
;.%. Elementos )I 5li6. . . 5Dli6
)I 5li6
E,plicaoJ :e#ar,a o ele#ento de listas ordenadas e n)o ordenadas.
E,emploJ
AolC
AliC -reina#ento ADliC
AliC >on!ltoria ADliC
AliC :een+ol+i#ento ADliC
AliC @an!ten57o ADliC
ADolC
8isualiKao pelo GroEserJ
1. -reina#ento
2. >on!ltoria
3. :een+ol+i#ento
4. @an!ten57o
45
Atri!utos de )I
Atri!utoJ -F$4
E,plicaoJ :e+e er !ado o#ente e# lita n7o n!#erada. Indi,a
G!al o 9#bolo a er !ado para de#ar,ar o ele#ento.
E,emploJ
A!l t"pe^IG!areIC
AliC -reina#ento ADliC
Ali t"pe^Idi,IC >on!ltoria ADliC
AliC :een+ol+i#ento ADliC
AliC @an!ten57o ADliC
AD!lC
8isualiKao pelo GroEserJ
-reina#ento
>on!ltoria
:een+ol+i#ento
@an!ten57o
Atri!utoJ K0L24
E,plicaoJ :e+e er !ado o#ente e# lita n!#erada. 0ltera a
eG!Un,ia da n!#era57o.
E,emploJ
AolC
AliC -reina#ento ADliC
AliC >on!ltoria ADliC
Ali +al!e^I15IC :een+ol+i#ento ADliC
AliC @an!ten57o ADliC
ADolC
8isualiKao pelo GroEserJ
1. -reina#ento
2. >on!ltoria
15. :een+ol+i#ento
16. @an!ten57o
=otaJ
4te -06 de+e etar preente o#ente na 8rea de in]!Un,ia do -06
5U)6 *)istas Urdenadas. o! 5U)6 *)istas =o Urdenadas..
E texto preente e# ,ada ite# da lita pode er .or#atado nor#al#ente.
*o entantoQ n7o 7o per#itido IBeaderI (H1Q H2Q H3 et,.).
46
;.0. )istas =o Urdenadas
U) 5ul6...5Dul6
E,plicaoJ Indi,a o in9,io e o ;nal de !#a lita n7o n!#erada
E,emploJ
A!lC
AliC -reina#ento ADliC
AliC >on!ltoria ADliC
AliC :een+ol+i#ento ADliC
AliC @an!ten57o ADliC
AD!lC
8isualiKao pelo GroEserJ
-reina#ento
>on!ltoria
:een+ol+i#ento
@an!ten57o
Atri!uto de U)
Atri!utoJ -F$4
E,plicaoJ Indi,a G!al o 9#bolo de+e er !ado para de#ar,ar ,ada
ele#ento da lita. $ode er o +alore Idi,I ()Q I,ir,leI () o! IG!areI().
E,emploJ
A!l t"pe^I,ir,leIC
AliC -reina#ento ADliC
AliC >on!ltoria ADliC
AliC :een+ol+i#ento ADliC
AliC @an!ten57o ADliC
AD!lC
8isualiKao pelo GroEserJ
-reina#ento
>on!ltoria
:een+ol+i#ento
@an!ten57o
47
;.3. )istas de ?eCnio
?) 5dl6...5Ddl6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ :e#ar,a o ele#ento de lita ordenada e n7o ordenada.
E,emploJ
5dl6
AdtC -reina#ento ADdtC
AddC V !# departa#ento da ZF[ In.or#8ti,a. ADddC
AdtC >on!ltoria ADdtC
AddC V !# o!tro departa#entoc ADddC
5Ddl6
8isualiKao pelo GroEserJ
-reina#ento
V !# departa#ento da ZF[ In.or#8ti,a.
>on!ltoria
V !# o!tro departa#entoc
=otaJ
&7o #!ito ?tei para etr!t!ra do tipo Idi,ion8rioIQ onde !# ter#o R
,itado e ent7o expli,ado. *a Web R #!ito !tiliSada para lita de 23L e
e! repe,ti+o ,o#ent8rio.
?' 5dt6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ 3epreenta o ter#o de;nidoQ a er expli,ado e# A::C.
E,emploJ
AdlC
5dt6 'reinamento 5Ddt6
AddC V !# departa#ento da ZF[ In.or#8ti,a. ADddC
5dt6 Consultoria 5Ddt6
AddC V !# o!tro departa#entoc ADddC
ADdlC
8isualiKao pelo GroEserJ
'reinamento
V !# departa#ento da ZF[ In.or#8ti,a.
Consultoria
V !# o!tro departa#entoc
48
=otaJ
*7o de+e# ,onter -06 re.erente aL H40:43Q $ar8%ra.oQ LitaQ -exto
$reN/or#atadoQ :i+i7oQ >4*-43Q (LE>PJ2E-4Q /or#!l8rioQ I&I*:4ZQ
LinBa HoriSontal o! -abela.
?? 5dd6
Atri!utoJ *7o po!i atrib!to
E,plicaoJ 3epreenta a de;ni57o do ter#o preente e# A:-C. *7o
de+e ,onter H40:43.
E,emploJ
AdlC
AdtC -reina#ento ADdtC
5dd6 ^ um departamento da AMN Inform1tica. 5Ddd6
AdtC >on!ltoria ADdtC
5dd6 ^ um outro departamento] 5Ddd6
ADdlC
8isualiKao pelo GroEserJ
-reina#ento
^ um departamento da AMN Inform1tica.
>on!ltoria
^ um outro departamento]
49
"2. )in-s
E ponto G!e li%a# o hipertextos 7o ,Ba#ado de h!er"in#s$ "in#s
o% &ncoras de hi!erte'to.
E T+ G!e indi,a a re%i7o a er tratada ,o#o !# h8perlin? R o par 5A6 e
5DA6 * "" "anchor$. :entro dee T+Q na forma de atri,utoQ R ,olo,ada
a refer3ncia ao arG!i+o li%ado. 0 refer3ncia indi,a a U'L do do,!#ento.
J!ando o !!8rio ,li,ar obre o tre,Bo real5ado pela @ncora de
hipertextoQ o arG!i+o li%ado er8 reG!iitado ao er+idor e #otrado na
Oanela do na+e%ador.
6eral#ente o (ro)er apreenta o link e# aS!l e !blinBadoQ #a
,o#o O8 +i#o R po9+el alterar io atra+R do parW#etro op,ionai do
ele#ento 5GU?M6.
A 5a6...5Da6
E,plicaoJ Indi,a a re%i7o a er tratada ,o#o B"perlink
E,emploJ
Aa Bre.^IBttpLDD))).x"S.,o#.brICZF[ In.or#8ti,aADaC
8isualiKao pelo GroEserJ
ZF[ In.or#8ti,a
Atri!utos de A
Atri!utoJ H34/
E,plicaoJ :e;ne G!e !a 8rea de in]!Un,ia R !# link.
E,emploJ
ApC >liG!e e# Aa Bre.^IBttpLDD))).x"S.,o#.brD,!ro.Bt#IC>!roADaC
para a,ear a p8%ina do :e,riti+o do >!ro.ADpC
8isualiKao pelo GroEserJ
>liG!e e# >!ro para a,ear a p8%ina do :e,riti+o do >!ro.
4xite# G!atro .or#a de e epe,i;,ar !# lin?L
5'
"2.". )in-s para dentro da prSpria p1gina
E lo,al pre,ia ter !# PnomeP. 4te PnomeP R de;nido da e%!inte
.or#aL
E,emploJ
Aa Bre.^Ifno#eICLink para o *o#eADaC
.
.
.
Aa na#e^Ino#eICAaC
"2.%. Para outras p1ginas de um mesmo <ite
E,emploJ
Aa Bre.^Ino#e.Bt#ICLink para o *o#eADaC
*ee ,aoQ a!#i!Ne G!e o arG!i+o nome.Itm eta+a lo,aliSado no
#e#o diret=rio da p8%ina G!e re.erUn,ia. >ao o arG!i+o nome.Itm
eteOa e# o!tro diret=rioQ podeNe !tiliSar a "U'L relati%a" T p8%ina de
detino.
E,emploJ
Aa Bre.^IDtreina#entoD,!roDp8%ina.Bt#ICLink para a $8%inaADaC
$odeNeQ aindaQ re.eren,iar !#a p8%ina !tiliSandoNe a na+e%a57o e#
diret=rioQ e#elBante ao G!e e .aS no :E&Q lan5ando #7o do operador
P..P.
&e na p8%ina IttpJDDEEE.,+K.com.!rDtreinamentoDcursos.Itm exitir
!# lin? G!e aponta para o endere5oL
IttpJDDEEE.,+K.com.!rDconsultoriaDdesenvolvimento.ItmQ ete pode
er repreentado da e%!inte #aneiraL
E,emploJ
Aa Bre.^I..D,on!ltoriaDdeen+ol+i#ento.Bt#ICLink para o
:een+ol+i#entoADaC
"2.0. )in-s para outros <ites
:e+eNe !ar a U'L ,o#pleta da p8%ina detino.
E,emploJ
Aa Bre.^IBttpLDD))).x"S.,o#.brDtreina#entoD,!ro.Bt#ICLink para
o!tro &iteADaC
51
"2.3. )in- especialJ PmailtoP
4xite !# tipo de lin? ,Ba#ado de PmailtoJP. &eQ G!ando o lin? .or
de;nidoQ o protocolo !tiliSado .or PmailtoJP ao in+R de PIttpJDDPQ o lin?
abrir8 !#a Oanela epe,ial para G!e e poa en+iar !# e*mail "correio
eletrAnico$ para o endere5o epe,9;,o.
E,emploJ
@ande !#Aa Bre.^I#ailtoLZF[dZF[.,o#.brICeN#ailADaCpara a ZF[.
8isualiKao pelo GroEserJ
@ande !# eN#ail para a ZF[.
"". Imagens
I(4 5img6
E,plicaoJ 4te -06 exibe !#a i#a%e# na p8%ina.
Atri!utos de I(4
Atri!utoJ &3>
E,plicaoJ Ebri%at=rioQ indi,a a 23L da i#a%e# a er exibida. $ode#
er !ada
23L abol!to (BttpLDD))).x"S.,o#.brDi#a%eDi#a%e#.%i.) o! 23L relati+o
(Di#a%eDi#a%e#.%i.)
E,emploJ
Ai#% r,^IDi#a%eDi#a%e#.%i.IC
Atri!utoJ 0L-
E,plicaoJ Indi,a !# texto ao,iado T i#a%e#. J!ando a i#a%e# n7o
p!der er exibidaQ o texto R exibido e# e! l!%ar. 4te texto ta#bR# R
exibido G!ando o ,!ror ;,a parado obre a i#a%e#.
E,emploJ
Ai#% r,^IDi#a%eDi#a%e#.%i.I alt^ILo%otipo da ZF[ In.or#8ti,aIC
Atri!utoJ 0LI6*
E,plicaoJ :eter#ina o alinBa#ento da i#a%e# e# rela57o ao texto
exitente na #e#a linBa. E +alore +8lido 7o I-E$IQ I@I::L4IQ
I(E--E@IQIL4/-I e I3I6H-I.
E,emploJ
Ai#% r,^IDi#a%eDi#a%e#.%i.I ali%n^ItopIC
Atri!utoJ WI:-H
E,plicaoJ :eter#ina a lar%!raQ e# pixelQ da i#a%e#.
E,emploJ
Ai#% r,^IDi#a%eDi#a%e#.%i.I )idtB^I6''IC
Atri!utoJ H4I6H-
52
E,plicaoJ :eter#ina a alt!raQ e# pixelQ da i#a%e#.
E,emploJ
Ai#% r,^IDi#a%eDi#a%e#.%i.I Bei%Bt^I6'IC
Atri!utoJ (E3:43
E,plicaoJ :eter#ina a lar%!raQ e# pixelQ da i#a%e#.
E,emploJ
Ai#% r,^IDi#a%eDi#a%e#.%i.I border^I2IC
Atri!utoJ H&$0>4
E,plicaoJ :eter#ina a G!antidade de epa5o deixado e# bran,o ao
lado da i#a%e#Q de .or#a G!e ela n7o ;G!e de#aiada#ente pr=xi#a
do o!tro ele#ento da p8%ina.
E,emploJ
Ai#% r,^IDi#a%eDi#a%e#.%i.I Bpa,e^I1'IC
Atri!utoJ K&$0>4
E,plicaoJ :eter#ina a G!antidade de epa5o deixado e# bran,o
a,i#a e abaixo da i#a%e#.
E,emploJ
Ai#% r,^IDi#a%eDi#a%e#.%i.I +pa,e^I1'IC
Atri!utoJ 2&4@0$
E,plicaoJ Indi,a G!e a i#a%e# R !# mapa sensiti%o interpretado
totalmente.
E,emploJ
Ai#% r,^IDi#a%eDi#a%e#.%i.I !e#ap^If#apalo,alIC
Atri!utoJ :F*&3> (@i,roo.t Internet 4xplorer)
E,plicaoJ :eter#ina G!al o +9deo o! a#biente K3@L er8 exibido.
$ode er !ado e# ,onO!nto ,o# &3>. :ea .or#aQ G!ando o !!8rio n7o
po!ir !porte a +9deoQ +er8 !#a i#a%e# et8ti,a e# e! l!%ar.
E +9deo de+e# etar e# .or#ato 0KI.
E,emploJ
Ai#% r,^Ii#a%e#ZF[.%i.I d"nr,^I+9deoZF[.a+iIC
Atri!utoJ LEE$ (@i,roo.t Internet 4xplorer)
E,plicaoJ Indi,a G!anta +eSe o +ideo,lip er8 exibido. &e o +alor .or
IN1I o! Iin;niteI ele er8 exibido ,ontin!a#ente.
Ai#% r,^Ii#a%e#ZF[.%i.I d"nr,^I+9deoZF[.a+iI loop^I5IC
Atri!utoJ &-03- (@i,roo.t Internet 4xplorer)
E,plicaoJ $ode a!#ir o +alore I;leopenI (o +ideo,lipe er8 exibido
ai# G!e a p8%ina .or abertaQ o G!e R o default) o! I#o!eo+erI (o
+ideo,lip er8 exibido G!ando o ,!ror to,aNlo).
Ai#% r,^Ii#a%e#ZF[.%i.I d"nr,^I+9deoZF[.a+iI loop^I5I
tart^I#o!eo+erIC
53
0l%!n (ro)erQ ,o#o o Internet 4xplorer 3 e 4 e o *et,ape
>o#!ni,ator 4Q exp<e o texto preente no atrib!to A)' G!ando o ,!ror
to,a a i#a%e#. E texto v exibido e# Ibal<e de textoI o! i#ilare.
E atrib!to BI?'& e &EI4&' 7o extre#a#ente i#portante. E
bro)erQ tendo in.or#a5<e obre a alt!ra e a lar%!ra da i#a%enQ n7o
pre,ia# eperar G!e ela ,Be%!e# por inteiro para ,ontin!ar a exibi57o
do reto do do,!#ento. 0lR# ditoQ BI?'& e &EI4&' pode# er !ado
para ditor,er i#a%en.
$odeNe !ar o atrib!to GUF?EF para e retirar a borda de !# link
(G!ando R ,laroQ ete .or !#a i#a%e#). *o entantoQ de+eNe to#ar
,!idado para n7o ,on.!ndir o !!8rioQ poi ete poder8 n7o per,eber G!e
a i#a%e# R ta#bR# !# link.
"%. :ormatos de Imagens
+I4 (6rapBi, Inter,Ban%e /or#at) e BP6+ (Moint $Boto%rapBi, 4xpert
6ro!p) 7o o doi .or#ato %r8;,o padr<e !ado na InternetQ ,ada
.or#ato te# !a +anta%en e de+anta%enQ ,o#o analiado a e%!ir.
E doi .or#ato de i#a%en 7o batante !tiliSadoQ #a po!e#
,ara,ter9ti,a di.erente.
"%.". Usando o 4I: *4rapIics IntercIange :ormat.
E +I4 apreenta !# bo# rendi#ento no ta#anBo e G!alidade e#
i#a%en ,o# ,ore Ili#paIQ e# #!ito detalBe. $o!i !porte para
i#a%en ani#ada e ,o# parte ItranparenteI.
-rabalBa ,o# ,ore indexadaQ podendo repreentar !# #8xi#o de
256 ,ore.
0r#aSena i#a%en ,o# %rande 8rea plana (da #e#a ,or) de
.or#a batante e;,iente.
*7o po!i n9+ei de ,o#preen7oQ apear de O8 er nat!ral#ente
,o#pa,tado (6I/ te# !#a ,o#pre7o padr7o).
$ode# er entrela5ada. 2#a i#a%e# entrela5ada (interla,ed) pode
er +ita T #edida G!e +ai endo ,arre%ada (#elBorando a de;ni57o
ao po!,o).
$odeNe de;nir !#a da ,ore ,o#o endo ItranparenteIQ per#itindo
G!e e +eOa o G!e et8 por tr8. E re,!ro de tranparUn,ia R #!ito
intereanteQ poi per#ite ,riar a ena57o de G!e a i#a%en n7o 7o
toda retan%!lare.
$er#ite a ,ria57o de ani#a5<e (6I/ 0ni#ado). E $rin,9pio do 6I/
0ni#ado R o #e#o de !# ;l#e G!e +e#o no ,ine#aQ o! eOa !#a
eG!Un,ia de i#a%en tran#itida rapida#enteQ !#a ani#a57o
propria#ente dita. E an?n,io (,Ba#ado de banner) G!e e +U na
WebQ na +erdade 7oQ 6I/ 0ni#ado.
54
"%.%. Usando o _PE4 *_oint PIotograpIic E,perts 4roup.
E BP6+ R #elBor para i#a%en G!e apreenta# #!ito ton de ,or. 4te
.or#ato R ideal para trabalBar ,o# .oto%ra;a di%itai e i#a%en
,o#plexa.
$ode repreentar i#a%en ,o# atR 16 #ilB<e de ,ore.
0r#aSena i#a%en ,o#plexa de .or#a e;,iente.
-e# !#a ,o#pre7o +ari8+el. $orR#Q ,o#o ne# t!do R per.eitoQ
G!anto #ai +o,U ,o#pri#eQ #aior er8 a perda da G!alidade. 0
,o#pre7o padr7o R e# torno de 33 (n!#a e,ala de 1 a 1'')Q #a a
idealQ = tetando #e#o. J!anto #aior o n?#eroQ pior ;,a a
G!alidade.
*7o po!i o re,!ro de tranparUn,iaQ portanto e#pre apare,e#
retan%!lare na tela.
E entrela5a#ento pode er ,one%!ido !tiliSando o .or#ato
$ro%rei+e 3endered M$46Q !#a no+a +er7o ,riada para poibilitar
!# ,arre%a#ento i%!al ao de !# 6I/ entrela5ado. E (ro)er de
?lti#a %era57o O8 entende# ete .or#ato n!#a boaQ #a n7o o
anti%o.
*7o per#ite a ,ria57o de ani#a5<e.
"%.0. <o!re o P=4 *Porta!le =etEor 4rapIics.
2# .or#ato no+oQ ainda n7o #!ito ,o#!# na InternetQ R o P=4
*Porta!le =etEor- 4rapIics.Q deen+ol+ido por !# %r!po .or#ado
epe,ial#ente ,o# ete ;#. 4le R !#a e+ol!57o da +I4s G!e
,onBe,e#oQ #antendo di+era de !a ,ara,ter9ti,a e in,orporando
no+a ,o# po!,o ,!to de i#ple#enta,7o ao deen+ol+edore. &!porta
,ore T'U6COLO' "<C ,its por pixel$Q interla5a#entoQ tranparUn,iaQ et,.
/oi deen+ol+ido paraQ no .!t!roQ !btit!ir o +I4 e o BP6+.
=otaJ
$*6 R pron!n,iado Ipin%I.
"%.3. Imagens no GroEser
2#a i#a%e# 6I/ pode ,onter atR 256 ,ore. $ara ioQ 7o ne,e8rio 8
bit para ,ada pixel da i#a%e#. &e a !a i#a%e# te# 128 o! 64 ,oreQ
i%ni;,a G!e ,ada pixel +ai pre,iar de 7 o! 6 bit repe,ti+a#ente. 4
aindaQ e a !a i#a%e# te# o#ente 16 ,ore ela reG!er o#ente 4 bit
por pixelQ red!Sindo e# 5't o ta#anBo do arG!i+o G!ando ,o#parado
,o# o de 256 ,ore.
:a #e#a .or#a G!e no 6I/Q exite# aO!te ;no po9+ei no M$46.
*ete .or#atoQ o ta#anBo do arG!i+o depende da G!alidade G!e +o,U
pode optar para a !a i#a%e#. 0lR# dioQ al%!n o.t)are per#ite#
55
G!e +o,U ,on;%!re a reol!57o da i#a%e# . 0 #aioria da i#a%en R
al+a ,o# a reol!57o de 3'' dpi (ponto por pole%ada). $orR# ,o#o a
reol!57o da #aioria do #onitore (padr7o &K60) de ,o#p!tador R de
96 dpiQ podeNe e#pre di#in!ir para ete +alor.
4xperi#ente .aSer al%!n tete ,o# o doi .or#atoQ +ariando o n?#ero
de ,oreQ ,o#pre7o e reol!57o.
:erramentas 4r1Ccas e 4I:s Animados
$aint &Bop $ro 6.' D 0ni#ation &Bop BttpLDD))).Oa,.,o#Dpp.Bt#l
$BotoBop 5.5 D I#a%e3ead" 2.' BttpLDD))).adobe.,o#
)ista com diversas opes no <ite da 'ucoEsQ na seo Image
Animators
I#a%e 0ni#ator BttpLDD)))t!,o).#atrix.,o#.brDi#%ani95.Bt#l
"0. (apas <ensitivos
0tra+R do ,on,eito de Mapa Sensiti%o "Clic?a,le Map$Q pode# er ,riado
di+ero lin?s dentro de !#a #e#a i#a%e#. E !!8rio er8
en,a#inBado para !#a U'L deter#inada pelo lo,al da i#a%e#
ele,ionada.
(AP 5map6...5Dmap6
E,plicaoJ Indi,a o in9,io e o ;nal do #apa. $ode ;,ar e# G!alG!er
parte da p8%ina.
E,emploJ
A#ap na#e^I#apa1IC
...
AD#apC
Atri!utos de (AP
Atri!utoJ *0@4
E,plicaoJ 0trib!to obri%at=rioQ indi,a o no#e do #apa.
E,emploJ
A#ap na#e^I#apa1IC
...
AD#apC
AFEA 5area6
E,plicaoJ :e;ne a 8rea da i#a%e# G!e et7o rela,ionada a linkQ e
G!e link 7o ee. :entro da 8rea de in]!Un,ia de A@0$CQ pode#o ter
!# n?#ero G!alG!er de ta% A0340C.
E,emploJ
56
Aarea ,oord^I'Q'Q29Q29I Bre.^Ipa%ina2.Bt#IC
Atri!utos de AFEA
Atri!utoJ >EE3:&
E,plicaoJ :e;ne a ,oordenada da 8rea. Karia de a,ordo ,o# o
.or#ato de,larado e# I&H0$4I.
E,emploJ
Aarea ,oord^I1'Q1'Q2'Q3'I Bre.^Ipa%ina2.Bt#IC
Atri!utoJ H34/
E,plicaoJ Indi,a a 23L detino da 8rea.
E,emploJ
Aarea ,oord^I45Q3'Q6'Q9'I Bre.^Ipa%ina2.Bt#IC
Atri!utoJ *EH34/
E,plicaoJ Indi,a G!e aG!ela 8rea er8 ne!tra.
E,emploJ
Aarea ,oord^I12Q'Q3'Q45I noBre.C
Atri!utoJ &H0$4
E,plicaoJ Indi,a o .or#ato da 8rea. $ode er I34>-IQ I>I3>L4I o!
I$ELF6E*I. >ao eOa o#itidoQ a!#eNe I34>-I.
E,emploJ
Aarea Bape^I,ir,leI ,oord^I5'Q5'Q15I Bre.^Ipa%ina3.Bt#C
=otaJ
$ara IFEC'IQ !aNe o .or#ato I,"Q +"Q ,%Q +%IQ de;nindoNe o ,anto
!perior eG!erdo e o in.erior direito do retWn%!lo.
$ara ICIFC)EIQ I,Q+QrIQ de;nindoNe o ponto ,entral e o raio.
$ara IPU)M4U=IQ I,"Q +"Q ,%Q +%Q ,0Q +0Q ,3Q +3Q ...I .
Para se criar um (apa <ensitivo Interpretado localmente deve-se
passar por duas etapasJ ?eCnio e ?escrio
"0.". ?eCnio
0di,ionaNe o atrib!to PU<E(APP no T+ da i#a%e# G!e +ir8 a er o
Mapa Sensiti%o.
U<E(APWPLmapa"PQ onde Pmapa"P R o no#e do #apa de,rito
atra+R do T+s 5(AP6...5D(AP6
E,emploJ
Ai#% r,^Ii#a%e#.%i.I )idtB^I6''I Bei%Bt^I6'I alt^Ii#a%e#.%i.I
border^I'I !e#ap^If#apa1IC
A#ap na#e^I#apa1IC
57
/oi ineridaQ atra+R do T+ 5I(46 !#a i#a%e# no do,!#ento. E
atrib!to PU<E(APP de;ne eta i#a%e# ,o#o !# Mapa Sensiti%o lo,al.
E,emploJ
Ai#% r,^Ii#a%e#.%i.I )idtB^I6''I Bei%Bt^I6'I alt^Ii#a%e#.%i.I
border^I'I !e#ap^If#apa1IC
E Mapa Sensiti%o er8 de,rito atra+R do T+ 5(AP6. E no#e da
de,ri57o er8 Pmapa"P.
E,emploJ
A#ap na#e^I#apa1IC
4ta i#a%e# n7o .!n,ionar8 ,o#o !# Mapa Sensiti%o e# ,ro&sers
anti!osQ poi ete i%norar7o o atrib!to PU<E(APP.
"0.%. ?escrio
2#a i#a%e# ,o# 6'' $ixel de Lar%!ra e 6' $ixel de 0lt!ra er8
di+idida e# doi blo,o para ere# .eito link para d!a p8%ina
ditinta.
E,emploJ
ABt#lC
ABeadC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod"C
Ai#% r,^Ii#a%e#.%i.I )idtB^I6''I Bei%Bt^I6'I alt^Ii#a%e#.%i.I
border^I'I !e#ap^If#apa1IC
A#ap na#e^I#apa1IC
Aarea Bape^Ire,tI ,oord^I3''Q2Q6''Q6'I
Bre.^IBttpDD))).x"S.,o#.brDtreina#ento.Bt#IC
Aarea Bape^Ire,tI ,oord^I'Q'Q3''Q6'I
Bre.^IBttpLDD))).ZF[.,o#D,on!ltoria.Bt#IC
AD#apC
ADbod"C
ADBt#lC
/oi ,riado !# Mapa Sensiti%o interpretado lo,al#ente. $ara ioQ o T+
5I(46 .oi !tiliSado na de;ni57o da i#a%e# e do repe,ti+o #apa.
4# e%!idaQ o #apa R de;nidoQ atra+R do T+s 5(AP6 e 5AFEA6.
58
Link para
BttpLDD))).to!,B.,o#.brD
,on!ltoria.Bt#
Link para
BttpLDD))).to!,B.,o#.brD
treina#ento.Bt#
E,emplo feito com a aOuda de um Editor de &'()J
ABt#lC
ABeadC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod"C
ApCAcNN)ebbot bot^II#a%e@apI
re,tan%le^I(3''Q2) (6''Q 6') BttpLDD))).x"S.,o#.brDtreina#ento.Bt#I
re,tan%le^I('Q') (3''Q 6') BttpLDD))).x"S.,o#.brD,on!ltoria.Bt#I
r,^Ii#a%e#.%i.I )idtB^I6''I Bei%Bt^I6'I alt^Ii#a%e#.%i.I border^I'I
NNCADpC
ADbod"C
ADBt#lC
"7. 'a!elas
0i# ,o#o a litaQ no H-@L exite# ele#ento epe,9;,o para a
,ria57o e .or#ata57o de tabela. E re,!ro de tabela R #!ito
intereante e #!ito !ado na p8%ina Web.
E ,on,eito R o #e#o ,onBe,ido !!al#enteL ela te# linBa e ,ol!naQ e
na intere57o dela et7o a ,Rl!la.
*a lin%!a%e# H-@L +o,U pode inerir na ,Rl!la t!do o G!e
nor#al#ente .aS parte do ,orpo de !# do,!#entoQ ,o#o textoQ linkQ
i#a%enQ lita e atR o!tra tabela.
'AG)E 5ta!le6...5Dta!le6
E,plicaoJ Indi,a o in9,io e o ;nal de !#a deter#inada tabela. -oda a
de#ai #ar,a re.erente a tabela N linBa e ,Rl!la N o#ente er7o
,oniderada e in,l!ida entre 5ta!le6 e 5Dta!le6.
AtableC
AtrC
AtdC-exto 0ADtdC
AtdC-exto (ADtdC
ADtrC
ADtableC
Atri!utos de 'AG)E
Atri!utoJ (E3:43
E,plicaoJ &e preenteQ a tabela apreenta borda. &e .or atrib!to o
+alor ' (Sero)Q n7o o#ente a tabela n7o apreentar8 bordaQ ,o#o o
epa5o !!al#ente reer+ado para borda er8 liberadoQ per#itindo a
,on.e,57o de tabela #ai ,o#pa,ta.
E,emploJ
Atable border^I4IC
59
Atri!utoJ >4LL&$0>I*6
E,plicaoJ Indi,a G!anto epa5oQ e# pixelQ de+e er inerido entre a
,Rl!la da tabela.
E,emploJ
Atable ,ellpa,in%^I1'IC
Atri!utoJ >4LL$0::I*6
E,plicaoJ Indi,a G!anto epa5oQ e# pixelQ de+e er inerido entre a
borda da ,Rl!la e e! ,onte?do.
E,emploJ
Atable ,ellpaddin%^I5IC
Atri!utoJ WI:-H
E,plicaoJ Indi,a a lar%!ra da tabela. 2aNe ,o#o #edida o n?#ero de
pixel deeOado o! !#a por,enta%e# da lar%!ra do do,!#ento.
E,emploJ
Atable )idtB^I3''IC
Atri!utoJ 0LI6*
E,plicaoJ Indi,a a poi57o da tabela no do,!#ento. $ode a!#ir o
+alore IL4/-I o! I3I6H-IQ indi,andoQ repe,ti+a#enteQ G!e a tabela de+e
etar a eG!erda o! a direita do do,!#entoQ e ,o# o texto I]!indoI T !a
+olta.
E,emploJ
Atable ali%n^I,enterIC
Atri!utoJ (0>P63E2*:
E,plicaoJ 4pe,i;,a !#a i#a%e# G!e er8 !tiliSada ,o#o
Iba,k%ro!ndI da tabela. 0 i#a%e# er8 I-IL4:IQ ito RQ repetida de .or#a
a ,obrir todo o .!ndo da tabela.
E,emploJ
Atable border ba,k%ro!nd^Ii#a%e#.%i.IC
Atri!utoJ (6>ELE3
E,plicaoJ 4pe,i;,a !#a ,or de .!ndo para a tabela.
E,emploJ
Atable border b%,olor^I"ello)IC
Atri!utoJ (E3:43>ELE3
E,plicaoJ 4pe,i;,a !#a ,or para a borda da tabela.
E,emploJ
Atable border b%,olor^I"ello)I border,olor^Ibl!eIC
Atri!utoJ (E3:43>ELE3LI6H-
E,plicaoJ 4pe,i;,a !#a da ,ore !tiliSada para deenBar a borda
,o# e.eito tridi#enional da tabela.
E,emploJ
Atable border b%,olor^I"ello)I border,olorli%Bt^Ibl!eIC
6'
Atri!utoJ (E3:43>ELE3:03P
E,plicaoJ 4pe,i;,a !#a da ,ore !tiliSada para deenBar a borda
,o# e.eito tridi#enional da tabela.
E,emploJ
Atable border b%,olor^I"ello)I border,olordark^Ibl!eIC
Atri!utoJ 32L4&
E,plicaoJ Indi,a G!ai linBa interna a tabela de+e apreentar. $ode
a!#ir o +aloreL I3EW& (o#ente a linBa BoriSontai)IQ I>EL&
(o#ente a linBa +erti,ai)IQ I*E*4 (nenB!#a)I e I0LL (toda)I.
E,emploJ
Atable border b%,olor^I"ello)I r!le^Iro)IC
Atri!utoJ /30@4
E,plicaoJ Indi,a G!ai borda externa a tabela de+e apreentar. $ode
a!#ir o +aloreL I8UI? *nenIuma.IQ IAGU8E *topo da ta!ela.IQ
IGE)UB *!ase da ta!ela.IQ I&<I?E< *topo e !ase da ta!ela.IQ I)&<
*lado direito da ta!ela.IQ I8<I?E< *es>uerda e direita da ta!ela.I e
IGUA *todas.I.
E,emploJ
Atable border b%,olor^I"ello)I .ra#e^Ibelo)IC
-odo o atrib!to de !#a tabela 7o op,ionai. 2#a tabela padr7o n7o
po!i borda e !a alt!ra e lar%!ra 7o a #9ni#a ne,e8ria para
!portar e! ,onte?do.
'F 5tr6...5Dtr6
E,plicaoJ Indi,a o in9,io e o ;nal de !#a deter#inada linBa da tabela
(-able 3o)). 2#a linBa R ,o#pota de ele#ento.
E,emploJ
AtableC
AtrC
AtdC-exto 0ADtdC
AtdC-exto (ADtdC
ADtrC
ADtableC
Atri!utos de 'F
Atri!utoJ (6>ELE3
E,plicaoJ :e;ne a ,or de .!ndo de !#a linBa da tabela.
E,emploJ
AtableC
Atr b%,olor^IredIC
AtdC-exto 0ADtdC
AtdC-exto (ADtdC
ADtrC
61
ADtableC
'? 5td6...5Dtd6
E,plicaoJ Indi,a !# ele#ento (,Rl!la) da tabelaQ +indo do in%lU I-able
:ataI. E ele#ento ,ontR# o dado da tabelaQ eOa# ele textoQ linkQ
i#a%enQ et,.
E,emploJ
AtableC
AtrC
AtdC-exto 0ADtdC
AtdC-exto (ADtdC
ADtrC
ADtableC
Atri!utos de '?
Atri!utoJ 0LI6*
E,plicaoJ :e;ne e o ,onte?do da ,Rl!la etar8 alinBado a eG!erda
(IL4/-I)Q ,entraliSado (I>4*-43I) o! a direita (I3I6H-I).
&e o#itidoQ o alinBa#ento ;,a T eG!erda.
E,emploJ
AtableC
AtrC
Atd ali%n^I,eterIC-exto 0ADtdC
AtdC-exto (ADtdC
ADtrC
ADtableC
Atri!utoJ K0LI6*
E,plicaoJ :e;ne e o ,onte?do da ,Rl!la etar8 alinBado ,o# e! topo
(I-E$I)Q ,entraliSado (I@I::L4I) o! ,o# !a bae (I(E--E@I).
&e o#itido o alinBa#ento ;,a ao #eio.
E,emploJ
AtableC
AtrC
Atd +ali%n^I#iddleIC-exto 0ADtdC
AtdC-exto (ADtdC
ADtrC
ADtableC
Atri!utoJ WI:-H
E,plicaoJ :e;ne a lar%!ra da ,Rl!la. $ode er exprea e# pixel o!
,o#o !#a por,enta%e# da lar%!ra total da tabela.
E,emploJ
AtableC
AtrC
62
Atd )idtB^I3'tIC-exto 0ADtdC
Atd )idtB^I7'tIC-exto (ADtdC
ADtrC
ADtableC
Atri!utoJ >EL&$0*
E,plicaoJ Indi,a G!anta I,Rl!la de lar%!raI (,ol!na) a repe,ti+a
,Rl!la de+e o,!par.
E,emploJ
AtableC
AtrC
Atd ,olpan^I2IC-exto 0ADtdC
ADtrC
AtrC
AtdC-exto (ADtdC
ADtrC
ADtableC
Atri!utoJ 3EW&$0*
E,plicaoJ Indi,a G!anta I,Rl!la de alt!raI (linBa) a repe,ti+a ,Rl!la
de+e o,!par.
E,emploJ
AtableC
AtrC
Atd ro)pan^I2IC-exto 0ADtdC
AtdC-exto (ADtdC
ADtrC
AtrC
AtdC-exto >ADtdC
ADtrC
ADtableC
63
Atri!utoJ (0>P63E2*:
E,plicaoJ :e;ne !#a i#a%e# ,o#o .!ndo de !#a ,Rl!la.
E,emploJ
AtableC
AtrC
Atd ba,k%ro!nd^I;leLDDD,LYeta.%i.IC-exto 0ADtdC
AtdC-exto (ADtdC
AtdC-exto >ADtdC
ADtrC
ADtableC
Atri!utoJ (6>ELE3
E,plicaoJ :e;ne a ,or de .!ndo de !#a deter#inada ,Rl!la.
E,emploJ
AtableC
AtrC
Atd b%,olor^I"ello)IC-exto 0ADtdC
AtdC-exto (ADtdC
AtdC-exto >ADtdC
ADtrC
ADtableC
'& 5tI6...5DtI6
E,plicaoJ Indi,a !# ele#ento da tabela. 0 ?ni,a di.eren5a para I-:I R
G!e o ele#ento R identi;,ado ,o#o IH40:43I (,abe5alBo) da tabela.
E,emploJ
AtableC
AtrC
AtBC-exto 0ADtBC
ADtrC
ADtableC
Atri!utos de '&
E,plicaoJ :e;ne e o ,onte?do da ,Rl!la etar8 alinBado a eG!erda
(IL4/-I)Q ,entraliSado (I>4*-43I) o! a direita (I3I6H-I).
&e o#itidoQ o alinBa#ento ;,a ,entraliSado.
E,emploJ
AtableC
AtrC
AtB ali%n^I,eterIC-exto 0ADtBC
64
AtBC-exto (ADtBC
ADtrC
ADtableC
Atri!utoJ K0LI6*
E,plicaoJ :e;ne e o ,onte?do da ,Rl!la etar8 alinBado ,o# e! topo
(I-E$I)Q ,entraliSado (I@I::L4I) o! ,o# !a bae (I(E--E@I).
&e o#itido o alinBa#ento ;,a ao #eio.
E,emploJ
AtableC
AtrC
AtB +ali%n^I#iddleIC-exto 0ADtBC
AtBC-exto (ADtBC
ADtrC
ADtableC
Atri!utoJ WI:-H
E,plicaoJ :e;ne a lar%!ra da ,Rl!la. $ode er exprea e# pixel o!
,o#o !#a por,enta%e# da lar%!ra total da tabela.
E,emploJ
AtableC
AtrC
AtB )idtB^I3'tIC-exto 0ADtBC
AtB )idtB^I7'tIC-exto (ADtBC
ADtrC
ADtableC
Atri!utoJ >EL&$0*
E,plicaoJ Indi,a G!anta I,Rl!la de lar%!raI (,ol!na) a repe,ti+a
,Rl!la de+e o,!par.
E,emploJ
AtableC
AtrC
AtB ,olpan^I2IC-exto 0ADtBC
ADtrC
AtrC
AtBC-exto (ADtBC
ADtrC
ADtableC
Atri!utoJ 3EW&$0*
E,plicaoJ Indi,a G!anta I,Rl!la de alt!raI (linBa) a repe,ti+a ,Rl!la
de+e o,!par.
E,emploJ
AtableC
AtrC
AtB ro)pan^I2IC-exto 0ADtBC
AtBC-exto (ADtBC
65
ADtrC
AtrC
AtBC-exto >ADtBC
ADtrC
ADtableC
=otaJ
2!al#ente o 5o&sers exibe# o ,onte?do de A-HC e# ne!rito e
centrali#ado.
CAP'IU= 5caption6...5Dcaption6
E,plicaoJ :e;ne !# t9t!lo (le%enda) para a tabela.
E,emploJ
AtableC
A,aptionC-9t!lo da -abelaAD,aptionC
AtrC
AtdC-exto 0ADtdC
AtdC-exto (ADtdC
ADtrC
ADtableC
Atri!utos de CAP'IU=
Atri!utoJ 0LI6*
E,plicaoJ Indi,a e o t9t!lo (le%enda) de+e ;,ar a,i#a o! abixo da
tabela. :e+e po!ir o +alor I-E$I o! I(E--E@I.
E,emploJ
AtableC
A,aption ali%n^Ibotto#IC-9t!lo da -abelaAD,aptionC
AtrC
AtdC-exto 0ADtdC
AtdC-exto (ADtdC
ADtrC
ADtableC
E t9t!lo n7o R exibido IdentroI da tabela (+i!al#ente).
E -06 I>0$-IE*I de+e etar ,ontido entre o -06 de abert!ra e
.e,Ba#ento da tabelaQ no entantoQ .ora de G!alG!er linBa.
"7. Espaamento *=etscape =avigator.
<PACEF 5spacer6
E,plicaoJ Inere !# epa5o e# bran,o (#edido e# pixel) na p8%ina.
Atri!utos de <PACEF
66
Atri!utoJ -F$4
E,plicaoJ $ode apreentar trU +aloreL IHE3I[E*-0LIQ indi,ando G!e
R !# epa5o BoriSontalQ IK43-I>0LIQ indi,ando G!e R !# epa5o +erti,al e
I(LE>PIQ indi,ando G!e R !# retWn%!lo.
Atri!utoJ &I[4
E,plicaoJ Indi,a G!anto pixel de lar%!ra (I&$0>43I tipo
IHE3I[E*-0LI) o! alt!ra (tipo IK43-I>0L) o I&$0>43I apreentar8.
E,emploJ
Apa,er t"pe^IBoriSontalI iSe^I1'ICZF[ In.or#8ti,a +e# pretando
&er+i5o de :een+ol+i#entob @an!ten57o e I#planta57o de &ite#ab
>on!ltoriab -reina#ento e &!porte -R,ni,oQ B8 G!ae deS ano.
Apa,er t"pe^I+erti,alI iSe^I2'IC*o #er,ado ,ario,a dede o in9,io de
1991Q a ZF[ trabalBa ,o# a #ai i#portante e#prea p?bli,a e
pri+ada do (rail. @a n7o R = io.
Atri!utoJ 0LI6*
E,plicaoJ Indi,a G!e o I&$0>43I er8 alinBado a eG!erda (IL4/-I) o!
a direita (I3I6H-I)Q ,o# o texto ]!indo ao e! redor.
Atri!utoJ WI:-H
E,plicaoJ :e;ne a lar%!ra e# &$0>43 tipo I(LE>PI.
Atri!utoJ H4I6H-
E,plicaoJ :e;ne a alt!ra e# &$0>43 tipo I(LE>PI.
E,emploJ
ZF[ In.or#8ti,a +e# pretando &er+i5o de :een+ol+i#entob
@an!ten57o e I#planta57o de &ite#ab >on!ltoriab -reina#ento e
&!porte -R,ni,oQ B8 G!ae deS ano.*o #er,ado ,ario,a dede o in9,io de
1991Q a ZF[ trabalBa ,o# a #ai i#portante e#prea p?bli,a e
pri+ada do (rail. @a n7o R = io.
Apa,er t"pe^Iblo,kI )idBt^I6'I Bei%Bt^I6'I ali%n^Ile.tIC$arti,ipa#o
ati+a#ente da e+ol!57o te,nol=%i,a do #er,ado de tele,o#!ni,a5<eQ
repreentando prod!to ino+adore ,o#o er+idore >-I >allZpreQ
er+idore de .ax 3i%Bt/0Z e pla,a inteli%ente de .ax da (rooktro!tQ G!e
.a,ilita# a ,o#!ni,a57o da !a e#prea.
"/. (ar>uee *(icrosoft Internet E,plorer.
(AFZUEE 5mar>uee6...5Dmar>uee6
E,plicaoJ E texto o! ;%!ra preente na 8rea de in]!Un,ia deixa de er
et8ti,o e paa a per,orrer BoriSontal#ente a Oanela do bro)er (o! !a
.ra#e).
E,emploJ
A#arG!eeC
67
ZF[ In.or#8ti,a preta &er+i5o de :een+ol+i#entob @an!ten57o e
I#planta57o de &ite#ab >on!ltoriab -reina#entob &!porte -R,ni,o e
&ol!5<e Web.
AD#arG!eeC
Atri!utos de (AFZUEE
Atri!utoJ 0LI6*
E,plicaoJ $ode a!#ir o +alore I-E$IQ I@I::L4I e I:EW*I. :e;ne
o ,o#porta#ento da I@03J244I e# rela57o ao texto a e! lado.
E,emploJ
A#arG!ee ali%n^ItopIC
Atri!utoJ (4H0KIE3
E,plicaoJ Indi,a o ,o#porta#ento da I@03J244I. $ode a!#ir o
+alore I&>3ELLI (de.a!lt)Q I&LI:4I e I0L-43*0-4I.
E,emploJ
A#arG!ee beBa+ior^IalternateIC
Atri!utoJ :I34>-IE*
E,plicaoJ :e;ne para G!e dire57o a I@03J244I de+e ,orrer. $ode
a!#ir o +alore IL4/-I (de.a!lt) e I3I6H-I.
E,emploJ
A#arG!ee dire,tion^Iri%BtIC
Atri!utoJ LEE$
E,plicaoJ 4pe,i;+a o n?#ero de rota(.es G!e a I@03J244I de+e
exe,!tar. E +alore II*/I*I-4I e IN1I indi,a# !# n?#ero in;nito.
E,emploJ
A#arG!ee loop^I5IC
Atri!utoJ &>3ELL0@E2*-
E,plicaoJ Indi,a o n?#ero de pixel de delo,a#ento do texto entre
,ada G!adro de ani#a57o da I@03J244I.
E,emploJ
A#arG!ee ,rolla#o!nt^I15IC
Atri!utoJ &>3ELL:4L0F
E,plicaoJ Indi,a o n?#ero de #ilie%!ndo tran,orrido entre ,ada
G!adro de ani#a57o da I@03J244I.
E,emploJ
A#arG!ee ,rolldela"^I1'IC
Atri!utoJ WI:-H
E,plicaoJ Indi,a a lar%!ra do e.eito I@03J244I. $ode er exprea e#
pixel o! por,enta%e# da Oanela.
E,emploJ
A#arG!ee )idtB^I5'tIC
68
Atri!utoJ H4I6H-
E,plicaoJ Indi,a a alt!ra do e.eito I@03J244I. $ode er exprea e#
pixel o! por,enta%e# da Oanela.
E,emploJ
A#arG!ee Bei%Bt^I3'IC
Atri!utoJ (6>ELE3
E,plicaoJ Indi,a a ,or de .!ndo da I@03J244I. >ria !# e.eito de
ItarOaI.
E,emploJ
A#arG!ee b%,olor^I"ello)IC
Atri!utoJ H&$0>4
E,plicaoJ 4pe,i;,a a G!antidade de epa5o deixado e# bran,o ao
lado da I@03J244I.
E,emploJ
A#arG!ee Bpa,e^I2'IC
Atri!utoJ K&$0>4
E,plicaoJ 4pe,i;,a a G!antidade de epa5o deixado e# bran,o a,i#a
e abixo da I@03J244I.
E,emploJ
A#arG!ee +pa,e^I3'IC
"$. :ormul1rios
/or#!l8rio 7o de %rande !tilidade para a WebQ poi per#ite# a
interati+idade entre o !!8rioQ a peoa G!e +i!aliSa a p8%ina e o
&er+idor Web. 0i#Q atra+R da WebQ e pode ler e %ra+ar in.or#a5<e
e# (an,o de :adoQ %erando enor#e poibilidade de !o para a
InternetQ ,o#o por exe#plo a de !# er+i5o de +enda. /or#!l8rio
ta#bR# pode# er %erado para a na+e%a57o entre p8%ina e &ite na
Web.
=otaJ
4E' Indi,a ,o#o o dado er7o paado pelo ,ript.
PU<' 4n+ia o dado para entrada padr7o do ite#a opera,ional
:UF( 5form6...5Dform6
E,plicaoJ Indi,a a exitUn,ia de !# .or#!l8rioQ ito RQ !# lo,al da
p8%ina !tiliSado pelo !!8rio para en+iar in.or#a5<e para !# lo,al
predeter#inado (!!al#ente !# &,ript >6I).
E,emploJ
A.or# #etBod^I$E&-I a,tion^IBttpLDD))).x"S.,o#.brD,%iNbinD,riptIC
ApCAinp!t t"pe^ItextI na#e^I-1I iSe^I2'IC Ainp!t t"pe^I!b#itI
+al!e^I&!b#itI na#e^I(1IC Ainp!t t"pe^IreetI +al!e^I3eetI
na#e^I(2ICADpC
69
AD.or#C
E ,ontorno pontilBado de;ne a 8rea do /E3@
Atri!utos de :UF(
Atri!utoJ 0>-IE*
E,plicaoJ Indi,a a lo,aliSa57o (23L) do ,ript G!e ir8 re,eber e
interpretar o dado en+iado pelo .or#!l8rio.
E,emploJ
A.or# #etBod^I$E&-I a,tion^IBttpLDD))).x"S.,o#.brD,%iNbinD,riptIC
Atri!utoJ @4-HE:
E,plicaoJ Indi,a o .or#ato no G!al o dado er7o en+iado. $ode
a!#ir o +alore I64-I (indi,a ,o#o o dado er7o paado pelo
,ript) o! I$E&-I (en+ia o dado para entrada padr7o do ite#a
opera,ional).
A.or# #etBod^I$E&-I a,tion^IBttpLDD))).x"S.,o#.brD,%iNbinD,riptIC
I=PU' 5input6
E,plicaoJ Indi,a !# o,9eto (,a#po textoQ ,Be,kboxQ et,).
E,emploJ Ainp!t t"pe^ItextI iSe^I3'IC
Atri!utos de I=PU'
Atri!utoJ -F$4
E,plicaoJ 4pe,i;,a G!e tipo de obOeto de+e erL I-4Z-IQ I$0&&WE3:IQ
>H4>P(EZIQ IHI::4*IQ I30:IEIQ (2--E*IQ I&2(@I-I e I34&4-I.
E,emploJ Ainp!t t"pe^ItextI iSe^I4'IC
Atri!utoJ *0@4
E,plicaoJ Indi,a o no#e do obOeto. 4te no#e n7o er8 exibido para o
!!8rio. 4le R !tiliSado pelo ,ript ao,iado ao .or#!l8rio para a
#anip!la57o de !a in.or#a5<e.
E,emploJ Ainp!t t"pe^ItextI iSe^I2'I na#e^Iendere,oIC
Atri!utoJ K0L24
E,plicaoJ V o ,onte?do do obOeto. :ependendo do tipo de obOeto (ex.L
,aixa de texto) o ,onte?do pode er #anip!lado pelo !!8rio.
E,emploJ Ainp!t t"pe^ItextI iSe^I4'I +al!e^I3io de ManeiroIC
Atri!utoJ &I[4
E,plicaoJ Indi,a o n?#ero de ,ara,tere +i9+ei de !# obOeto tipo
I-4Z-I (,aixa de texto).
E,emploJ Ainp!t t"pe^ItextI iSe^I4'IC
7'
Atri!utoJ @0ZL4*6-H
E,plicaoJ Indi,a o n?#ero #8xi#o de ,ara,tere per#itido ,o#o
,onte?do de !# obOeto tipo I-4Z-I.
E,emploJ Ainp!t t"pe^ItextI iSe^I4'I #axlen%tB^I6'IC
Atri!utoJ >H4>P4:
E,plicaoJ :eter#ina G!al a op57o padr7o (default) para obOeto tipo
I30:IEI. $ara obOeto tipo I>H4>P(EZIQ !a preen5a deter#ina G!e ele
et8Q ,o#o defaultQ ainalado.
E,emploJ Ainp!t t"pe^I,Be,kboxI ,Be,kedC
Atri!utoJ 0LI6*
E,plicaoJ :eter#ina o ,o#porta#ento do obOeto e# rela57o a
texto e i#a%en preente na #e#a linBa. 0 op5<e 7oL I-E$IQ
I@I::L4I e I(E--E@I.
E ,onte?do do .or#!l8rio pode# er #anip!lado por ,ript e#
Ma+a&,ript.
'EA'AFEA 5te,tarea6...5Dte,tarea6
E,plicaoJ $ropor,iona ao !!8rio epa5o para a di%ita57o de #?ltipla
linBa de texto.
E,emploJ
Atextarea ro)^I3I ,ol^I5'ICarea para textoADtextareaC
Atri!utos de 'EA'AFEA
Atri!utoJ *0@4
E,plicaoJ Indi,a o no#e do obOeto. 4te no#e n7o er8 exibido para o
!!8rio. 4le R !tiliSado pelo ,ript ao,iado ao .or#!l8rio para a
#anip!la57o de !a in.or#a5<e.
E,emploJ
Atextarea ro)^I3I ,ol^I5'ICarea para textoADtextarea
na#e^IobOetoIC
Atri!utoJ 3EW&
E,plicaoJ Indi,a o n?#ero de linBa G!e a 8rea de texto de+e po!ir.
E,emploJ
Atextarea ro)^I3I ,ol^I5'ICarea para textoADtextareaC
Atri!utoJ >EL&
E,plicaoJ Indi,a o n?#ero de ,ol!na G!e a 8rea de texto de+e
po!ir.
Atextarea ro)^I3I ,ol^I5'ICarea para textoADtextareaC
<E)EC' 5select6...5Dselect6
E,plicaoJ $er#ite ao !!8rio ele,ionar !#a dentre !#a lita de
op5<e po9+ei. 0 op5<e 7o ,riada atra+R do T+ 5UP'IU=6.
71
E,emploJ
Aele,t na#e^Iop,oeI iSe^I1IC
Aoption ele,tedC-exto 0ADoptionC
AoptionC-exto (ADoptionC
ADele,tC
Atri!utos de <E)EC'
Atri!utoJ *0@4
E,plicaoJ Indi,a o no#e do obOeto. 4te no#e n7o er8 exibido para o
!!8rio. 4le R !tiliSado pelo ,ript ao,iado ao .or#!l8rio para a
#anip!la57o de !a in.or#a5<e.
E,emploJ Aele,t na#e^Iop,oeI iSe^I1IC
Atri!utoJ &I[4
E,plicaoJ :e;ne o n?#ero de op5<e G!e er7o exibida
i#!ltanea#ente.
E,emploJ Aele,t na#e^Iop,oeI iSe^I1IC
Atri!utoJ @2L-I$L4
E,plicaoJ &e preenteQ indi,a G!e #ai de !#a op57o poder8 er
e,olBida.
UP'IU= 5option6
E,plicaoJ :e+e er !ado dentro da 8rea de in]!Un,ia de I&4L4>-I.
:e;ne a di+era op5<e dipon9+ei ao !!8rio.
Atri!utos de UP'IU=
Atri!utoJ K0L24
E,plicaoJ :e;ne o +alor da op57oQ G!e er8 en+iado ao ,ript
,orrepondente ,ao eta eOa ele,ionada.
Atri!utoJ &4L4>-4:
E,plicaoJ :e;ne G!e a op57o er8 ele,ionada ,o#o default.
"$.". Envio de Ar>uivos
0 de;ni57o do .or#!l8rio de+e ,onter o atrib!to
4*>-F$4^I#!ltopartD.or#NdataIQ e o @4-HE: de+e a!#irQ
obri%atoria#enteQ o tipo I$E&-I.
A.or# en,t"pe^I#!ltipartD.or#NdataI a,tion^I_23L_I #etBod^I$E&-IC
0 i#ple#enta57o do ,a#po onde er8 indi,ado G!al o arG!i+o para
UPLOD "en%io$ R .eita atra+R do T+L
72
A.or# en,t"pe^I;leI na#e^I*o#eJ!alG!erI iSe^IxxIC
0 intaxe do .or#!l8rio n7o o.re o!tra altera5<e.
"$.%. :UF( :IE)? - E,emplos
"$.%.". Une-)ine 'e,t Go,
E,emploJ
A.or# #etBod^I$E&-I a,tion^I_23L_IC
Ainp!t t"pe^ItextI na#e^I-1I iSe^I2'ICAinp!t t"pe^I!b#itI
+al!e^I&!b#itI na#e^I(1ICAinp!t t"pe^IreetI +al!e^I3eetI
na#e^I(2IC
AD.or#C
"$.%.%. <colling 'e,t Go,
E,emploJ
A.or# #etBod^I$E&-I a,tion^I_23L_IC
Atextarea ro)^I2I na#e^I&1I ,ol^I2'ICADtextareaCAinp!t
t"pe^I!b#itI +al!e^I&!b#itI na#e^I(1ICAinp!t t"pe^IreetI
+al!e^I3eetI na#e^I(2IC
AD.or#C
"$.%.0. CIec- Go,
E,emploJ
A.or# #etBod^I$E&-I a,tion^I_23L_IC
Ainp!t t"pe^I,Be,kboxI na#e^I>1I +al!e^IE*IC-=pi,o 1Ainp!t
t"pe^I!b#itI
+al!e^I&!b#itI na#e^I(1ICAinp!t t"pe^IreetI +al!e^I3eetI
na#e^I(2IC
AD.or#C
E,emplo com C&ECYE?J
A.or# #etBod^I$E&-I a,tion^INNW4((E-N&4L/NNIC
Ainp!t t"pe^I,Be,kboxI na#e^I>1I +al!e^IE*I ,Be,kedCAinp!t
73
t"pe^I!b#itI +al!e^I&!b#itI na#e^I(1ICAinp!t t"pe^IreetI
+al!e^I3eetI na#e^I(2IC
AD.or#C
"$.%.3. Fadio Gutton
E,emploJ
A.or# #etBod^I$E&-I a,tion^I_23L_IC
Ainp!t t"pe^IradioI +al!e^IK1I ,Be,ked na#e^I31IC-=pi,o 1Ainp!t
t"pe^I!b#itI
+al!e^I&!b#itI na#e^I(1ICAinp!t t"pe^IreetI +al!e^I3eetI
na#e^I(2IC
AD.or#C
"$.%.7. ?rop-?oEn (enu
E,emploJ
A.or# #etBod^I$E&-I a,tion^I_23L_IC
Aele,t na#e^I:1I iSe^I1IC
Aoption ele,ted +al!e^IBttpLDD))).x"S.,o#.brDtopi,o1IC-=pi,o
1ADoptionC
Aoption +al!e^IBttpLDD))).x"S.,o#.brDtopi,o1IC-=pi,o 2ADoptionC
ADele,tCAinp!t t"pe^I!b#itI +al!e^I&!b#itI na#e^I(1ICAinp!t
t"pe^IreetI +al!e^I3eetI
na#e^I(2IC
AD.or#C
"$.%./. PusI Gutton
E,emploJ
A.or# #etBod^I$E&-I a,tion^I_23L_IC
Ainp!t t"pe^Ib!ttonI +al!e^I(!ttonI na#e^I(1IC
AD.or#C
74
E,ercRcio de :ormul1rio
-oda a in.or#a5<e .orne,ida e# !# .or#!l8rio 7o a%r!pada e
en+iada para !# pro%ra#aQ #ai ,onBe,ido ,o#o &,ript >6IQ G!e R
e,rito epe,ial#ente para pro,ear ee dado de a,ordo ,o# al%!#a
ne,eidade o! epe,i;,a57o.
0t!aliSa57o o! ,on!lta a bae de dadoQ en+io de dado por eN#ailQ o!
i#ple#ente a ,ontr!57o de !#a no+a p8%ina (%erada a partir do
no+o dado) 7o al%!#a da apli,a5<e #ai ,o#!n.
4,re+er !# &,ript >6I n7o R tare.a .8,il para a #aioria do
Web:ei%nerQ #a exite# +8rio >6I IprRN.abri,adoI dipon9+ei
%rat!ita#ente na 3edeQ G!e pro,ea# a in.or#a5<e .orne,ida de
.or#a tranparente.
>o#o exer,9,io propoto +a#o !tiliSar o 0n"/or# para eninar ,o#o
,olo,ar !# .or#!l8rio e# !#a p8%ina H-@L.
ABt#lC
ABeadC
AtitleC/or#!l8rioADtitleC
ADBeadC
Abod"C
ApCA.ont .a,e^IKerdanaQ 0rialQ Hel+eti,aI iSe^I2I
,olor^Ibl!eICAbC:eixe aG!i e!
,o#ent8riocADbCAD.ontCADpC
ApCA.ont .a,e^IKerdanaQ 0rialQ Hel+eti,aI iSe^I2ICEl8c Ebri%ado por
+iitar o #e!
Web&ite. AbrC
2e ete .or#!l8rio para deixar aG!i o e! ,o#ent8rioL ADpC
A.or# a,tion^IBttpLDD))).!k".ed!D,%iNbinD,%i)rapDwOoBnrD0n"/or#.,%iI
#etBod^IpotIC
Ainp!t t"pe^IBiddenI na#e^I0n"/or#@odeI +al!e^I#ailIC
Ainp!t t"pe^IBiddenI na#e^I0n"/or#:ipla"I
+al!e^IBttpLDD))).x"S.,o#.brIC
Ainp!t t"pe^IBiddenI na#e^I0n"/or#-oI +al!e^I,!rodZF[.,o#.brC
Ainp!t t"pe^IBiddenI na#e^I0n"/or#&!bOe,tI +al!e^I>o#entario
obre o Web&iteIC
ApC4ntre ,o# e! eN#ailL Ainp!t t"pe^ItextI na#eI0n"/or#/ro#I
iSeI4'I iSe^I2'ICADpC
ApC4ntre ,o# e! no#eL Ainp!t t"pe^ItextI na#eI*o#eI iSeI4'I
iSe^I2'ICADpC
75
ApCKo,U %oto! da #inBa p8%inaL
Ainp!t t"pe^IradioI na#eI6oto!I iSeI&i#IC &i#
Ainp!t t"pe^IradioI na#eI6oto!I iSeI@ai o! @enoIC @ai o!
@eno
Ainp!t t"pe^IradioI na#eI6oto!I iSeI*7oIC *7oADpC
ApCJ!al a p8%ina de G!e +o,U #ai %oto!H
Aele,t na#e^I@elBor $a%inaI iSe^I1IC
Aoption +al!e^ILinkICLink ADoptionC
Aoption +al!e^I>!rri,!l!#IC>!rri,!l!# ADoptionC
Aoption +al!e^I6aleriaIC6aleria de /oto ADoptionC
Aoption +al!e^I>lipartIC(ibliote,a I#a%en ADoptionC
ADele,tC ADpC
ApC:eixe aG!i o e! ,o#ent8rioL AbrC
Atextarea na#e^I>o#entarioI ro)^I5I ,ol^I4'ICADtextareaCADpC
ApCKo,U %otaria G!e e! repondee a ete e! ,o#ent8rioH
Ainp!t t"pe^I,Be,kboxI na#e^IJ!er 3epotaI +al!e^I&i#IC &i#
ADpC
ApCAinp!t t"pe^I!b#itI +al!e^I4n+iar o ,o#ent8rioIC Ainp!t
t"pe^IreetI
+al!e^ILi#par todo o ,a#poIC ADpC
AD.or#C
AD.ontC
ADbod"C
ADBt#lC
76
"9. <om
"9.". Controles de <om do (icrosoft Internet E,plorer
E Microsoft Internet 6xplorer in,orpora a e! HTML nati+o a ,apa,idade
de to,ar arG!i+o de o#Q no padr<e midiQ au e EaveQ atra+R do T+
5G4<UU=?6.
G4<UU=? 5!gsound6 *(icrosoft Internet E,plorer.
E,plicaoJ 3eprod!S !# deter#inado o# e# Iba,k%ro!ndIQ ito RQ
enG!anto o !!8rio !tiliSa a p8%ina. E o# o#ente R ini,iado G!ando o
e! do)nload R ,on,l!9do. Ito di.ere ete -06 de prod!to ,o#o o 3eal
0!dioQ G!e reprod!S o o# na #edida e# G!e o arG!i+o ,orrepondente
,Be%a ao bro)er.
Atri!utos de G4<UU=?
Atri!utoJ &3>
E,plicaoJ Indi,a G!al o arG!i+o de 8!dio a er reprod!Sido. $ode# er
!tiliSado o .or#ato I.)a+I. I.a!I e I.#idI.
Atri!utoJ LEE$
E,plicaoJ Indi,a G!anta +eSe o o# er8 repetido. E +alor "default" R
I1I. E +alore II*/I*I-4I e IN1I indi,a# G!e o o# de+e er repetido
inde;nida#ente.
-enBa ,!idado ao inerir arG!i+o de 8!dio na p8%ina. 0+alie be# e!
ta#anBo e repe,ti+o te#po de do&nload.
"9.%. Controles de <om no =etscape =avigator
:i.erente#ente do 6xplorerQ o Eetscape n7o +e# ,o# ,ontrole nati+o
de o#Q #a te# a ,apa,idade de to,ar di.erente tipo de on atra+R
do plu!*in )iveAudioQ G!e +e# nor#al#ente in,orporado ao o.t)are
Eetscape a partir da !a %ers)o F e !porta o tipo de o# #ai
pop!lareQ ,o#o EaveQ midi e au. >o#o ete pl!%Nin O8 +e# in,orporado
ao Eetscape Ea%i!atorQ pode er !ado tranG!ila#enteQ poi todo o
!!8rio dete ,ro&ser o ter7o intalado.
";. :rames
";.". ?eCnio
0tR a ,Be%ada do Eetscape G.:Q e ,o# ele a i#ple#enta57o do *H-@LQ
!#a p8%ina era ,o#pota de !#a OanelaQ e# di+i<e.
77
0tra+R do framin!Q !# re,!ro poderooQ a Oanela de !# bro)er pode
er di+idida e# di+era parte. >ada !#a dea parte R ,Ba#ada de
frame.
>ada !#a dea .ra#e pode er #anip!lada eparada#ente. >ada
.ra#e pode ,onter !# do,!#ento di.erente. 0lR# dioQ !#a .ra#e pode
IordenarI ao ,ro&ser para G!e ete at!aliSeQ ,o# a U'L indi,adaQ !#a
.ra#e di.erente.
>o#o todo o re,!ro #ai a+an5ado para a ,ontr!57o de Ho#e
$a%eQ ta#bR# o .ra#e de+e# er !tiliSado ,o# o #8xi#o de
,!idado. &!a !tiliSa57o de+e obede,er ao ,ritRrio de ne,eidadeQ para
n7o preO!di,ar o dei%ne a na+e%abilidade da p8%ina. E ,ao de real
ne,eidade de .ra#e n7o 7o tantoQ #a G!ando !r%e#Q a .ra#e
pode# #elBorar dra#ati,a#ente o ite.
>ao de 9ndi,e e t!toriai 7o al%!n do #ai ,o#!n e# G!e o !o de
.ra#e R #ai indi,ado. 4xata#ente para e.eito de dei%nQ podeNe
alterar a di+era ,ara,ter9ti,a de .ra#e atra+R de re,!ro ,o#o
o#i7o de barra de rola%e# e borda.
";.%. ?ocumentos de Lao%t e ?ocumentos de ConteTdo
>o# a de;ni57o de .ra#eQ o do,!#ento e,rito e# HTML " extens)o.
html ou htm$ pode# er de doi tipoL
() *oc%mentos de Lao%t
+) *oc%mentos de ,ontedo
";.%.". ?ocumentos de )a+out
:o,!#ento de la"o!t ,ontR# in.or#a5<e obre a etr!t!ra de .ra#e
do do,!#ento. >ada .ra#e de,larada e# do,!#ento de la"o!t ,ontR#
!#a re.erUn,ia implHcita o! explHcita para o!tro do,!#ento G!e er8
exibido no .ra#e. 4e Ido,!#ento ;lBoI er8 exibido
independente#ente da exitUn,iade o!tra .ra#e na Oanela do bro)er.
E Ido,!#ento ;lBoI pode er !# do,!#ento de ,onte?do o! #e#o
o!tro do,!#ento de la"o!t en,adeado.
";.%.%. ?ocumentos de ConteTdo
:o,!#ento de ,onte?do 7o do,!#ento nor#ai e# HTML. 2#
do,!#ento de ,onte?do pode er +ito e# !# .ra#e ( de !# do,!#ento
de la"o!t) o! oSinBoQ na Oanela do bro)er.
";.0. 'A4s e Atri!utos G1sicos
78
E T+ 5:FA(E<E'6 !btit!i o T+ 5GU?M6 e# !# do,!#ento de
la"o!t. 4le de;ne a di+i7o da Oanela e# d!a o! #ai linBa o! e# d!a
o! #ai ,ol!na. $ode# Ba+er +Trio T+s 5:FA(E<E'6 en,adeadoQ
.aSendoNeQ deta #aneiraQ di+i<e da di+i<e da p8%ina. 0i# ,o#o o
5GU?M6Q o T+ 5:FA(E<E'6 pre,ia er .e,Bado ,ontR# toda a
in.or#a5<e obre ,ada !#a da !bdi+i<e da OanelaQ obre ,ada !#a
da .ra#e.
:FA(E<E' 5frameset6...5Dframeset6
E,plicaoJ >ontR# o ele#ento I/30@4IQ I*E/30@4&I e o!tro
I/30@4&4-I G!e pode# er aninBado para G!e e tenBa !#a di+i<e
dentro de !#a di+i7o de la"o!t.
E,emploJ
A.ra#eet ,rollin%^I"eI ,ol^I25tQ5'tQxIC
A.ra#e r,^I,ontent.Bt#IC
A.ra#e r,^Iin.o.Bt#IC
A.ra#eet ,rollin%^InoI r,^I%ra;,.Bt#IC
AD.ra#eetC
Atri!utos do :FA(E<E'
Atri!utoJ >EL&
E,plicaoJ :i+ide a Oanela (o! .ra#e) e# di+era .ra#e +erti,aiQ
tanta G!anta .ore# o +alore de,rito. E +alore pode# etar
expreo e# pixelQ per,ent!ai o! relati+a#ente !n ao o!tro.
E,emploJ
A.ra#eet ,ol^IxQ2xIC
E,emploJ
A.ra#eet ,ol^I5'Q1''IC
Atri!utoJ /30@4(E3:43
E,plicaoJ Indi,a e er8 exibida !#a borda 3: para a .ra#eQ o! e
a .ra#e n7o apare,er7o deta,ada por !#a borda. E parW#etro pode
a!#ir o +alore I1I (defaultQ indi,a a exibi57o da borda) o! I'I
(!pri#e a exibi57o de borda).
E,emploJ
A.ra#eet ,ol^IxQ2xI .ra#eborder^I1IC
E,emploJ
A.ra#eet ,ol^I5'Q1''I .ra#eborder^I'IC
Atri!utoJ /30@4&$0>I*6
E,plicaoJ >ria !# epa5o adi,ionalQ e# pixelQ entre a .ra#e.
E,emploJ
A.ra#eet ,ol^IxQ2xI .ra#epa,in%^I1'IC
Atri!utoJ 3EW&
79
E,plicaoJ :i+ide a Oanela (o! .ra#e) e# di+era .ra#e BoriSontaiQ
tanta G!anto .ore# o +alore de,rito. E +alore pode# etar
expreo e# pixelQ per,ent!ai o! relati+a#ente !n ao o!tro.
E,emploJ
A.ra#eet ro)^IxQ2xIC
E atrib!to I/30@4&$0>I*6I e I/30@4(E3:43I .!n,iona# i%!al#ente
por toda a ,adeia de I/30@4&4-I en,adeadoQ batando G!e eOa#
de,larado no pri#eiro ,o#ando I/30@4&4-I a er !tiliSado.
0 de;ni57o de .ra#e atra+R de per,ent!ai R intereanteQ poi a
dia%ra#a57o da Oanela R preer+adaQ n7o i#portando a reol!57o e# G!e
e eti+er +i!aliSando a p8%ina.
:FA(E 5frame6
E,plicaoJ :e;ne o ,onte?do de ,ada .ra#e do do,!#ento.
E,emploJ
A.ra#e r,^Ipa%e1.Bt#IC
Atri!utos de :FA(E
Atri!utoJ &3>
E,plicaoJ 0o,ia !#a 23L T .ra#e.
E,emploJ
A.ra#e r,^Ipa%e1.Bt#IC
Atri!utoJ *0@4
E,plicaoJ 0o,ia !# +alor (no#e) T Oanela.
E,emploJ
A.ra#e r,^Ipa%e1.Bt#I na#e^I,!roIC
Atri!utoJ @036I*WI:-H (@i,roo.t Internet 4xplorer)
E,plicaoJ 4pe,i;,a o +alor da #ar%e# direitaDeG!erda da .ra#e.
>ao eOa i#po9+el para o bro)er e%!ir o +alor deter#inadoQ ete R
i%norado.
E,emploJ
A.ra#e r,^Ipa%e1.Bt#I #ar%in)idtB^I3'IC
Atri!utoJ @036I*H4I6H- (@i,roo.t Internet 4xplorer)
E,plicaoJ 4pe,i;,a o +alor da #ar%e# !periorDin.erior da .ra#e.
>ao eOa i#po9+el para o bro)er e%!ir o +alor deter#inadoQ ete R
i%norado.
E,emploJ
A.ra#e r,^Ipa%e1.Bt#I #ar%inBei%Bt^I2'IC
Atri!utoJ &>3ELLI*6
E,plicaoJ :e;ne apreen5aQ a!Un,ia o! atrib!i57o a!to#8ti,a pelo
bro)er da barra de rola%e#. $ode er IF4&IQ I*EI o! I02-EI.
E,emploJ
8'
A.ra#e r,^Ipa%e1.Bt#I a,rollin%^InoIC
Atri!utoJ *E34&I[4
E,plicaoJ I#pede G!e o !!8rio #!de o ta#anBo da .ra#e.
E,emploJ
A.ra#e r,^Ipa%e1.Bt#I noreiSeC
=U:FA(E 5noframe6...5Dnoframe6
E,plicaoJ $er#ite a ,ria57o de !#a op57o de na+e%a57o para
bro)er #ai anti%oQ G!e n7o entende# .ra#e.
E,emploJ
Ano.ra#eC
Abod"C
ApC4ta p8%ina !a /ra#eQ #a o e! (ro)er n7o o !porta.ADpC
ADbod"C
ADno.ra#eC
E bro)er G!e entende# .ra#e i%nora# toda a 8rea de in]!Un,ia de
A*E/30@4&C. 0i#Q p8%ina ,i# .ra#e pode# ,onter #ena%en G!e
o#ente er7o lida pelo bro)er #ai anti%oQ pro+a+el#ente
a+iando a e! !!8rio para G!e ,oni%a# !#a +er7o #ai no+aQ o!
G!e i%a# !# deter#inado link para p8%ina e,rita e# o !o de .ra#e.
";.3. :rames <o!repostas ?iretamente e Indiretamente
0 Oanela do bro)er pode er di+idida e# di+era .ra#e BoriSontai e
+erti,ai. para G!e io eOa po9+elQ o EHTML per#ite G!e T+s
5:FA(E<E'6 eOa# en,adeado. 0i# 7o ,riada frames so,repostas
diretamente.
E,emplo *?ocumento de )a+out.J
ABt#lC
ABeadC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
AcNNN:i+i7o da Oanela e# 2 .ra#eNNNC
A.ra#eet ro)^IxQxIC
AcNNN0trib!i57o de pa%e1.Bt# T pri#eira .ra#eNNNC
A.ra#e r,^Ipa%e1.Bt#IC
AcNNN:i+i7o da e%!nda .ra#e e# d!aNNNC
A.ra#eet ,ol^I3'tQ7'tIC
AcNNN0trib!i57o de pa%e2.Bt#NNNC
A.ra#e r,^Ipa%e2.Bt#IC
AcNNN0trib!i57o de pa%e3.Bt#NNNC
A.ra#e r,^Ipa%e3.Bt#IC
81
AD.ra#eetC
AD.ra#eetC
ADBt#lC
V !# do,!#ento de la"o!t. E do,!#ento a G!e e re.ere# o
,o#ando 5:FA(E6Q dentro do 5:FA(E<E'6Q 7o tipi,a#ente
do,!#ento de ,onte?doQ #a ta#bR# poder7o er no+o do,!#ento
de la"o!tQ G!e di+ida# no+a#ente ,ada .ra#e.
0 Oanela do bro)er .oi ini,ial#ente di+idida e# 2 .ra#e BoriSontai
i%!ai. /oi atrib!9do o do,!#ento de ,onte?do Ppage".ItmP T pri#eira
.ra#e.
4# e%!idaQ di+idi!Ne a e%!nda .ra#e e# d!a .ra#e +erti,aiQ a
pri#eira ,o# 3't do epa5o dipon9+el e a e%!nda ,o# o retante
7't.
2#a .ra#e pode exibir !# do,!#ento de ,onte?doQ ito RQ !#
do,!#ento tradi,ional ,o# textoQ i#a%en et,Q o! !# do,!#ento de
la"o!tQ G!e a di+idiria no+a#ente e# o!tra .ra#e. >Ba#aNe ito de
di%is)o indireta.
82
E,emplo *?ocumento de )a+out.J
ABt#lC
ABeadC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
A.ra#eet ro)^IxQxIC
A.ra#e r,^Ipa%e1.Bt#IC
A.ra#eet ,ol^I3'tQ7'tIC
A.ra#e r,^Ipa%e2.Bt#IC
A.ra#e r,^Ipa%e3.Bt#IC
AD.ra#eetC
AD.ra#eetC
ADBt#lC
E,emplo *?ocumento de )a+out - page0.Itm.J
ABt#lC
ABeadC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
A.ra#eet ro)^IxQ2xIC
A.ra#e r,^Ipa%e4.Bt#IC
A.ra#eet ,ol^I4'tQ6'tIC
A.ra#e r,^Ipa%e5.Bt#IC
A.ra#e r,^Ipa%e6.Bt#IC
AD.ra#eetC
AD.ra#eetC
ADBt#lC
E documento de la8out etabele,e a di+i7o da Oanela e# F frames. :!a
dea .ra#e ,ontR# o do,!#ento de ,onte?do page".Itm e
page%.Itm.
0 ter,eira .ra#e ,ontR# o documento de la8out page0.ItmQ G!e a
!bdi+ide e# F su,*frames.
";.7. )in-s em :rame Alvo
J!ando o !!8rio preiona !# lin? G!alG!er e# !#a frameQ o lin? pode
at!aliSar !a pr=pria frame ,o# o do,!#ento ,ontido e# !a U'LQ o!
at!aliSar o!tra frame. $ara G!e eOa po9+el a at!aliSa57o de o!tra
framesQ .oi introd!Sido o atri,uto P'AF4E'P no T+ 5A6.
E,emplo *?ocumento de )a+out.J
ABt#lC
ABeadC
83
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
A.ra#eet ro)^IxQxIC
A.ra#e r,^Ipa%e1.Bt#I na#e^Ipa%ina1IC
A.ra#eet ,ol^I3'tQ7'tIC
A.ra#e r,^Ipa%e2.Bt#IC
A.ra#e r,^Ipa%e3.Bt#IC
AD.ra#eetC
AD.ra#eetC
ADBt#lC
E,emplo *?ocumento de )a+out - page%.Itm.J
ABt#lC
ABeadC
AtitleCZF[ In.or#8ti,aADtitleC
ADBeadC
Abod"C
Aa Bre.^IBt#l1.Bt#I tar%et^Ipa%ina1IC
>li,ando nete LinkQ a /ra#e Ipa%ina1Ier8 at!aliSada
,o# o arG!i+o IBt#l1.Bt#I.ADaC
ADbod"C
ADBt#lC
E lin? ,ontido do do,!#ento Ppage%.ItmP te# ,o#o al+o a frame
,Ba#ada de Ppagina"PQ ito RQ G!ando I,li,adoIQ n7o ir8 at!aliSar a
pr/pria frameQ #a a "frame al%o".
E atri,uto P'AF4E'P pode ter o no#e de !#a .ra#e o! !#a dentre a
e%!inte pala+raL
#self (at!aliSa a pr=pria .ra#e)
#parent (at!aliSa a "frame*m)e")
#top (at!aliSa toda a OanelaQ independente de G!alG!er .ra#e N ex.L link
externo)
#!lan- o! #EindoE (abre !#a no+a Oanela de bro)er)
I_el.IQ I_parentI e I_topI 7o ,aeNeniti+eQ e de+e# er e,rito e#
#in?,!la.
84
85