Aula 1 de HTML e CSS

1. Html e CSS

2. História da Internet
● A internet é o mair meio de comunicação que toda a humanidade já viu.
● O número de internautas no mundo já é de 3,2 bilhões, segundo dados divulgados
nesta terça-feira (26/05/15) pela União Internacional das Telecomunicações, órgão
vinculado à Organização das Nações Unidas (ONU).

3. História da Internet
● Segundo dados, 99% das comunicações entre continentes se produzem em forma de pulso pelo mar. São mais
de 900.000 km de cabos submarinos que ficam entorno no planeta e chegam até os lugares mais afastados.
● Com a quantidade de cabos existentes nos mares poderiam dar 22 voltas na terra pelo Equador e realizar uma
viagem de ida e volta à lua. Em outras palavras, essas vias funcionam como se fossem viadutos que tornam
possíveis nossas comunicações internacionais ou a troca de grandes volumes de informação.
●
O processo é rápido, diferente das comunicações por satélites. Por isso, cerca de 90% do tráfego da internet
circula por meio desses cabos que unem os cinco continentes.

4. História da Internet
● As comunicações se
deram pela
nescessidadde de o
Homem primitivo passar
informações diversas

5. História da Internet
● A comunicação a distância se deu pela criação de um dispositivo que conseguia transmitir pulsos eletricos atraves de fios
interconectados e ainda atraves de códigos, o Telegrafo.
● O principal código utilizado pelos telégrafos foi o código Morse, que surgiu com a criação do telégrafo elétrico na década de
1830. Samuel Morse criou e registrou a patente do telégrafo no ano de 1837.

6. História da Internet
●
A internet revolucionou o funcionamento
tradicional das sociedades modernas como o
fizeram, a seu tempo, a imprensa, a máquina
a vapor, a eletricidade ou a telegrafia sem fio
(rádio). Hoje parece normal fazer cursos on-
line, preencher formulários administrativos a
distância ou expressar opiniões em fóruns
de discussão.

7. História da Internet
● Ela nasceu no final dos
anos 1960, em plena
Guerra Fria, graças à
iniciativa do Departamento
de Defesa americano, que
queria dispor de um
conjunto de comunicação
militar entre seus diferentes
centros. Uma rede que
fosse capaz de resistir a
uma destruição parcial,
provocada, por exemplo,
por um ataque nuclear.

8. História da Internet
● Para isso, o pesquisador Paul Baran concebeu um conjunto que teria como base um
sistema descentralizado.
● Esse cientista é considerado um dos principais pioneiros da internet.
● Ele pensou em uma rede tecida como uma teia de aranha (web, em inglês), na qual os
dados se movessem buscando a melhor trajetória possível, podendo “esperar” caso as
vias estivessem obstruídas.
● Essa nova tecnologia, sobre a qual também se debruçaram outros grupos de
pesquisadores americanos, foi batizada de packet switching, “troca de pacotes”.

9. História da Internet
● Em 1969, a rede ARPAnet já estava operacional.
● Ela foi o fruto de pesquisas realizadas pela Advanced Research
Project Agency (ARPA), um órgão ligado ao Departamento de
Defesa americano.
● A ARPA foi criada pelo presidente Eisenhower em 1957, depois
do lançamento do primeiro satélite Sputnik pelos soviéticos,
para realizar projetos que garantissem aos Estados Unidos a
superioridade científica e técnica sobre seus rivais do leste.

10. História da Internet
● A ARPAnet a princípio conectaria as universidades de Stanford, Los
Angeles, Santa Barbara e de Utah.
● Paralelamente, em 1971, o engenheiro americano Ray Tomlinson
criou o correio eletrônico.
● No ano seguinte, Lawrence G. Roberts desenvolveu um aplicativo que
permitia a utilização ordenada dos e-mails. As mensagens eletrônicas
se tornaram o instrumento mais utilizado da rede.
● A ARPAnet seguiu sua expansão durante os anos 1970 – a parte de
comunicação militar da rede foi isolada e passou a se chamar MILnet.

11. História da Internet

12. História da Internet
●
Outras redes, conectando institutos de pesquisas, foram
criadas nos Estados Unidos, Grã-Bretanha e França.
●
Faltava estabelecer uma linguagem comum a todas. Isso foi
feito com o protocolo TCP/IP, inventado por Robert Kahnet e
Vint Cerf em 1974.
●
A ARPAnet adotou essa padronização em 1976.
●
E assim começou a aventura da web com seu primeiro milhar
de computadores conectados.
●
O afluxo de usuários engendrou um fenômeno de sobrecarga.
Em 1986, uma nova rede foi lançada pela National Science
Foundation. A ARPAnet se juntou a ela quatro anos mais tarde.

13. História da Internet
● Uma etapa decisiva foi superada em 1990 com a criação, por um pesquisador do
Conselho Europeu para a Pesquisa Nuclear em Genebra (Cern), Tim Berners-Lee, do
protocolo HTTP (Hyper Text Transfer Protocol) e da linguagem HTML (Hyper Text Markup
Language), que permitem navegar de um site a outro, ou de uma página a outra.
● A World Wide Web (www) lançou seu voo, e a internet se abriu ao público, empresas
particulares e privadas. Uma multidão de sites apareceu.

14. O que é internet?
● A Internet é um sistema global de redes de computadores
interligadas que utilizam um conjunto próprio de protocolos (Internet
Protocol Suite ou TCP/IP) com o propósito de servir
progressivamente usuários no mundo inteiro. É uma rede de várias
outras redes, que consiste de milhões de empresas privadas,
públicas, acadêmicas e de governo, com alcance local e global e
que está ligada por uma ampla variedade de tecnologias de rede
eletrônica, sem fio e ópticas.

15. O software básico para conexão à
Internet
● Cada equipamento de hardware tem
seus programas próprios para seu
funcionamento.
● Além do software associado ao hardware
para conexão à Internet, é preciso ter
pelo menos um browser (navegador)
para se poder visitar os sites disponíveis.
● Exemplos de browser (navegador):
Netscape, Internet Explorer, Opera,
Mozilla etc.

16. Protocolos
● Assim como temos nossas regras sociais de comunicação (por
exemplo, em uma palestra somente uma pessoa fala; em uma
assembléia, são várias as pessoas que falam e, mesmo assim,
uma pessoa fala por vez), também os computadores precisam
de algumas regras para trocar informações.
● No caso da Internet, essas regras básicas estão reunidas no
conjunto de protocolos chamados TCP/IP.

17. O protocolo IP
● Na Internet cada computador tem um número IP próprio, assim como
cada casa tem um endereço único.
● Empresas que têm redes ligadas dia e noite na Internet possuem o
que se chama acesso dedicado, isto é, as conexões de sua rede têm
sempre um mesmo número IP na Internet.
● Quando temos acesso à Internet através de um provedor, usamos o
que se chama acesso discado, e nossa conexão com a Internet em
geral ganha números IP diferentes a cada acesso. Mesmo assim,
quando nosso computador se conecta ao provedor, o número IP
atribuído a ele é único em toda a Internet.

18. O protocolo TCP
● Suponhamos que em dado computador existem
vários programas se comunicando através da
rede em um mesmo instante - por exemplo, uma
página da Web sendo carregada enquanto se
verifica a caixa postal.
● Como o computador "sabe" que a página da Web
deve ir para o browser e os e-mails para o
programa que lê e-mails?

19. O protocolo TCP
● Isso é possível porque cada programa em execução recebe também seu endereço próprio dentro do computador:
no caso de programas que se comunicam pela Internet, esse endereço é o número TCP.
● Assim, continuando a comparação com endereços físicos, suponhamos que seu computador é um prédio de
apartamentos com um dado número IP; seu browser e seu programa de e-mail seriam apartamentos distintos
nesse prédio, cada qual com seu número TCP.

20. O protocolo TCP

21. Outros protocolos
● Veremos que, para cada tipo de recurso
disponível pela Internet, também existe um
protocolo de comunicação específico, além do
TCP/IP.

22. Recursos da Internet
● E-mail Serviço de intercâmbio assíncrono de
mensagens, o "correio eletrônico" utiliza-se dos
protocolos POP ou IMAP e SMTP .
● FTP Permite a transferência de arquivos, pelo
protocolo FTP - File Transfer Protocol.

23. Recursos da Internet
● Telnet Permite a conexão e interação com
computadores remotos, simulando um terminal,
pelo protocolo telnet .
● Gopher Sistema precursor da World-Wide Web,
utiliza o protocolo gopher para apresentar
menus de navegação, documentos e imagens.

24. O que é World-Wide Web?
● A World-Wide Web (também chamada Web ou WWW) é, termos gerais, a interface gráfica da
Internet.
● Ela é um sistema de informações organizado de maneira a englobar todos os outros sistemas de
informação disponíveis na Internet.
●
Sua idéia básica é criar um mundo de informações sem fronteiras, prevendo as seguintes
características:
– interface consistente;
– incorporação de um vasto conjunto de tecnologias e tipos de documentos;
– "leitura universal".
● Para isso, implementa três ferramentas importantes:
– um protocolo de transmissão de dados - HTTP;
– um sistema de endereçamento próprio - URL;
– uma linguagem de marcação, para transmitir documentos formatados através da rede - HTML.

25. HTTP
● HTTP significa HyperText Transfer Protocol - Protocolo de
Transferência de Hipertexto.
● O HTTP é o protocolo usado para a transmissão de dados no
sistema World-Wide Web.
● Cada vez que você aciona um link, seu browser realiza uma
comunicação com um servidor da Web através deste
protocolo.

26. URL
● O sistema de endereçamento da Web é baseado em
uma sintaxe chamada URI ( Universal Resource
Identifier - Identificador Universal de Recursos).
● Os endereços que utilizamos atualmente são os URL s,
que seguem essa sintaxe.
● URL significa Uniform Resource Locator - Localizador
Uniforme de Recursos.
● Um exemplo de URL é:
– http://www.icmc.usp.br/ensino/material/html/url.html

27. URL
● Esse endereço identifica:
– o protocolo de acesso ao recurso desejado ( http ),
– a máquina a ser contactada ( www.icmc.usp.br ),
– o caminho de diretórios até o recurso ( ensino/material/html/ ), e - o
recurso (arquivo) a ser obtido ( url.html ).
● Através de URL s também acionamos programas (scripts),
enviamos parâmetros para esses programas, etc.

28. HTML
●
HTML significa HyperText Markup Language - Linguagem de Marcação de Hipertexto.
●
Não é possível programar em linguagem HTML , pois ela é simplesmente uma linguagem de marcação:
ela serve para indicarmos formatações para textos, inserir imagens e ligações de hipertexto.
●
Os browsers são os responsáveis por identificar as marcações em HTML e apresentar os documentos
conforme o que foi especificado por essas marcações.