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...
Próximos SlideShares
Carregando em…5
×

Internet - Como funciona - Academia de Verão UA

2.059 visualizações

Publicada em

Publicada em: Tecnologia, Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
2.059
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1.138
Ações
Compartilhamentos
0
Downloads
4
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no 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 />

×