Your SlideShare is downloading. ×
Internet - Como funciona - Academia de Verão UA
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Internet - Como funciona - Academia de Verão UA

1,809
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
1,809
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Jorge Braz
    Nuno 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”;