O documento descreve a evolução da web desde 1965, quando dois computadores se comunicaram pela primeira vez até os dias atuais. Ele destaca eventos importantes como a criação da ARPANET em 1969, o projeto ENQUIRE de Tim Berners-Lee em 1980 que levou à criação da World Wide Web, o lançamento dos primeiros navegadores como Mosaic e Netscape nos anos 1990 e a popularização das redes sociais e do termo Web 2.0 nos dias atuais. O texto também aborda as diferentes fases do design web ao longo dos anos.

1. Web Design
Era uma vez...

2. 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.

3. Web Design { o começo do começo }
Na verdade foi assim...

4. 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.

5. Web Design { o começo do começo }
O plano infalível...

6. Web Design { o começo do começo }
Mas na prática foi assim...

7. 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)

8. 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

9. Web Design { o começo do começo }
Em 1988, a UFRJ conectou-se à UCLA
(Universidade da Califórnia)

10. Web Design { o começo do começo }
Em 1993, nasce o primeiro browser, o Mosaic.

11. Web Design { o começo do começo }
E no ano seguinte, o Netscape.

12. 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).

13. Web Design { o começo do começo }
E em 1995, nasce o pioneiro na indexação de
conteúdo na Internet; o Altavista.

14. Web Design { o começo do começo }

15. Web Design { o começo do começo }
Parecido com um outro, né?

16. Web Design { o começo do começo }

17. Web Design { o começo do começo }

18. Web Design { o começo do começo }
Mas esse, só nasceu em 1996. Chamado
inicialmente de BlackRub

19. 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.

20. 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.

21. Web Design { o começo do começo }
Mas e o Web Design?

22. Web Design { o começo do começo }
Bom, durante a evolução do hipertexto...

23. Web Design { o começo do começo }
Podemos destacar 4 fases até os dias atuais:

24. Web Design { o começo do começo }
1a. Fase: Era do Texto
http://www.library.cornell.edu/okuref/research/webeval.html

25. Web Design { o começo do começo }
2a. Fase: Texto, e pouquinho de imagens.
http://www.hitmill.com/internet/web_history.html

26. 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

27. 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

28. 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.

29. 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.

30. Web Design { o começo do começo }
3a. Fase: e chegam os designers gráficos!

31. Web Design { o começo do começo }

32. 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

33. 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...

34. Web Design { o começo do começo }
4a. Fase:

35. 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.

36. Web Design { o começo do começo }
4a. Fase:

37. Web Design { o começo do começo }
E então...

38. 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.

39. 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...)

40. Web Design { o começo do começo }

41. Web Design { o começo do começo }
http://www.csszengarden.com/

42. Web Design { o começo do começo }
Nos dias atuais, estamos caminhando na
evolução da Web 2.0...

43. Web Design { o começo do começo }
http://www.soleilnoir.net/believein/

44. Web Design { o começo do começo }
{ continua... }