O documento explica como funciona a internet, descrevendo que servidores são identificados por endereços IP e que permitem o acesso à informação através de navegadores e outros clientes. Também define o protocolo HTTP usado para a transmissão de ficheiros entre servidores e clientes, e descreve a anatomia de uma página web, incluindo HTML, CSS, JavaScript e outros recursos.

1. Jorge BrazNuno Simaria

2. Internet, como funciona? · Como é a “nuvem”? · Servidoresidentificadospor um endereço, ouIP,único- 81.92.123.53 · Servidores “especiais” queassociamalguns IPs a domínios- www.ua.pt, campus.ua.sapo.pt · Acedemos a toda a informaçãoatravés de clientes - navegadores, clientes FTP, dropbox, UDP parajogos, e muitosoutros…

3. O que é o HTTP? · Hypertext Transfer Protocol · Protocolomuito simples paratransmissão de ficheirosnumarede… - GET, POST, … · O browser ounavegador, é um cliente de HTTP. - Chrome, IE, Firefox, Safari, Opera, … · Um browser interpreta HTML (linguagem de formatação) e umavariedade de outrostipos de ficheiro - jpg, gif, swf, css, mp3, java

4. Anatomia de uma página · HTML - Abrir http://campus.ua.sapo.pt· Imagens, sons e vídeos.· Folha de estilo: CSS· Linguagem de script: normalmente, e quaseexclusivamente, JavaScript· Outrosrecursos-Filmes de flash (youtube, jogos), outraspáginas web (widgets), …

5. HTML · Hypertext Markup Language · Não é mais do que um ficheiro de texto, cujoconteúdoestáestructurado de uma forma específica (e quedefinem o DOM). · Organizaçãoem forma de árvore de etiquetasque se definemdaseguinte forma:<etiqueta id=“etiquetaespectacular”> <subetiquetanome=“eusouumasubetiqueta” /> <outra class=“muitaclasse” >conteúdo de outrasubetiqueta</outra> </etiqueta>

6. CSS · Cascading Style Sheets · Servemparaassociarmosinformaçãoacerca do estilo visual do HTML · O porquê do Cascading· É também(normalmente) um ficheiro de texto, mas com umasintaxediferente:etiqueta {font-weight: bold;} #etiquetaespectacular {background: #000000; color: #00ff00;} .muitaclasse {font-family: Courier New}

7. JS · JavaScript · Serve paraampliar o comportamentopordefeito do HTML · Validação de formulários, manipulação do DOM, e muitomais…· É também (normalmente) um ficheiro de texto, mas com umasintaxediferente:varelemento = document.getElementById (“etiquetaespectacular”);elemento.innerHTML = “Eusoumesmo fixe”;