Jorge Braz<br />Nuno Simaria<br />
Internet, como funciona?	<br />· Como é a “nuvem”?<br />  · Servidoresidentificadospor um endereço, ouIP,único- 81.92.123....
O que é o HTTP?	<br />· Hypertext Transfer Protocol<br />  · Protocolomuito simples paratransmissão de ficheirosnumarede… ...
Anatomia de uma página	<br />· HTML - Abrir http://campus.ua.sapo.pt<br />· Imagens, sons e vídeos.<br />· Folha de estilo...
HTML	<br />· Hypertext Markup Language<br />  · Não é mais do que um ficheiro de texto, cujoconteúdoestáestructurado de um...
CSS	<br />· Cascading Style Sheets<br /> · Servemparaassociarmosinformaçãoacerca do estilo visual do HTML<br />  · O porqu...
JS	<br />· JavaScript<br /> · Serve paraampliar o comportamentopordefeito do HTML<br />  · Validação de formulários, manip...
Upcoming SlideShare
Loading in …5
×

Internet - Como funciona - Academia de Verão UA

2,040 views

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,040
On SlideShare
0
From Embeds
0
Number of Embeds
1,138
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Internet - Como funciona - Academia de Verão UA

  1. 1. Jorge Braz<br />Nuno Simaria<br />
  2. 2. Internet, como funciona? <br />· Como é a “nuvem”?<br /> · Servidoresidentificadospor um endereço, ouIP,único- 81.92.123.53<br /> · Servidores “especiais” queassociamalguns IPs a domínios- www.ua.pt, campus.ua.sapo.pt<br /> · Acedemos a toda a informaçãoatravés de clientes - navegadores, clientes FTP, dropbox, UDP parajogos, e muitosoutros…<br />
  3. 3. O que é o HTTP? <br />· Hypertext Transfer Protocol<br /> · Protocolomuito simples paratransmissão de ficheirosnumarede… - GET, POST, …<br /> · O browser ounavegador, é um cliente de HTTP. - Chrome, IE, Firefox, Safari, Opera, … <br /> · Um browser interpreta HTML (linguagem de formatação) e umavariedade de outrostipos de ficheiro - jpg, gif, swf, css, mp3, java<br />
  4. 4. Anatomia de uma página <br />· HTML - Abrir http://campus.ua.sapo.pt<br />· Imagens, sons e vídeos.<br />· Folha de estilo: CSS<br />· Linguagem de script: normalmente, e quaseexclusivamente, JavaScript<br />· Outrosrecursos-Filmes de flash (youtube, jogos), outraspáginas web (widgets), …<br />
  5. 5. HTML <br />· Hypertext Markup Language<br /> · Não é mais do que um ficheiro de texto, cujoconteúdoestáestructurado de uma forma específica (e quedefinem o DOM).<br /> · Organizaçãoem forma de árvore de etiquetasque se definemdaseguinte forma:<br /><etiqueta id=“etiquetaespectacular”><br /> <subetiquetanome=“eusouumasubetiqueta” /><br /> <outra class=“muitaclasse” >conteúdo de outrasubetiqueta</outra><br /> </etiqueta><br />
  6. 6. CSS <br />· Cascading Style Sheets<br /> · Servemparaassociarmosinformaçãoacerca do estilo visual do HTML<br /> · O porquê do Cascading<br />· É também(normalmente) um ficheiro de texto, mas com umasintaxediferente:<br />etiqueta {font-weight: bold;}<br /> #etiquetaespectacular {background: #000000; color: #00ff00;}<br /> .muitaclasse {font-family: Courier New}<br />
  7. 7. JS <br />· JavaScript<br /> · Serve paraampliar o comportamentopordefeito do HTML<br /> · Validação de formulários, manipulação do DOM, e muitomais…<br />· É também (normalmente) um ficheiro de texto, mas com umasintaxediferente:<br />varelemento = document.getElementById (“etiquetaespectacular”);<br />elemento.innerHTML = “Eusoumesmo fixe”;<br />

×