Novidades para Download: PC, X360, Wii e PS3

Infográfico: como a web era programada

Ter, 15 de Novembro de 2011 12:07 Escrito por maykonm

Siga-nos! Fique por dentro de tudo:

Confira também:

Front-end é a arte de passar a imagem do site para código.

O designer cria em um editor de imagens como o site vai ficar, o front-end transforma aquilo em algo que o navegador lerá direito e o programador faz a mágica acontecer.Essas três áreas evoluíram e a internet cresceu e se tornou mais gostosa de usar. O infográfico do Geek Girl mostra como a vida era diferente há vinte anos, quando todas as conexões eram discadas – haja tabela e gif animado para prender o internauta…

Começo dos anos 90: texto puro e links

Ah a web de várzea, a web moleque, a web texto e link. Em 1991, a primeira página foi criada. Só em 1994, o pai do CSS (folhas de estilos, que dão a carinha para os sites) foi inventado. Também em 1994, o PHP foi inventado, uma das linguagens mais populares da rede. Em 1995, foi o Javascript que surgiu. Ele brinca com elementos na página, mas naquela época lançava as mensagens em caixas de texto. O Photoshop começou em 1989, mas as camadas vieram só em 1994.

Fim dos anos 90: frames e gifs animados

É daqui que vem todas as suas lembranças sobre internet antiga.Páginas de quadros (ou frames) eram práticas porque, uma mesma página, poderia ser usada em diversas outras. O menu, por exemplo, só precisava ser alterado uma vez. Era péssimo para indexação nos motores de busca, mas naquela época isso ainda não era lá tão importante.Em 1996, o Macromedia (ainda era Macromedia na época) Flash foi lançado. Em 1996, as páginas começaram a ser feitas com tabelas, que era o que conseguia renderizar direito tanto em Internet Explorer quanto em Netscape.Em 1992, o W3C começou a regulamentar como se deveriam fazer páginas. O PHP chegou à versão 4 em 1999. Javascript rodava no IE3 e o primeiro CMS (sites que gerenciam conteúdo sem precisar saber código) começou a ser desenvolvido.O ImageReady criou uma forma de fazer gifs animados mais facilmente com arquivos finais mais leves. Junto ao Photoshop, criaram o “Salvar para Web” em 1999.

Começo dos anos 2000: editores WYSIWYG, Ajax e CMS

WYSIWYG significa “What you see is what you get”. Nesses editores, você fazia o site sem visualizar o código do modo como ele supostamente ficaria nos navegadores. O código era um monte de lixo e a visualização final mudava de navegador para navegador, mas muitos front-enders nasceram daqui (eu inclusive!).Em 2000, o IE 5 começou a dar suporte para CSS, de forma que não seria mais necessário fazer sites em tabela. Em 2005, tivemos o último Dreamweaver (programa com editor WYSIWYG) da Macromedia.Só em 2004 o Ajax (método de fazer chamadas a outras páginas misturando PHP e Javascript) teve início, substituindo de vez os frames. Naquele ano, também foi entregue o PHP 5 e os CMSs entraram com força: WordPress, Joomla e Drupal lançaram suas primeiras versões.O Photoshop adicionou os modos de mesclagem de imagem em 2000, na sua sexta versão. Em 2002, os textos viraram vetores e, em 2003, a ferramenta de recorte foi inserida. Ela separava a imagem em pedaços e formava, se você quisesse, um HTML com uma imagem fatiada.

Fim dos anos 2000: temas, apps para internet, frameworks, fontes

Em 2007, o Dreamweaver e o Fireworks começaram a ser distribuídos pela Adobe – e não pela Macromedia. Até então, elas eram rivais – na minha opinião, o Dreamweaver nunca mais foi o mesmo, principalmente na parte onde tem os assistentes de PHP, mas isso é falta de conhecimento meu na linguagem. A Adobe também começou um serviço online de fotos.Em 2009, o CSS3 (que a gente só viu a partir de 2011) começou a ser desenvolvido. A essa altura, os sites em CSS já estavam mais difundidos desde a chegada do W3C lá no começo de 2000. Se tornaram populares os serviços que passavam PSD (arquivo do Photoshop) para HTML – e eu tive medo que minha profissão não tivesse futuro porque eu fazia exatamente isso, só que na mão.Foi em 2008 que o embrião do HTML5 apareceu no site da W3C. Os temas de WordPress ficaram populares e o PHP6 começou a ser feito em 2009.

Hoje

O Flash está cada dia menos presente. Os sites com HTML5, CSS3 e Javascript estão cada vez mais ativos e ainda tem muita gente com navegador antigo sem conseguir usar tudo que a internet tem para oferecer. Navegadores antigos como o Internet Explorer 6 são um terror para quem desenvolve sites, pois ele não está atualizado com as regras do W3C. Então, se mantenha atualizado porque a internet não para. Acompanhe!