apostila de html1890_html

8/18/2019 Apostila de Html1890_HTML

1/22

AprendendoAprendendo

HTMLHTMLClique aqui para Entrar Clique aqui para Entrar

http://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indice


2/22

Aprendendo HTML

ÍNDICEÍNDICE

1. HTML Básico I2. HTML Básico II

. Listas!. "e#res$ %a&e

'. Ta(elas). *or+ulários,. *ra+es

-. Msica

/. Caracteres Especiais10. I+a&ens Clicáeis

11. I*3 Ani+ados12. *erra+entas1. Hospeda&e+

1!. lossário

1. HTML B43IC5 I1. HTML B43IC5 I HTML significa H6perte7t Mar8up Lan&ua&e e é a linguagem de descrição de documentos usada

na World Wide Web. Ela é orientada por marcadores ou TAGs.TAGs são os comandos utilizados pela linguagem HTML.ada TAG informa ao programa !isualizador ou "ro#ser$ como ele de!er% formatar o te&to e de!e

estar dentro dos sinais de menor 'ue ()* e maior 'ue (+*. E&emplo, )HTML+$ )"-/+$ etc.-s TAGs podem ser 0nicos ou duplos$ com in1cio e fim. E&emplos,

TA nico9 :B"; TA duplo9 :%;....:M D5C>MENT51.1 = INICIAND5 >M D5C>MENT5

Todo o documento HTML fica contido entre os TAG2, :HTML; e :


3/22

Aprendendo HTML

)"-/ "A8G9-:;>> onte0do da Home 6age >>>)7"-/+)7HTML+

1.2 = TA3 >3AD53 N5 INÍCI5 D5 D5C>MENT51.2 = TA3 >3AD53 N5 INÍCI5 D5 D5C>MENT5

:HTML;...:


4/22

Aprendendo HTML

)ul+)li+)a ?refT53 ADICI5NAI3 D5 ELEMENT5 >L. = AT"IB>T53 ADICI5NAI3 D5 ELEMENT5 >L

- ;etscape introduziu o atributo T?%E também em listas ordenadas. Ele recebe o tipo do marcador'ue ser% utilizado ao lado dos itens da lista$ o 'ual pode ser CI"CLE$ 3F>A"E -: DI3C.

!. "E*"E3H %AE!. "E*"E3H %AE 2ão p%ginas normalmente sem linJs$ 'ue c?amam outras depois de um determinado tempo dentro

dela$ sem nen?uma interferncia do internauta.6ara fazer uma p%gina desta basta colocar no documento a seguinte lin?a de comando,

E&.,)HTML+)HEA+

)META HTT6EO:5D


5/22

Aprendendo HTML

orpo do ocumento)7"-/+)7HTML+

'. TABELA3'. TABELA3Tabelas correspondem a um timo formato para originar informaç3es$ e é por essa razão 'ue eles

foram acrescentados S linguagem HTML

'.1 = C5N3T">IND5 TABELA3 C5M 5 ELEMENT5 TABLE'.1 = C5N3T">IND5 TABELA3 C5M 5 ELEMENT5 TABLE A TAG )TA"LE+ é utilizada para a representação de dados tabulares. A estrutura e o conte0do da

tabela de!em ficar dentro das TAGs )TA"LE+ )7TA"LE+ '.1.1 = 5 TÍT>L5 DA TABELA GELEMENT5 CA%TI5N'.1.1 = 5 TÍT>L5 DA TABELA GELEMENT5 CA%TI5N

A TAG )A6T5-;+ especifica o t1tulo de uma tabela. 6or e&emplo,

)A6T5-;+;otas da primeira a!aliação)7A6T5-;+ '.1.2 = TABLE HEADIN3 GELEMENT5 TH'.1.2 = TABLE HEADIN3 GELEMENT5 TH

A TAG )TH+ é usada para especificar as células de cabeçal?o da tabela. Essas células sãodiferentes das outras$ pois seu conte0do aparece geralmente em negrito. - elemento TH pode ser

apresentado sem conte0do algum, isso corresponde a uma célula em branco. As tabelas podem aindaconter mais de um TH para uma dada coluna$ ou lin?a$ ou simplesmente não conter nen?um elemento TH$isto é$ não conter em nen?uma célula em desta'ue. - TAG dela é,

)HT+te&to em desta'ue)7HT+5(sera@es, Elas de!em ficar$ assim como todas$ dentro da TAG )TA"LE+. '.1. = TABLE DATA GELEMENT5 TD'.1. = TABLE DATA GELEMENT5 TD

A TAG )T+ especifica a células de dados de uma tabela. 6or se tratar de dados comuns (e nãocabeçal?os*$ essas células possuem seu conte0do escrito em fonte normal$ sem nen?um desta'ue ealin?amento S es'uerda. Assim como o TH$ podese construir células em branco$ usando o elemento T$como no e&emplo a seguir,

)T+élulas de dados)7T+ 5(sera@es, A TAG de terminação$ )T+$ também é opcional. '.1.! = END 5* TABLE "5 GELEMENT5 T"'.1.! = END 5* TABLE "5 GELEMENT5 T"

A TAG )T9+ indica o fim de uma lin?a na tabela. ada lin?a da tabela pode conter !%rias células$ eportanto$ é necess%rio 'ue se faça uso de uma marcação 'ue indi'ue e&atamente o ponto de 'uebra deuma lin?a e in1cio de outra. Toda lin?a de!e terminar com um )T9+$ com e&ceção da 0ltima lin?a da tabela$'ue dispensa o T9 por'ue o uso da prpria marcação de fim de tabela )7TA"LE+ torna impl1cito o fim dalin?a.

'.2 = AT"IB>T53 %A"A A TABELA'.2 = AT"IB>T53 %A"A A TABELA As marcaç3es das tabelas podem apresentar resultados diferentes$ se acompan?adas de alguns

atributos. -s principais são,

'.2.1 = B5"DE"'.2.1 = B5"DE":m atributo opcional para ser usado com TA"LE é o atributo "-9E9. 2e ele esti!er presente$ a

tabela ser% formatada com lin?as de borda. Atenção, Todas as e&plicaç3es acima como as 'ue estão por !ir$ foram feitas$ para 'ue !oc possa saber o

'ue significa a TAG em 'uestão.

E&emplo, )TA"LE "-9E9+

)A6T5-;+ ;ota da primeira a!aliação )7A6T5-;+

)T+;otas7Alunos)7T+)TH+Eduardo)7TH+)TH+Ana L0cia)7TH+)TH+Andréa)7TH+

'

http://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indice


6/22

Aprendendo HTML

)T9+)TH+;otas)7TH+)T+$U)7T+)T+V.F)T+)T+.)7T+

)T9+)TH+;o de 5nscrição)7TH+

)T+FBFQUV)7T+)T+FFQVUQ)7T+)T+XUFXUQF)7T+

)7TA"LE+

DeCa o resultado,

- atributo "-9E9 pode também receber um !alor 'ue !ai estabelecer 'ual a espessura (além dae&istncia*da lin?a de borda da tabela ("-9E9


7/22

Aprendendo HTML

'.2. = JALIN'.2. = JALIN

6ode ser aplicado a TH e T e define o alin?amento do te&to em relação Ss bordas superior e

inferior. Aceite os !alores T-6$ M5LE$ E "-TT-M para alin?ar na parte de cima$ no meio e na parte debai&o$ respecti!amente.

DeCa o e&emplo,

)TA"LE "-9E9+)T+Teste de alin?amento)7T+)T DAL5G;L4"I53 C5M 5 *5"M).1 = C5N3T">IND5 *5"M>L4"I53 C5M 5 *5"M

6ara fazer formul%rio$ !oc tem 'ue colocar as TAGs )I-9M+ )7I-9M+ . Todos os outroscomandos$ de!em ficar dentro dessas TAGs. -J[\).2 = AT"IB>T53 %A"A *5"M).2 = AT"IB>T53 %A"A *5"M

- elemento I-9M pode conter dois atributos 'ue determinaram para onde ser% mandada a entradado I-9M. DeCam como eles são,).2.1 = ET).2.1 = ET

Esse atributo indica totalmente como o dado é passado para o script ou programa definido noatributo ACTI5N.).2.2 = %53T).2.2 = %53T

,



8/22

Aprendendo HTML

6assa os dados para a entrada padrão dos sistema operacional.Dale a pena lembrar$ 'ue ser% mostrado$ abai&o$ um e&emplo completo$ de como fazer sua p%gina

com formul%rios. Também ser% dado um endereço$ de um ser!idor$ 'ue processa os dados e os retorna !iaemail. A1 poder% ser lido normalmente. Agora ser% e&plicado como colocar os campos de dados$ mas senão esti!er entendendo$ copie o e&emplo$ e s altere os dados$ com o seu nome$ e suas informaç3es.).2. = IN%>T).2. = IN%>T

A TAG :IN%>T; especifica uma !ariedade de campos edit%!eis dentro de um formul%rio. Ele pode

receber di!ersos atributos 'ue definem o tipo de mecanismo de entrada (bot3es$ Canelas de te&to$ etc.*$ onome da !ari%!el associada com o dado da entrada$ o alin?amento e o campo do !alo mostrado. - atributomais importante do IN%>T é o NAME. Ele associa o !alor da entrada do elemento. 6or e&emplo$ 'uando!oc for receber os dados$ C%$ processados$ ir% !ir o name ,


9/22

Aprendendo HTML

).2..1.! = T?%E3>BMIT).2..1.! = T?%E3>BMITEsse é o botão 'ue submete os dados do formul%rio 'uando pressionados$ ou seCa$ possibilitam$ o

en!io$ dos dados para o script 'ue !ai trat%los. DeCa como se adiciona o botão,)5;6:T T/6E


10/22

Aprendendo HTML

)input tZpe


11/22

Aprendendo HTML

)I9AME2ET "53


12/22

Aprendendo HTML

Mais 0til na utilização de Menus e 1ndices.;ecessita do NAME.

E&emplo,)I9AME2ET -L2


13/22

Aprendendo HTML

‰ KXR Š KR ‹ KVR Œ KFR KFQR Ž KFXR KFR KBR ‘ KBFR’ KR “ KR ” KR KFR – KR — KVR˜ KVUR ™ KVR š KXR› KQR œ KBR KBQR

10. IMAEN3 CLIC4JEI310. IMAEN3 CLIC4JEI3 Doc C% de!e ter reparado 'ue algumas ?ome pages possuem imagens 'ue não são simples figuras

decorati!as$ e&iste um tipo de imagem 'ue é sens1!el ao cli'ue de mouse e funciona como uma plataformade lançamento para di!ersos linJs de ?iperte&to. :ma e&celente utilização para esse tipo de imagem$ é pore&emplo na criação de barras de na!egação muito comuns na Web.

;ão seria interessante se pudéssemos criar regi3es clic%!eis independentes$ onde cada uma delasnos le!asse a documentos distintos[ Mas como ser% 'ue isso é feito[

om certeza !oc de!e estar pensando 'ue isso é uma tarefa para e&perts$ mas est% muitoenganado\ ?egou a ?ora de adicionar esse recurso S sua ?ome page$ mas como não 'ueremos 'ue !ocsaia por a1 sem saber o 'ue est% fazendo$ 'ue tal primeiro entendermos um pouco mel?or como tudo isso

funciona[

10.1 = M[T5D53 F>E T5"NAM 3>A IMAEM 3EN3ÍJEL10.1 = M[T5D53 F>E T5"NAM 3>A IMAEM 3EN3ÍJELE&istem dois métodos para tornar uma imagem sens1!el em determinada região$ ou de outra forma$

métodos para a construção de =mapas de imagens= os Mapas Locais de 5magens (lient2ide 5mageMaps* e o Mapa 9emoto de 5magens (2er!er2ide 5mage Maps*. A escol?a entre um ou outro pode ser feitaaps analisarmos suas caracter1sticas principais.

A diferença b%sica entre os dois métodos é clara e e&tremamente importante. - mapa remoto éuma combinação de G5 (ommon Gate#aZ 5nterface*$ HTML e um =ar'ui!o de mapa= 'ue nada mais é do'ue um ar'ui!o 'ue informa as regi3es sens1!eis da imagem e 'ue reside no ser!idor de Web. Este métodofunciona da seguinte maneira,

Ouando !oc clica sobre uma região sens1!el de uma imagem$ o bro#ser fornece ao ser!idor deWeb as coordenadas (&$Z* de onde !oc clicou. - ser!idor procura no ar'ui!o de mapa da'uela imagem$'ual a :9L (:niform 9esource Locator* 'ue corresponde a região clicada$ e en!ia essa :9L de !olta para obro#ser$ 'ue se encarrega de solicit%la e mostr%la em sua tela.

6or outro lado$ 'uando !oc utiliza um mapa local de imagem (lient2ide 5mage Maps*$ todas asinformaç3es 'ue definem o mapa das regi3es sens1!eis da imagem estão dentro do prprio cdigo HTML dap%gina 'ue est% sendo mostrada na sua tela$ e com isso não ?% necessidade de recorrer ao ser!idor paraidentificar as coordenadas de um cli'ue. Economizamos um acesso ao ser!idor$ e isso pode serinteressante

Então$ podemos dizer 'ue o mapa local de imagem produz uma mel?or utilização da rede$ gerandoum tr%fego menor$ diminuindo a carga de pedidos para o ser!idor de Web e aumentando a performance dobro#ser$ C% 'ue o tempo de resposta fica reduzido ao pedido da :9L. ;ão é tudo o 'ue a gente 'uer[Então$ esse ser% o método escol?ido Mapa Local de 5magem.

10.2 = 3EN3IBILIAND5 A3 IMAEN310.2 = 3EN3IBILIAND5 A3 IMAEN3Essa tarefa ser% di!idida em duas partes$ a criação do documento HTML e do mapa de imagem.

:tilizando 'ual'uer editor de sua preferncia$ adicione a imagem 'ue deseCa sensibilizar ao cdigo HTMLde sua p%gina com o TAG :IM 3"C ž;.

E&emplo,

)HTML+)HEA+

)T5TLE+ 5magens sens1!eis S cli'ues de mouse )7T5TLE+)7HEA+)"-/+

)HF+E&emplo de imagem sens1!el ao cli'ue de mouse)7HF+ )"9+

1



14/22

Aprendendo HTML

)5MG 29


15/22

Aprendendo HTML

uas opç3es importantes do MA6E5T 'ue !oc de!e con?ecer, o 1cone da =seta=$ na barra deferramenta$ é utilizada para testar o mapa e o 1cone ao lado$ algo como um c1rculo com traços$ permite 'ue!oc altere a %rea pre!iamente definida do mapa. Muito utilizado nas correç3es.

11. I*3 ANIMAD5311. I*3 ANIMAD53 - G5I animado não é nada mais nada menos 'ue um ar'ui!o no formato G5I feito por um programa

c?amado i# Construction 3et$ da Mind WorJ 2?op(?ttp,77###.mind#orJs?op.com7alc?emZ7alc?emZ.?tml*. "asta peg%lo\... e depois configur%lo.11.1 = C5N*I>"A511.1 = C5N*I>"A5Damos por etapas,

• rie um no!o documento (ile!Ne" *

• 5nsira um ontrol (#nsert!Control *.

• 5nsira um Loop (#nsert!$oo%*.

• 5nsira a primeira figura criada por !oc (#nsert!#ma&e*.

• :se a opção, use t'is ima&e as &lo(al %allete.

• 5nsira a segunda figura (#nsert!#ma&e*.

• :se a opção, dit'er t'is ima&e as t'e &lo(al %allete$ se necess%rio.

• E repita a operação para cada figura.

• epois de dois cli'ues em cima do Control (F lin?a*

• ;a opção dela) colo'ue XU$ cli'ue em -8.

• 2e 'uiser 'ue o fundo seCa transparente cli'ue no c?ecJbo& do trans%arent colour $ escol?a a corpara ser transparente$ e no Remove () colo'ue Bac*&round $ cli'ue em -8.

• epois de dois cli'ues em cima da #ma&e (Q lin?a*

• li'ue no c?ecJbo& do local %alette$ cli'ue em -8.

• Em cima do control !% no menu +dit!Co%) .

• li'ue na primeira figura e !% ao menu +dit!Paste.

• li'ue na segunda figura e !% ao menu +dit!Paste.

• 9epita a operação em todas as figuras.

• 2al!e o documento como animação.gif

• D% no seu editor de 6%ginas (recomend%!el o Hotog ?ttp,77###.2ausage.com7* e insira estaimagen como uma normal.

• D% até o seu ;etscape e !isualize a perfeita animação.

aso !oc 'ueira ad'uirir algumas animaç3es C% feitas para serem colocadas em sua ?ome page$!oc pode ad'uirilas atra!és de algumas p%ginas 'ue fornecem G5Is. 6ara obter estas G5Is$ é s procuralas atra!és de algum ser!iço de busca.

12. *E""AMENTA312. *E""AMENTA3

Abai&o$ temos alguns endereços onde é poss1!el encontrar certas ferramentas para tornar maisr%pido e f%cil o uso da linguagem HTML. ;ão 'ue seCa obrigatrio o uso destas ferramentas$ mas são muitoboas. Doc faz tudo com mais facilidade. E além do mais$ !oc pode adicionar mais recursos atra!ésdestas. DeCa,

12.1 = >TILIT4"I53 "4*IC512.1 = >TILIT4"I53 "4*IC5

• ACDsee 1.1ACDsee 1.1 Home6age, ?ttp,77!!!.com7acd7

escrição, Disualizador de gr%ficos. 2uporta G5I$ @6G$ T5II$ "M6 e outros.

• Acro(at "eader 2.1Acro(at "eader 2.1

Home6age, ?ttp,77###.adobe.com7Acrobat7AcrobatWWW.?tml escrição, Disualizador de ar'ui!os .6I

• i# Constructioni# Construction 3et #or indoŸs3et #or indoŸs 1.0L1.0L

1'

http://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indicehttp://var/www/apps/conversion/tmp/scratch_6/HYPERLINK%23indice


16/22

Aprendendo HTML

Home6age, ?ttp,77###.mind#orJs?op.com7alc?emZ7gifcon.?tml escrição, Aplicati!o para criar ar'ui!os G5I Animados

• rap$ic or8s$op *or indoŸsrap$ic or8s$op *or indoŸs Home6age, ?ttp,77###.mind#orJs?op.com7alc?emZ7alc?emZ.?tm escrição, :m dos mel?ores !isualizadores de gr%ficos for Windo#s.

• rap$7 JieŸer 1.'1rap$7 JieŸer 1.'1 Home6age, ?ttp,77###.groupQ.com escrição, :m timo programa manipulador de gr%ficos

• LJieŸ %ro 1.(1 *or indoŸsLJieŸ %ro 1.(1 *or indoŸs Home6age,?ttp,77#orld.std.com7Ymmedia7l!ie#p.?tml

escrição, timo editor de gr%ficos. @6G$ G5I$ 6]$ "M6$ T5II$ etc.

• %aint 3$op %ro .11 #or indoŸs%aint 3$op %ro .11 #or indoŸs Home6age, ?ttp,77###.Casc.com

escrição, Manipulador de gr%ficos. 2emel?ante ao Adobe 6?oto2?op.

• e(I+a&e 1.,2 #or indoŸse(I+a&e 1.,2 #or indoŸs Home6age, ?ttp,77###.groupQ.com

escrição, 6rograma para fazer Gif transparente e mapeamento. timo\

12.2 = EDIT5"E312.2 = EDIT5"E3 HTMLHTML

• Aardar8 %ro 2.11Aardar8 %ro 2.11 Home6age, ?ttp,77###.fbs.aust.com7aard!arJ.?tml escrição, :m bom editor HTML com !%rias funç3es.

• Alc$e+6 1.0( #or indoŸsAlc$e+6 1.0( #or indoŸs Home6age, ?ttp,77###.stormsurge.com7alc?emZ7

escrição, Editor HTML$ mais um programa de IT6 e Telnet.

• Arac$nid HTML Editor Arac$nid HTML Editor Home6age, ?ttp,77r?###.ric?uis?.ac.uJ7resource.?tm

escrição, :m editor de HTML 'ue suporta as mais utilizadas TAGs

• Dida 1.'0Dida 1.'0 Home6age, ?ttp,77?ome.net!igator.com7godfreZJ7dida7

escrição, "om editor HTML com um pre!ie# prprio

• *leed 1.'d #or indoŸs*leed 1.'d #or indoŸs Home6age, ?ttp,77###.infofle&.com.au7fle&ed.?tm

escrição, timo e fle&1!el editor HTML$ com um prprio pre!ie# de I9AME2$ formul%rios...

• o+er 1.!o+er 1.! Home6age, ?ttp,77###.cle!er.net7gomer7 escrição, Tudo o 'ue !oc espera!a de um editor$ pe'ueno e timo

• Hot Do& e( Editor %re#essional 2.'Hot Do& e( Editor %re#essional 2.' Home6age, ?ttp,77###.sausage.com7

escrição, - mais f%cil e mel?or editor HTML\ Iaça tudo o 'ue puder\

1. H53%EDAEM1. H53%EDAEM A 2ede 5nternet (?ttp,77###.sede.com* fornece os mel?ores ser!iços de ?ospedagem de p%ginas

#eb. 6ela 2ede !oc pode ad'uirir todos os recursos necess%rios para manter uma ?ome page no ar.Estes recursos podem ser, mais espaço para armazenagem da p%gina (megabZtes* e até a possibilidade derodar seus prprios cgis no ar ou até utilizar os cgis préconfigurados 'ue a 2ede coloca ao seu dispor.-utro recurso e&cepcional é o de dom1nio prprio. om ele$ !oc pode obter um no!o$ personalizado e

1)



17/22

Aprendendo HTML

simplificado endereço no tipo ###.nome.com ou ###.nome.com.br. 6ara obter mais informaç3es sobre osoutros ser!iços da 2ede$ consulte a sua ?omepage.

1!. L5334"I51!. L5334"I5

A'ui !oc encontra as pala!ras mais utilizadas na 5nternet com seus significados.aso deseCe fazer uma pes'uisa no ;estcape F.U pressione T9L I ou no Menu Edit7Iind..

= A == A =

Ad+inistrador de "edeAd+inistrador de "ede Toda rede de computadores tem uma pessoa respons%!el por toda aestrutura e funcionamento, o administrador da rede. Esse administrador é 'uem !ai definir a 'ue recursosda rede cada pessoa ter% acesso.

AliasAlias P um apelido 'ue !oc pode utilizar no lugar de um email de uma pessoa ou grupo. 6ore&emplo$ ao in!és de organizar uma lista de endereços eletrhnicos com email de cada um$ !oc forneceum nome mais simples 'ue identifi'ue cada pessoa.

Arti&o GarticleArti&o Garticle Oual'uer mensagem en!iada para os grupos de discussão (ne#sgroups*.Arc$ieArc$ie Ierramenta de procura de ar'ui!os. 6ara consult%los$ usase o Telnet ou en!iase

comandos por email. - Arc?ie de!ol!e uma lista com os ar'ui!os encontrados atra!és de pala!rasc?a!eou atra!és de alguma descrição. E&istem !%rios ser!idores Arc?ie espal?ados pela rede. Ao us%lo$ localizeo mais pr&imo de !oc.

A3CIIA3CII 2ignifica =American 2tandart ode= for 5nformation 5nterc?ange$ cdigo utilizado pararepresentar te&tos 'uando ?% computadores en!ol!idos.

Attac$+entAttac$+ent Doc pode ane&ar 'ual'uer tipo de ar'ui!o ao seu mail utilizando a opção=Attac?ment=$ do seu soft#are de correio eletrhnico.

= B == B =

Bac8(oneBac8(one P a espin?a dorsal da 5nternet$ onde são encontradas as maiores !elocidades detransmissão.

Banco de dados Gdata(aseBanco de dados Gdata(ase Em termos de 5nternet$ computador 'ue contém um n0mero muito

grande de informaç3es$ 'ue podem ser acessados pela rede.Banda %assante GBandŸidt$Banda %assante GBandŸidt$ P tipicamente usada para especificar a 'uantidade de dados 'uepodem ser en!iados em um canal de comunicação.

Bai7ar GDoŸnloadBai7ar GDoŸnload 6rocesso de transferncia de ar'ui!os de um computador remoto para o seuatra!és de modem e programa espec1fico.

BB3 GBulletin Board 36ste+BB3 GBulletin Board 36ste+ 2er!iço eletrhnico 'ue oferece recursos como correio eletrhnico$acesso a outros computadores e ser!iços remotos$ meios de oferecer e receber ar'ui!os. - acesso ao ""2tanto pode ser feito pela 5nternet como por discagem direta.

BITNETBITNET 5niciais da e&pressão ="ecause 5ts Time ;et#orJ= (6or'ue é tempo de rede* esse é onome de uma rede acadmica e de pes'uisa iniciada em V e operada pela Educom.

BitsBits P a menor unidade de medida de armazenamento do computador. Apresenta dois estados, Ue .

Bits por se&undo GB%3Bits por se&undo GB%3 P o n0mero de bits transmitidos a cada segundo. P utilizado como uma

unidade de medida 'ue indica a !elocidade de transferncia de informaç3es em uma rede.B6teB6te adeia de oito bits.= C == C =

CC GCourtes6 Cop6CC GCourtes6 Cop6 Ouando !oc en!ia um email$ e&iste a possibilidade de en!iar uma cpiapara uma outra pessoa 'ue também se interesse pelo assunto$ utilizando a opção =cc= 'ue se encontra nocabeçal?o de todos os clientes de correio eletrhnico. Doc também pode utilizar esse campo se deseCarguardar um email 'ue ten?a en!iado para alguém. "asta colocar no campo =cc= o seu prprio endereço.

ClienteCliente :m programa 'ue roda no seu computador$ o ;etscape ;a!igator e o Eudora são algunse&emplos de clientes. Geralmente trabal?a em dupla com o ser!idor.

Correio eletrnico Ge=+ailCorreio eletrnico Ge=+ail Mensagens pri!adas entregues atra!és de contas indi!iduais. Esteendereço indica o =lugar= onde !oc tem uma cai&a postal. Atra!és do email é poss1!el solicitar ar'ui!os$informaç3es$ fazer pes'uisas e en!iar comandos para operar computadores remotos 'ue realizam tarefas

para o usu%rio.Crac8er Crac8er P um indi!1duo 'ue tenta acessar sistemas de computadores sem autorização.Geralmente é malicioso$ e ao contr%rio do =HacJer= (!eCa HacJer* ele tem sempre uma segunda intenção'uando 'uebra o sistema.

1,



18/22

Aprendendo HTML

C6(erspaceC6(erspace Ouem C% entrou na 5nternet C% te!e a sensação de estar em um uni!erso paralelo deidéias e informaç3es$ taman?o o n0mero de possibilidades l% e&istentes. - cZberspace (espaço cibernético*foi o nome dado a este mundo !irtual$ e a 5nternet é a sua porta de entrada.

= D == D =

Diretmrio Gdirector6Diretmrio Gdirector6 Ar'ui!os em alguns sistemas de computadores 'ue ficam agrupados Cuntos.

Ar'ui!os comuns para um mesmo tpico geralmente ficam organizados em diretrios e subdiretriosseparados.Dialer Dialer 6rograma 'ue conecta o seu computador a outro. E&emplo, LinJ#aZ ialer (;etscape* e

ialer do Windo#s VX.DN3DN3 Método usado para con!erter nomes da 5nternet em n0meros correspondentes. - ;2 faz

com 'ue !oc utilize a 5nternet sem ter 'ue decorar longos n0meros.Do+nio GDo+ainDo+nio GDo+ain Tratase de uma classificação para identificar os computadores na rede.

onsiste numa se'jncia de nomes ou pala!ras separadas por pontos. P nada mais nada menos 'ue umsistema de endereçamento da 5nternet 'ue en!ol!e um grupo de nomes 'ue são listados com pontos (.*entre eles$ na ordem do mais espec1fico para o mais geral. ;os Estados :nidos$ e&istem dom1niossuperiores di!ididos por %reas$ como, .edu (educação*$ .com (comercial* e .go! (go!erno*. Em outros pa1sesocorre uma abre!iatura de duas letras para cada pa1s$ como, br ("rasil* e fr (Irança*.

DoŸnloadDoŸnload Ouando !oc transfere um ar'ui!o de algum lugar para o seu computador$ !oc est%

fazendo um do#nload.= E == E =

E+oticonsE+oticons ombinação de letras s1mbolos 'ue significam reaç3es.E=ineE=ine 2ão re!istas online dispon1!eis na 5nternet. - nome !em =Eletrhnic Magazine=.Endere@oEndere@o Todo e 'ual'uer recurso na 5nternet possui um endereço. - endereço de uma pessoa

pode ser o de seu email ou mesmo da sua p%gina Web$ C% o endereço de uma m%'uina est% semprerelacionado ao endereço 56 (!eCa 56 address*.

= * == * =

*AF G*requentl6 As8ed Fuestions*AF G*requentl6 As8ed Fuestions 2ão ar'ui!os contendo as =6erguntas mais fre'jentes=

sobre um determinado assunto. Eles aCudam na elucidação de d0!idas e na iniciação dos no!atos$ e sãoencontrados na 5nternet.*in&er *in&er 2istema pelo 'ual é poss1!el descobrir o nome$ 'ual a 0ltima !ez 'ue o usu%rio recebeu

mensagem além de !%rios outros itens$ tudo isso atra!és do endereço eletrhnico do usu%rio.*ireŸall*ireŸall 2istema de segurança colocado nos sites da 5nternet$ para pre!enir acessos não

autorizados ao sistema.*la+e Ge+ c$a+as*la+e Ge+ c$a+as :sado para a postagem de mensagens pro!ocati!as ou polmicas$ podendo

causar conse'jncias negati!as. - usu%rio 'ue en!ia essas mensagens é con?ecido por flamer.*reenet Grede lire*reenet Grede lire -rganização 'ue pro! acesso li!re S 5nternet para pessoas de uma

determinada %rea$ geralmente atra!és de bibliotecas p0blicas.*reeŸare*reeŸare 2oft#are dispon1!el sem 'ual'uer custo.*T% G*ile Trans#er %rotocol*T% G*ile Trans#er %rotocol 2istema de transferncia de cpias de ar'ui!os de um computador

para outro na 5nternet.

*T% anni+o*T% anni+o P o uso do protocolo IT6 em localidades conectadas S 5nternet 'ue oferecemacesso p0blico aos seus ar'ui!os$ sem a necessidade de identificação ou sen?a.

= == =ateŸa6ateŸa6 :m dispositi!o 'ue conecta redes 'ue normalmente não se comunicam$ permitindo a

transferncia de informação de uma para outra.I* Grap$ics Interc$an&e *or+atI* Grap$ics Interc$an&e *or+at Tipo de ar'ui!o de armazenamento de imagens$

desen!ol!ido pela ompu 2er!e e amplamente difundido na 5nternet. Esses ar'ui!os são identificados pelae&tensão .gif.

op$er op$er Meio de na!egação atra!és de menus. Ierramenta muito usada com a função de localizar e recuperar ar'ui!os na 5nternet. - nome =grop?er= é pro!eniente do mascote da :ni!ersidade deMinnesota$ local onde o proCeto foi desen!ol!ido$ 6ai do Web.

>I GInter#ace rá#ica ao >suário>I GInter#ace rá#ica ao >suário 5nterface 'ue une 1cones e funç3es para realizar tarefas e

facilitar a !ida do usu%rio.ipip Tipo de compressão de ar'ui!os$ funciona como o usual zip.= H == H =

1-


19/22

Aprendendo HTML

Hac8er Hac8er P uma pessoa 'ue tem prazer em con?ecer profundamente o funcionamento interno dossistemas$ computadores e redes de computadores. A 'uebra de segurança de computadores é para HacJerapenas um desafio. Este termo geralmente é empregado de maneira peCorati!a$ onde o correto seria=raJer=.

Header Gca(e@al$oHeader Gca(e@al$o A parte de um pacote 'ue precede os dados e 'ue contém a fonte$ o destinoe o endereço$ cabeçal?o também é a parte de uma mensagem eletrhnica 'ue traz$ entre outras coisas$ oremetente$ dia e ?ora.

Hiperte7toHiperte7to :m tipo de te&to 'ue permite o uso de ligaç3es (linJs* para outros documentos ou parapartes do mesmo documento.HostHost :m computador 'ue est% ligado S uma rede ou S 5nternet. Ouando !oc se conecta a ele$

passa a ter acesso a ar'ui!os e informaç3es.HTMLHTML HZperte&t MaJup Language Linguagem padrão baseada em te&to utilizada para escre!er

todos os documentos de ?Zperte&to do World Wide Web.HTT%HTT% HZper Te&t Tranfer 6rotocol 6rotocolo de comunicação utilizado no World Wide Web.H6telnetH6telnet "anco de dados sempre atualizado$ 'ue fornece informaç3es sobre localidades Telnet

espec1ficas e aCuda a conect%las.= I =

In#o(a$+In#o(a$+ - mesmo 'ue superrodo!ia de informaç3es ou super info?ig?#aZ.InternautaInternauta ;ome dado ao usu%rio da 5nternet.

Internet %rotocol GI%Internet %rotocol GI% 6rotocolo de comunicação 'ue forma a base da 5nternet.InterNICInterNIC 2ignifica =5nternet 5nformation enter=. 6roduz dados estat1sticos da 9ede e também é orespons%!el pelo registro de um no!o dom1nio na 5nternet.

I% Address GInternet %rotocol AddressI% Address GInternet %rotocol Address P a identificação numérica dos computadores definidapelo protocolo 56. Toda m%'uina 'ue faz parte da 5nternet possui um 0nico e e&clusi!o endereço 56.

I"C GInternet "ela6 C$atI"C GInternet "ela6 C$at 2istema interati!o no 'ual os usu%rios da 5nternet podem con!ersar(atra!és do teclado* em tempo real. epois do email é o ser!iço mais popular da 5nternet. E&istem !%riasopç3es de canais$ proporcionando maior pri!acidade.

I3DN GInte&rated 3erices Di&ital NetŸor8sI3DN GInte&rated 3erices Di&ital NetŸor8s :ma tecnologia 'ue combina !oz e ser!iços deredes digitais em uma mesma lin?a. 6ossibilita cone&3es de alta !elocidade S 5nternet.

I35C GInternet 3ociet6I35C GInternet 3ociet6 :ma organização 'ue estuda e estimula a e!olução da 5nternet. - 52-também aCuda a promo!er o desen!ol!imento de no!as aplicaç3es$ publicando notas e artigos.

= ¡ == ¡ =

¡aa¡aa onsiderada por muitos como a grande re!olução do WWW$ @a!a é uma linguagem deprogramação orientada a obCetos$ 'ue permite o uso de interati!idade nas p%ginas de Web.

= == =

2ignifica =sobre .UUU=$ deri!ado do Grego Jilo. 6or e&emplo$ .B8 significa$ apro&imadamente$.BUU caracteres.

= L == L =

LAN GLocal Area NetŸor8LAN GLocal Area NetŸor8 P uma rede local de computadores$ 'ue permite 'ue os usu%rios

tro'uem informaç3es e compartil?em recursos como impressoras ou M-EM2. A grande maioria dasempresas atualmente possui um LA; 'ue também est% conectada S 5nternet.Listas de discussesK rupos de discussesListas de discussesK rupos de discusses As discuss3es são carregadas nas mensagens de

correio eletrhnico para respostas autom%ticas$ 'ue en!iam uma cpia de cada mensagem en!iada pelocorreio eletrhnico para 'ual'uer um 'ue ten?a assinado a lista para discuss3es particulares de grupo.

Lin$a dedicadaLin$a dedicada Lin?a telefhnica igital de Alta Delocidade 'ue fica permanentemente ligada entredois lugares. Lin?as dedicadas são encontradas fre'jentemente em cone&3es de taman?o moderado a umpro!edor de acesso.

ListserListser 6rograma 'ue fornece o processamento autom%tico de muitas funç3es en!ol!idas comas listas de correspondncia (grupos de discuss3es*. - en!io$ atra!és do correio eletrhnico$ de mensagensapropriadas para esse programa automaticamente o inscre!e (ou cancela a inscrição* como usu%rio de umalista de discussão. - listser! também responde solicitaç3es de 1ndices. IAOs$ ar'ui!os das discuss3esanteriores e outros ar'ui!os.

L55**L55** P o processo de descone&ão de um sistema online.L5INL5IN P um processo para sua identificação em um sistema. Toda !ez 'ue !oc se conecta aalgum site este processo se realiza$ sendo geralmente composto de duas etapas. 6rimeiro !oc fornece onome atra!és do 'ual !oc é con?ecido na rede (username*$ e depois informa a sua sen?a (pass#ord*.

1/


20/22

Aprendendo HTML

Lur8ersLur8ers P como são c?amados os participantes nãoati!os de grupos como :senet ;e#sgroup$Mailing List e 59R 'uer dizer$ somente =ou!em=$ não participam ati!amente das discuss3es . ;o :2eeMeos =luJers= são os participantes 'ue não possuem c4meras.

= M == M =

Mail(o7Mail(o7 P a %rea 'ue armazena as mensagens eletrhnicas recebidas.

Mailin& list MIME GMultipurpose Internet Mail E7tensionsMailin& list MIME GMultipurpose Internet Mail E7tensions P um aperfeiçoamento dos padr3esdo sistema de correio da 5nternet$ 'ue possui a ?abilidade de transferir dados não te&tuais como gr%ficos$%udio e fa& e permite 'ue se en!ie mensagens com a acentuação em portugus.

Mirror 3iteMirror 3ite 2ites 'ue são réplicas de outros muitos populares. - uso de =Mirror 2ites= éincenti!ado$ pois distribui mel?or o tr%fego na 9ede. Geralmente$ a escol?a de um site perto de !oc égarantia de mel?ores ta&as de transferncia$ sendo assim$ procure saber se a'uele super site 'ue !ocsempre !isita não possui um espel?o no "rasil.

Mode+Mode+ :m dispositi!o 'ue transforma sinais analgicos em digitais !ice!ersa. - nome M-EM$na !erdade é uma sigla para M-dulador EModulador.

MosaicMosaic 5nterface gr%fica 'ue atua como um soft#arecliente para o IT6$ gop?er$ :senet ;e#s$WA52 e WWW. =6ai= do ;etscape.

= N == N =

NetNet Abre!iação para 5nternet.Netiquette GNetiquetaNetiquette GNetiqueta :ma combinação das pala!ras =;et=e =eti'uette=. 2ão padr3es de bom

comportamento utilizados na 5nternet. - conceito b%sico da =;eti'uette= é 'ue e&istem pessoas reais dooutro lado da m%'uina$ sendo assim$ coment%rios ou atitudes desagrad%!eis são tão ofensi!os 'uanto seestas esti!essem na sua frente.

Netscape Nai&ator %ersonal EditionNetscape Nai&ator %ersonal Edition é um conCunto de soft#ares gr%fico 'ue conecta !oc a umpro!edor de acesso a rede 5nternet e l?e garante f%cil acesso a 5nternet e ao Word Wide Web.

NeŸ(ieNeŸ(ie - mesmo 'ue no!ato na 5nternet.NeŸs&roup >senet GNetneŸsNeŸs&roup >senet GNetneŸs 2ão grupos de discuss3es 'ue usam soft#are ne#sreader e

ser!idores.NNT% GNetŸor8 NeŸs Tran#er %rotocolNNT% GNetŸor8 NeŸs Tran#er %rotocol 6adrão usado para a troca de mensagens dos usu%rios

da :senet na 5nternet.

Nm GNodeNm GNode :m computador 'ue est% conectado a uma rede.

= 5 == 5 =

5n=line5n=line Termo 'ue significa estar no sistema$ estar conectado a algum lugar. a1 surgem asre!istas e bancos on line.

= % == % =

%acote G%ac8et%acote G%ac8et :nidade padrão para representar os dados en!iados pela rede. :ma informaçãoé sempre di!idida em pe'uenos pacotes.

%a&inadores%a&inadores Aplicaç3es clientes 'ue permitem a !isualização de p%ginas WWW.%ar tran@ado%ar tran@ado abo produzido por pares de fios de cobre trançados uns aos outros fazendo com

'ue se cancelem os efeitos de ru1dos elétricos.%assŸord%assŸord P a sen?a utilizada para identificação de um usu%rio em um sistema. P ela 'ue !alidaou não o seu pedido de cone&ão.

%ort G1%ort G1 ;0mero 'ue identifica uma aplicação particular na 5nternet. Ouando o seu computadormanda um =pacote= para outro computador$ este =pacote= contém informação sobre o protocolo 'ue est%sendo usado$ e 'ue aplicação est% se comunicando com ele.

%ort G2%ort G2 omputador com canais de entrada e sa1da.%ostin&%ostin& :m artigo indi!idual mandado para o grupo de discussão da :senet ou o ato de mandar

um artigo para o :senet.%ost+aster %ost+aster 6essoa respons%!el por cuidar e solucionar os problemas ligados ao email.%5% G%ost 5##ice %rotocol%5% G%ost 5##ice %rotocol permite 'ue o usu%rio leia as suas mensagens a partir do ser!idor de

mails localizado no seu pro!edor . - 6-6 é utilizado para transmitir todos os mails armazenados noser!idor para a m%'uina cliente$ no caso$ a sua m%'uina.

%%%%%% on?ecido como 6ointto6oint 6rotocol$ é um protocolo de transmissão de pacotes$ muitoutilizado por 'uem se conecta S 5nternet atra!és de M-EM.%rotocolo%rotocolo P um conCunto de regras estabelecidas com o obCeti!o de permitir a comunicação entre

computadores.

20


21/22

Aprendendo HTML

%roedor de Acesso%roedor de Acesso -rganização 'ue oferece cone&ão para 5nternet.

= " == " =

"ede"ede :m grupo de e'uipamentos conectados de forma a transmitir informaç3es entre eles ecompartil?ar recursos. Ouando esta pala!ra iniciar com mai0scula (9ede* estaremos nos referindo S5nternet.

"*C G"equest *or Co++ents"*C G"equest *or Co++ents :m conCunto de documentos utilizados na discussão de padr3es ee&perimentos realizados na 5nternet."oot = 3uper = >suário"oot = 3uper = >suário P uma pessoa 'ue tem poderes =ilimitados= dentro da rede. e forma

geral$ somente o administrador se encai&a nesta categoria."ota G"out"ota G"out amin?o na rede feito desde a origem até seu destino."oteador "oteador ispositi!o dedicado ao en!io e direcionamento de pacotes (pedaços de mensagens*

entre os ns da rede."ealidade Jirtual"ealidade Jirtual P 'ual'uer uma das !%rias combinaç3es de recursos de interface de usu%rio

'ue permite a este interagir com o computador ou sistema$ de uma maneira 'ue tenta imitar da forma maisperfeita poss1!el o ser ?umano. 6ode incluir !%rios tipos de recursos.

= 3 == 3 =

3eridor 3eridor :m programa 'ue recebe solicitaç3es de um cliente. Geralmente os ser!idores rodamnos ?osts.3$areŸare3$areŸare 2oft#are 'ue geralmente est% dispon1!el como =e&perimente antes de comprar=.3ite3ite P um termo largamente utilizado para fazer referncia a um n da 5nternet.3lip3lip on?ecido como =2erial Line 5nternet 6rotocol=$ é um protocolo de transmissão de pacotes

similar ao 666$ muito utilizado por 'uem se conecta S 5nternet atra!és de M-EM.3MT% G3i+ple Mail Trans#er %rotocol3MT% G3i+ple Mail Trans#er %rotocol P o protocolo utilizado para a transferncia de mensagens

eletrhnicas de ser!idor para ser!idor.

= T == T =

T1K TT1K T 6adr3es 'ue representam .XQQ megabits (T* e QX megabits (TF* por segundo natransmissão de dados.

TC%pload>pload Ouando !oc transfere um ar'ui!o do seu computador para algum lugar$ !oc estafazendo um upload.

>"L G>ni#or+ "esource Locator>"L G>ni#or+ "esource Locator :m método para especificar a e&ata localização de um recursona 5nternet. 6or e&emplo$ o :9L ?ttp,77###.#enet.com.br7inde&.?tml indica 'ue o ar'ui!o c?amadoinde&.?tml reside no ?ost c?amado ###.#enet.com.br.

>3ENET>3ENET 9ede de base :ni& 'ue suporta a distribuição das mensagens.>serna+e Gno+e do usuário ou ID>serna+e Gno+e do usuário ou ID Endereço 'ue representa uma conta pessoal num grande

(nome`pro!edor.com.br*.

= J == J =

J"ML GJirtual "alit6 Modellin& Lan&ua&eJ"ML GJirtual "alit6 Modellin& Lan&ua&e é uma linguagem de programação 'ue permite autilização de animaç3es tridimensionais no WWW.

21


22/22

Aprendendo HTML

= == =

AI3 Gide 4rea In#or+ation 3ericeAI3 Gide 4rea In#or+ation 3erice é um ser!iço de busca$ 'ue a partir de uma pala!ralocaliza em uma grande base de dados a informação deseCada. A maioria dos localizadores na WWWutilizam o WA52.

e( (roŸser e( (roŸser DeCa em 6aginadores.insoc8s GindoŸs 3oc8etsinsoc8s GindoŸs 3oc8ets são um conCunto de especificaç3es e padr3es para 'ue aplicaç3es

T6756 possam utilizar o Windo#s como sistema operacional. World Wide Web.

apostila de html1890_html

Documents