Qual é o exemplo típico do design de sites da velha escola? [fechadas]

Quero criar um site para uma coisa retrô que era popular em meados dos anos 90 (início da Internet comercial).

Então, eu quero usar designs antigos que eram muito populares na época.

A primeira coisa que me veio à mente foram aqueles " under construction" gifs animados. As pessoas costumam colocar gifs animados em todos os lugares.

Mas também aqueles fundos terríveis e repetitivos .

Então, sim, quero que meu site seja exatamente igual em meados dos anos 90;)

(sugira recursos práticos e utilizáveis, acho que um menu do Java Applet não funcionaria hoje ou dizendo na parte inferior que este site é otimizado para o Netscape 3)

EDIT : para quem quer ver o resultado: Retrologia

Que tal e a hilariante contribuição de Bruce Lawson para o css zen garden ?

O "estilo" de um site do início a meados dos anos 90 é basicamente um site sem nenhum estilo. É fácil economizar largura de banda e também devido a limitações técnicas dos padrões da web (ou a falta deles). Veja o layout original da Amazon (1995):

Ele não precisa ser vistoso e com toneladas de GIFs animados ou placas em construção (eles eram comuns, mas não em sites comerciais operacionais).

Outro bom exemplo seria o pets.com (1998-2000), que ganhou muitos prêmios da indústria de publicidade por seu design de site. Mas não consigo encontrar uma captura de tela dele.

De qualquer forma, apesar de a maioria ser considerada um design ruim hoje em dia, ainda existem bons e maus web design dos anos 90. Por exemplo, um plano de fundo cinza é bastante "retro", assim como paletas de 256 cores, gráficos da web no estilo clip-art dos anos 90 e face do tipo Times New Roman. Os quadros também são um bom retrocesso, assim como os links Gopher e os contadores de ocorrências. Mas coisas como música de fundo midi, cores contrastantes do dia-a-dia, GIFs animados de ações etc. são mais características de designs ruins do que o design dos anos 90 em geral.

Você pode dar uma olhada na minha home page , eu fiz isso em meados dos anos 90. Use rodapés de RH de estilo antigo com as últimas atualizações válidas, que os navegadores em segundo plano cinza costumavam ter por padrão. Ícones do navegador de estilo antigo. GIFs animados eram novos e estavam por toda parte.

Pense basicamente: geocities / angelfire.

Se você planeja criar uma "página pessoal", lembre-se de usar qualquer uma dessas "folhas de estilo em cascata" sofisticadas - você não precisará delas.

Abra seu editor WYSIWYG favorito (o Microsoft Word fará uma pitada) e junte algo com bastante texto colorido e uso ousado de fontes (em caso de dúvida, use o Comic Sans).

Lembre-se de usar gráficos com uma "paleta segura da Web" e, sim, você precisará de muitos GIFs animados.

Se você quiser alguns exemplos de como os sites de negócios pareciam, provavelmente é melhor escolher os nomes de algumas marcas que ainda existem hoje e visitar a Wayback Machine .

O primeiro site que me vem à cabeça é http://webpagesthatsuck.com/

Olhe para a categoria da velha escola. A propósito, este site é incrível como sua proposta: aprenda o design com o que NÃO faz amostras.

• Imagem do proprietário do site
• Gif animado de construção
• contador de visitas visível
• tabelas visíveis
• repetindo planos de fundo
• tipos de letra monoespaços
• cores genéricas do link (azul, roxo, vermelho)
• menus suspensos
• tornando cada item de menu uma cor diferente
• listas com marcadores
• "Clique aqui!" - links
• clip art
• música de fundo
• layout grotesco (tudo é distanciado uniformemente / tem o mesmo tamanho)
• Fonte Times New Roman
• gradientes pesados, quase psicodélicos
• bordas em torno das imagens
• tudo geocities, basicamente

Oh, você vai adorar isso .

Use a máquina de wayback da Internet em http://archive.org/web/web.php . Você pode pesquisar qualquer site e ver uma linha do tempo de como ele evoluiu ao longo dos anos. É claro que exemplos clássicos seriam Yahoo, Google e similares, mas você também pode escolher um blog como o Scobelizer, etc, e ver como ele evoluiu.

Se você conhece os marcos do histórico do navegador (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit), pode ver essas datas e ver como os sites evoluíram para adquirir a nova funcionalidade.

Lembro-me de algumas coisas:

• A maioria deles costuma usar o design de quadros.
• Eles muitas vezes tinham contador para lhe dizer This page has been visited xxx times.
• Pareciam páginas da Geocities.

Até o último ponto, o Geocities não existe mais, no entanto, eles são alguns sites que hospedam novamente o conteúdo do site. Você pode dar uma olhada nelas para obter mais idéias.

• http://www.geocities.ws/search/local/ (você pode pesquisar com esse)
• http://www.reocities.com/neighborhoods/
• http://www.geociti.es/neighborhoods.html
• http://www.oocities.org/

Use uma fonte Courier. É realmente um reflexo da década de 1950, mas realmente parece velho.

O interessante é que acho que você pode atingir seu objetivo sem atirar propositadamente para coisas feias, como um carro clássico que não é um Pinto. Não é tão bom quanto as novidades, mas você pode apreciá-lo no contexto do dia.

Algumas coisas que eu lembro:

• Os links devem estar sublinhados, em azul; visitados são roxos. (ainda prevalente)

• Fundo cinza é uma obrigação.

• Os quadros eram muito comuns, como já mencionado.

• Entre em contato conosco muitas vezes tinha um envelope animado.

Você esqueceu que deveria ter uma página de destino onde escolher entre "Visualizar site com frames" ou "Visualizar site sem frames"!

Faça essas imagens de baixa resolução, feitas de MSPaint ou algo assim! Barras laterais com gradientes de baixa resolução também funcionariam! Cores brilhantes e irritantes, bem como toneladas de gifs intermitentes com desenvolvimento muito lento e anúncios repetidos, estão definitivamente gritando "internet @ 90's". Uau, de repente me senti nostálgico com os velhos tempos depois de olhar para o link de Pierre. Eu me pergunto como seria se um dos sites de redes sociais mais populares de hoje fosse desenvolvido nos anos 90. Imagine o FB, parecendo um site de geocities LOL.

Não se esqueça de ter algum tipo de javascript que segue o cursor. Talvez um par de olhos, alguns flocos de neve, tanto faz.

E foi nesse período que ocorreu a reprodução automática de arquivos midi?