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”;