web design > história e a evolução do www
DESCRIPTION
A história da internet e a evolução do hipertextoTRANSCRIPT
![Page 1: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/1.jpg)
Web DesignEra uma vez...
![Page 2: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/2.jpg)
Web Design { o começo do começo }
1965 Dois computadores no laboratório Lincoln do MIT conversam entre si usando a tecnologia de troca de pacotes.
![Page 3: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/3.jpg)
Web Design { o começo do começo }
Na verdade foi assim...
![Page 4: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/4.jpg)
Web Design { o começo do começo }
1969 Criação da ARPANET, a primeira rede de computadores à base de troca de pacotes ,a percursora da Internet. Os primeiros computadores conectados em rede entre a Universidade da Califórnia e o Stanford Research Institute .Estava criado a ARPANET, primeira rede.
![Page 5: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/5.jpg)
Web Design { o começo do começo }
O plano infalível...
![Page 6: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/6.jpg)
Web Design { o começo do começo }
Mas na prática foi assim...
![Page 7: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/7.jpg)
Web Design { o começo do começo }
Daí então veio: ● o email● a primeira conexão internacional ● um novo protocolo de conexão (o TCP)
![Page 8: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/8.jpg)
Web Design { o começo do começo }
Em 1980, o hipertexto e o que se tornaria a World Wide Web como conhecemos. O projeto se chamava "ENQUIRE", do físico da CERN Tim Berners-Lee, e tinha como objetivo tornar mais fácil a troca de informações entre as faculdades.
* CERN - Organização Européia de Pesquisas Nucleares
![Page 9: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/9.jpg)
Web Design { o começo do começo }
Em 1988, a UFRJ conectou-se à UCLA (Universidade da Califórnia)
![Page 10: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/10.jpg)
Web Design { o começo do começo }
Em 1993, nasce o primeiro browser, o Mosaic.
![Page 11: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/11.jpg)
Web Design { o começo do começo }
E no ano seguinte, o Netscape.
![Page 12: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/12.jpg)
Web Design { o começo do começo }
E no ano seguinte, o Netscape.
São os mesmos criadores do Mosaic: Marc Andreesen e Eric Bina no National Center
for Supercomputing Applications (NCSA) da Universidade de Illinois (Champaign-Urbana).
![Page 13: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/13.jpg)
Web Design { o começo do começo }
E em 1995, nasce o pioneiro na indexação de conteúdo na Internet; o Altavista.
![Page 14: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/14.jpg)
Web Design { o começo do começo }
![Page 15: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/15.jpg)
Web Design { o começo do começo }
Parecido com um outro, né?
![Page 16: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/16.jpg)
Web Design { o começo do começo }
![Page 17: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/17.jpg)
Web Design { o começo do começo }
![Page 18: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/18.jpg)
Web Design { o começo do começo }
Mas esse, só nasceu em 1996. Chamado inicialmente de BlackRub
![Page 19: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/19.jpg)
Web Design { o começo do começo }
Também em 1995, é iniciado pela EMBRATEL e o Ministério das Comunicações o movimento de implantação de uma Rede Nacional, integrada à rede global.
![Page 20: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/20.jpg)
Web Design { o começo do começo }
Também em 1995, nasce o Comitê Gestor Internet, que é responsável por:● Fomentar o desenvolvimento de serviços
INTERNET no Brasil;● Recomendar padrões e procedimentos técnicos
e operacionais para a INTERNET no Brasil;● Coordenar a atribuição de endereços
INTERNET, o registro de nomes de domínios, e a interconexão de espinhas dorsais;
● Coletar, organizar e disseminar informações sobre os serviços INTERNET.
![Page 21: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/21.jpg)
Web Design { o começo do começo }
Mas e o Web Design?
![Page 22: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/22.jpg)
Web Design { o começo do começo }
Bom, durante a evolução do hipertexto...
![Page 23: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/23.jpg)
Web Design { o começo do começo }
Podemos destacar 4 fases até os dias atuais:
![Page 24: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/24.jpg)
Web Design { o começo do começo }
1a. Fase: Era do Texto
http://www.library.cornell.edu/okuref/research/webeval.html
![Page 25: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/25.jpg)
Web Design { o começo do começo }
2a. Fase: Texto, e pouquinho de imagens.
http://www.hitmill.com/internet/web_history.html
![Page 26: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/26.jpg)
Web Design { o começo do começo }
A 2a. Fase, também foi marcada:● Inicio da utilização dos ícones● Botões com efeitos 3D● Imagens substituindo os títulos● Fundo dos sites com Imagens● Hierarquia de conteúdo através de cores
![Page 27: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/27.jpg)
Web Design { o começo do começo }
A 2a. Fase, também foi marcada:● Inicio da utilização dos ícones● Botões com efeitos 3D● Imagens substituindo os títulos● Fundo dos sites com Imagens● Hierarquia de conteúdo através de cores
● e gif's animados. :P
![Page 28: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/28.jpg)
Web Design { o começo do começo }
A 2a. Fase, também foi marcada:● Inicio da utilização dos ícones● Botões com efeitos 3D● Imagens substituindo os títulos● Fundo dos sites com Imagens● Hierarquia de conteúdo através de cores
● e gif's animados. :P
Os sites eram construídos utilizando tabelas.
![Page 29: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/29.jpg)
Web Design { o começo do começo }
3a. Fase: ● Inicio da Guerra dos Browsers (Microsoft x
Netscape)● Conteúdo dinâmico.● Os sites tinham como alvo atrair e
comunicar de acordo com objetivos específicos.
● Web Designing estava em constante transição por conta das inúmeras tecnologias e recursos lançados; e a cada dia, novas limitações.
![Page 30: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/30.jpg)
Web Design { o começo do começo }
3a. Fase: e chegam os designers gráficos!
![Page 31: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/31.jpg)
Web Design { o começo do começo }
![Page 32: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/32.jpg)
Web Design { o começo do começo }
3a. Fase: e então a moda também era: ● fazer e-commerces,● sites com trilha sonora
![Page 33: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/33.jpg)
Web Design { o começo do começo }
3a. Fase: e então a moda também era: ● fazer e-commerces,● sites com trilha sonora
e o Flash Player começa a se popularizar...
![Page 34: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/34.jpg)
Web Design { o começo do começo }
4a. Fase:
![Page 35: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/35.jpg)
Web Design { o começo do começo }
4a. Fase:
Foi como uma extensão da fase anterior, muitos profissionais apostavam de que TODA produção digital seria feita de multi-media e rich-content.
![Page 36: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/36.jpg)
Web Design { o começo do começo }
4a. Fase:
![Page 37: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/37.jpg)
E então...
Web Design { o começo do começo }
![Page 38: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/38.jpg)
Web Design { o começo do começo }
Surge o termo Web 2.0, que pontua a Era de uma internet focada na interação, nas redes sociais; sendo encarada como uma plataforma que suporta aplicativos e sistemas altamente integrados e complexos.
![Page 39: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/39.jpg)
Web Design { o começo do começo }
A internet se populariza dia-a-dia;O Google cresce;Os sites começam a utilizar novas técnicas de construção: o TABLELESS, que junto com o CSS (folha de estilos), permite desenvolver layouts mais ricos, pois abre-se a possibilidades de trabalhar com inúmeras variações de elementos visuais (cor, tamanho do texto, fonte...)
![Page 40: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/40.jpg)
Web Design { o começo do começo }
![Page 42: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/42.jpg)
Web Design { o começo do começo }
Nos dias atuais, estamos caminhando na evolução da Web 2.0...
![Page 43: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/43.jpg)
Web Design { o começo do começo }
http://www.soleilnoir.net/believein/
![Page 44: Web Design > História e a evolução do www](https://reader033.vdocuments.net/reader033/viewer/2022060118/558affa8d8b42a81338b45a3/html5/thumbnails/44.jpg)
{ continua... }
Web Design { o começo do começo }