Prepara AV1 Tecnologias Para Internet I

TECNOLOGIAS PARA INTERNET I ANTONIO MARIA CARNEIRO NETO

Unidade I - O AMBIENTE INTERNET Surgiment da Internet a!"# a Segunda Guerra Mundia$  A Teia Teia

O embrião do que hoje é a maior rede de comunicação do planeta nasceu em setembro de !"!# O $epartamento de $e%esa dos Estados &nidos ti'eram a ideia de criar um sistema de comunicação que não pudesse ser destru(do por bombardeios eu %osse capa) de li*ar pontos estraté*icos+ como centros de pesquisas de bases das ,orças Armadas# O !r%et ARPA ARPA O projeto %oi -nanciado pela Ad'anced Research .rojects A*enc/ 0AR.A1+ 0AR.A1+ 2r*ão respons3'el pelo desen'ol'imento de pesquisas cient(-cas e tecnol2*icas para -ns militares do *o'erno norte4 americano+ o que %e) com que a rede %osse bati)ada de Arpanet# A rede %uncionou pela primeira 'e) em janeiro de !56 interli*ando 7 computadores em locais distintos+ todos na costa oeste dos E&A

Unidade I - O AMBIENTE INTERNET Surgiment da Internet a!"# a Segunda Guerra Mundia$  A Teia Teia

O embrião do que hoje é a maior rede de comunicação do planeta nasceu em setembro de !"!# O $epartamento de $e%esa dos Estados &nidos ti'eram a ideia de criar um sistema de comunicação que não pudesse ser destru(do por bombardeios eu %osse capa) de li*ar pontos estraté*icos+ como centros de pesquisas de bases das ,orças Armadas# O !r%et ARPA ARPA O projeto %oi -nanciado pela Ad'anced Research .rojects A*enc/ 0AR.A1+ 0AR.A1+ 2r*ão respons3'el pelo desen'ol'imento de pesquisas cient(-cas e tecnol2*icas para -ns militares do *o'erno norte4 americano+ o que %e) com que a rede %osse bati)ada de Arpanet# A rede %uncionou pela primeira 'e) em janeiro de !56 interli*ando 7 computadores em locais distintos+ todos na costa oeste dos E&A

O AMBIENTE INTERNET Bre&e de#'ri() d !rt'$ TCP*IP Cer%+ juntamente com en*enheiro Robert Robert 8ahn %oi respons3'el pela criação de um pequeno mecanismo que permite dois computadores con'ersassem entre si+ no mesmo idioma+ quando li*ados na rede# Esse me'ani#m %oi +ati,ad 'm !rt'$ TCP*IP em in*l9s  Trans%er  Trans%er Control : Internet Internet .rotocol .rotocol 4 %e) com que que as di'ersas redes se inte*rassem+ %ormando uma *i*antesca rede internacional de redes de computadores+ chamada pela primeira 'e) de Internet# ;ur*iram a Bitnet .ue tran#!rta&a men#agen# de 'rrei e$etr/ni'  e a N;,net+ que permitia o uso interati'o de computadores computadores remotos e a troca de arqui'os e de mensa*ens de e4 mail# Mas a populari)ação da Internet em todo o mundo %oi a r$d ide e+ 0também chamada de <<<+ ou teia de alcance mundial1+ criada pelo %(sico in*l9s Tim =erners4>ee em !!?+ na ;u(ça+ no laborat2rio Europeu de .art(culas ,(sicas+ o CERN 0si*la de Conseil Européen pour la Recherche Nucléaire1#

O AMBIENTE INTERNET O !rimeir na&egadr M#ai'

.ouco depois da criação da <<<+ o Centro Nacional para Aplicaç@es em ;upercomputadores ;upercomputadores dos Estados &nidos 0NC;A1+ deu in(cio  criação de um pro*rama que possibilitou a 'isuali)ação 'isuali)ação do conteBdo conteBdo da
O AMBIENTE INTERNET A rede n Bra#i$ O !rimeir 'ntat d +ra#i$ 'm a Internet 'rreu em 1 quando a ,undação de Amparo  .esquisa do estado de ;ão .aulo 0,apesp1+ li*ada  ;ecretaria Estadual de Ci9ncia e  Tecnolo*ia reali)ou a primeira coneDão  rede atra'és de uma parceria com o ,ermilab+ um dos mais importantes centros de pesquisa cient(-ca dos Estados &nidos# O Cn#"r'i r$d ide e+ 3C5 Con%orme C 0Cons2rcio iderado pelo in'entor da eb Tim =erners4>ee e o CEO Here/ Hae+ o
Unidade II - INTRO6U78O AO 9TML: ;i#t"ria d 9TML: Em 1 a C de'idiu .ue n) 'ntinuaria a e&$uir  9TML # O %oi con*elado na 'ersão 7#? e uma especi-cação %oi lançada com nome de LKTM>+ que era uma 'ersão do LM> do KTM> eDi*indo re*ras LM> de sintaDe como atributos com aspas+ al*umas ta*s com %echamento enquanto outras eram autocontidas# Um !e.uen gru! n >!era + entretanto+ n) e#ta&a 'n&en'id .ue  =ML era  sem quebrar a retrocompatibilidade# Aquela especi-cação e'entualmente se tornou e+ @rm# 20+ subsequentemente %oi incorporado na especi-cação KTM># Em 6??" a # =oas ideias *eram implementadas e as mais rejeitadas independentemente de quem %osse a %onte e quem ela representasse+ ou até mesmo onde elas %oram inicialmente debatida# =oas ideias serão adotadas no Titter+ blo*s e IRC#

NTRO6U78O AO 9TML: ;i#t"ria d 9TML:

$e'ido a especi-cação KTM>  est3 sendo desen'ol'ida tanto pela 6#? e des'iou recursos para KTM> -cando claro que o KTM> ha'ia 'encido a batalha de -loso-as# O %ato de os *rupos de trabalho KTM> consistir em representantes de todas as %abricantes de na'e*adores+ também era importante# ;e os %abricantes esti'esse dispostos a implementar parte da especi-cação 0 como a indisposição da Microso%t para implementar Pdialo*Q+ ou a oposição da Mo)illa ao PbbQ1 ela era remo'ida KicSson 0Ian KiDie KicSson+ l(der da Mo)illa que ajudou na especi-cação do KTM> 1 disse A realidade é que os %abricantes de na'e*adores t9m o 'eto de-niti'o em tudo na especi-cação+ j3 que se eles não a implementarem + a especi-cação não é nada além do trabalho de -cção 0 http::#ebstandarts#or*:6??!:?:F:inter'ie4ith4ian4hicSson4editor4o%4the4 html4especi-cation: 1# Muitos participantes acharam isto altamente desa*rad3'el Os %abricantes de na'e*adores tomaram de assalto nossa eb reclamaram com al*uma

INTRO6U78O AO 9TML: A D$#Da !r trF# d 9TML: Ainda mai# im!rtante  a ne'e##idade de um !adr) a+ert $i&re 0para utili)ar e li're para implementar1 que possa competir com padr@es propriet3rios como Adobe ,lash ou Microso%t ;il'erli*ht# Independente do que 'oc9 acha destas tecnolo*ias ou empresas acreditamos que a
K3 eDatamente milh@es de p3*inas  é em sua maioria é um deri'ati'o do KTM>7 que continua de-nir como os na'e*adores de'em lidar com marcaç@es anti*as como P%ontQ+ PcenterQ e outras ta*s de apresentação+ pois milh@es de p3*inas eb as utili)am# Mas os autores não de'em utili)34las pois estão obsoletas

INTRO6U78O AO 9TML:

E#trutura Prin'i!a$ .rimeiro o $OCTU.E PVdoct/pe htmlQ

Note que se quer h3 um nBmero de 'ersão+ isto é tudo# Não é uma instrução para encantamento e$a  eigida !e$# na&egadre# .ue !re'i#am da !re#en(a d de um d'tH!e !ara ati&ar  md de !adre# + e esta strin* é a strin* mais curta que o %a) de maneira con-3'el# Então precisamos de-nir a codi-cação de caracteres do documento não %a)9 lo pode resultar em um risco de se*urança obscuro porém real

INTRO6U78O AO 9TML: O .ue  uma TAG 9TMLJ

W o elemento que comp@em a estrutura do documento KTM>+ este elemento é iniciado com o s(mbolo menor 0 P 1 e terminado com o s(mbolo maior 0 Q 1+ como por eDemplo Pdoct/peQ+ PhtmlQ+ Pdi'Q+ etc# As são di'ididas con%orme cate*orias abaiDo O elemento root metadados ;cripts seç@es a*rupamento de conteBdo ;emnticas de n('el de teDto Ediç@es ConteBdo incorporado  Tabelas ,ormul3rios Interati'o

INTRO6U78O AO 9TML: Atri+ut# de uma TAG

&ma TA pode conter atributos+ que são in%ormaç@es que alteram o comportamento da TA# Os atributos podem ser di'ididos em atributos espec(-cos para cada TA e atributos *lobais que são comuns a todas as ta*s# Além das TAs+ eDistem outros elementos que ajudam na construção de documentos KTM>+ que são o C;;+ o Ha'ascript# Uma +re&e deDni() de CSS

W uma abre'iação do termo Cascadin* ;t/le ;heet 0,olhas de Estilo em Cascata1# O C;; permite+ de uma %orma simples+ a a utili)ação de estilos 0cor do teDto+ tamanho e tipo da %onte1 ao documento KTM># Tem como -nalidade %ornecer ao na'e*ador a %orma como os elementos são apresentados#

INTRO6U78O AO 9TML: Uma +re&e deDni() da $inguagem Ka&a#'ri!t

W uma lin*ua*em de pro*ramação que est3 locali)ado do lado cliente+ isto é+ no na'e*ador e tem como objeti'o controlar o KTM> e o C;; manipulando4os no documento KTM># Esta lin*ua*em é muito parecida com as lin*ua*ens CXX e  Ha'a+ permitindo inclusi'e a orientação a objetos# W mantida pela European Computer Manu%acturerYs Association 0http::#ecmascript#or*: 1 e atualmente encontra4se na 'ersão # O .ue  6OM 36'ument O+%e't Mde$5 u Mde$ de O+%et# d 6'ument J

W a inter%ace entre a lin*ua*em Ha'ascript e os objetos do KTM># =asicamente quando o documento KTM> é carre*ado pelo na'e*ador+ o mesmo -ca arma)enado em uma estrutura hier3rquica em %orma de 3r'ore que pode ser %acilmente manipul3'el atra'és de comandos Ha'ascript#

Unidade III - INTRO6U78O  CONSTRU78O 6E PGINAS ESTTICAS - TAGS

Tag# e#truturai# d 9TML:

Os elementos estruturais de-nem a %orma como o documento KTM> pode ser criado# ;ua utili)ação não é obri*at2ria+ no entanto+ recomenda4se que sejam utili)ados em determinadas circunstncias dentro o documento#

PV$OCTU.E htmlQ Phtml lan*Z[en[Q   PheadQ Pmeta charsetZ[ut%4G[Q PtitleQThe KTM> $ocumentP:titleQ   P:headQ   Pbod/Q PpQThe KTM> contentP:pQ   P:bod/Q P:htmlQ

INTRO6U78O  CONSTRU78O 6E PGINAS ESTTICAS - TAGS

O elemento PKTM>Q representa a TA principal para a construção do documento KTM># W apresentado abaiDo a estrutura de um documento KTM># Onde PheadQ 4 Representa uma coleção de metadados# Neste elemento são carre*adas as in%ormaç@es re%erentes ao documento+ como por eDemplo comandos C;; e Ha'ascript# PtitleQ 4 >ocali)ado dentro do PheadQ+ representa o t(tulo do documento# Pbod/Q 4 >ocali)ado no mesmo n('el do PheadQ+ este elemento representa o conteBdo principal da p3*ina# Aqui estão locali)ados todos os comandos necess3rios para a criação do documento KTM>#

PV$OCTU.E htmlQ Phtml lan*Z[en[Q   PheadQ Pmeta charsetZ[ut%4G[Q PtitleQThe KTM> $ocumentP:titleQ   P:headQ   Pbod/Q PpQThe KTM> contentP:pQ   P:bod/Q P:htmlQ

INTRO6U78O  CONSTRU78O 6E PGINAS ESTTICAS - TAGS

O elemento PsectionQ representa uma seção *enérica dentro de um documento# Este elemento pode conter um a*rupamento de teDtos com '3rios cap(tulos+ seç@es numeradas+ etc# No eDemplo abaiDo é apresentado um arti*o contendo um assunto principal e dentro deste assunto '3rias seç@es com assuntos distintos# EDemplo de utili)ação

ParticleQ Ph*roupQ  PhQ>i'ro sobre KTM>P:hQ  Ph6QComo criar uma p3*ina P:h6Q P:h*roupQ PpQO curso de KTM> é muito importante P:pQ PsectionQ PhQO KTM> P:hQ PpQ;ur*imento do KTM> P:pQ P:sectionQ PsectionQ   PhQTa*sP:hQ PpQComandos de criação de p3*inas#P:pQ P:sectionQ P:articleQ

INTRO6U78O  CONSTRU78O 6E PGINAS ESTTICAS - TAGS