Quel est l'exemple typique de la conception de sites Web à l'ancienne? [fermé]

Je veux construire un site Web pour une chose rétro qui était populaire au milieu des années 90 (début de l'internet commercial).

Je veux donc utiliser d' anciens designs qui étaient très populaires à l'époque.

La première chose qui m'est venue à l'esprit était ces " under construction" gifs animés. Les gens mettent souvent des gifs animés partout.

Mais aussi ces horribles arrière-plans répétés .

Alors oui, je veux que mon site Web ressemble exactement au milieu des années 90;)

(veuillez suggérer des fonctionnalités pratiques et utilisables, je suppose qu'un menu Java Applet ne fonctionnerait pas aujourd'hui, ou dire en bas que ce site Web est optimisé pour Netscape 3)

EDIT : pour ceux qui veulent voir le résultat: Retrology

Que diriez-vous de la contribution hilarante du jardin zen de CSS Lawson de Bruce Lawson ?

Le «style» d'un site Web du début au milieu des années 90 est essentiellement un site Web sans aucun style. Il est évident d'économiser sur la bande passante ainsi qu'en raison des limitations techniques des normes Web (ou de leur absence). Prenez la disposition originale d'Amazon (1995):

Il n'a pas à être criard et avec des tonnes de GIF animés ou de panneaux en construction (ils étaient courants, mais pas sur les sites Web commerciaux opérationnels).

Un autre bon exemple serait pets.com (1998-2000), qui a remporté de nombreux prix de l'industrie de la publicité pour la conception de son site Web. Mais je ne trouve pas de capture d'écran.

Quoi qu'il en soit, même si la plupart d'entre eux seraient considérés comme une mauvaise conception de nos jours, il existe toujours des conceptions Web à la fois bonnes et mauvaises des années 90. Par exemple, un fond gris est assez "rétro", tout comme les palettes de 256 couleurs, les graphiques Web de style clip art des années 90 et le visage de type Times New Roman. Les cadres sont également un bon retour en arrière, tout comme les liens Gopher et les compteurs de touches. Mais des choses comme la musique de fond midi, les couleurs diurnes opposées, les GIF animés en stock, etc. sont plus caractéristiques des conceptions médiocres que la conception Web des années 90 en général.

Vous pouvez jeter un oeil à ma page d'accueil , je l'ai fait au milieu des années 90. Utilisez les pieds de page HR à l'ancienne avec les dernières mises à jour sont bonnes, que les navigateurs à fond gris avaient par défaut. Icônes de navigateur de style ancien. Les GIF animés étaient nouveaux et étaient partout.

Pensez essentiellement: géocités / angelfire.

Si vous prévoyez de créer une "page d'accueil personnelle", oubliez d'utiliser l'une de ces "feuilles de style en cascade" fantaisistes - vous n'en aurez pas besoin.

Ouvrez votre éditeur WYSIWYG préféré (Microsoft Word fera l'affaire) et créez quelque chose avec beaucoup de texte coloré et une utilisation audacieuse des polices (en cas de doute, optez pour Comic Sans).

N'oubliez pas d'utiliser des graphiques avec une "palette Web sécurisée" et, oui, vous aurez besoin de beaucoup de .GIF animés.

Si vous voulez quelques exemples de l' apparence des sites commerciaux , vous feriez probablement mieux de choisir les noms de quelques marques qui existent encore aujourd'hui et de visiter la Wayback Machine .

Le premier site qui me vient à l'esprit est http://webpagesthatsuck.com/

Regardez dans la catégorie de la vieille école. Soit dit en passant, ce site est génial comme sa proposition: apprendre la conception à travers ce qu'il ne faut PAS faire d'échantillons.

• Image du propriétaire du site Web
• Gif animé en construction
• compteur de coups visible
• tableaux visibles
• arrière-plans répétés
• polices de caractères monospaces
• couleurs de liens génériques (bleu, violet, rouge)
• menus déroulants
• faire de chaque élément de menu une couleur différente
• listes à puces
• "Cliquez ici!" - liens
• clipart
• musique de fond
• mise en page grotesque (tout est uniformément distancé / a la même taille)
• Times New Roman font
• gradients lourds, presque psychédéliques
• bordures autour des images
• tout géocités, essentiellement

Oh, tu vas juste adorer ça .

Utilisez la machine de renvoi Internet à l' adresse http://archive.org/web/web.php . Vous pouvez rechercher n'importe quel site et voir une chronologie de son évolution au fil des ans. Des exemples classiques seraient bien sûr Yahoo, Google et similaires, mais vous pouvez également choisir un blog comme Scobelizer, etc. et regarder comment il a évolué.

Si vous connaissez les jalons de l'historique de votre navigateur (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit), vous pouvez consulter ces dates et regarder comment les sites ont évolué pour acquérir les nouvelles fonctionnalités.

Il y a peu de choses dont je me souviens:

• La plupart d'entre eux ont tendance à utiliser la conception du cadre.
• Ils avaient souvent un comptoir à vous dire This page has been visited xxx times.
• Ils ressemblaient à des pages de Geocities.

Pour le dernier point, Geocities n'existe plus, mais ce sont des sites Web qui ré-hébergent le contenu des géocités. Vous voudrez peut-être les consulter pour plus d'idées.

• http://www.geocities.ws/search/local/ (Vous pouvez faire une recherche avec celui-ci)
• http://www.reocities.com/neighborshoods/
• http://www.geociti.es/neighborshoods.html
• http://www.oocities.org/

Utilisez une police Courier. Cela reflète vraiment les années 50, mais ça fait vraiment vieux.

Fait intéressant, je pense que vous pouvez atteindre votre objectif sans viser délibérément les choses laides, un peu comme une voiture classique qui n'est pas une Pinto. Ce n'est pas aussi agréable que les nouveautés, mais vous pouvez l'apprécier dans le contexte de la journée.

Certaines choses dont je me souviens:

• Les liens doivent être soulignés, en bleu; visités sont violets. (toujours répandu)

• Un fond gris est un must.

• Les cadres étaient très courants, comme déjà mentionné.

• Contactez-nous avait souvent une enveloppe animée.

Vous avez oublié que vous devriez avoir une page de destination où vous pouvez choisir entre "Voir le site avec des cadres" ou "Voir le site sans cadres"!

Faites ces images basse résolution, faites de MSPaint ou quelque chose! Les barres latérales avec des dégradés basse résolution fonctionneraient aussi! Des couleurs vives ennuyeuses, ainsi que des tonnes de gifs clignotants avec un développement très lent et des publicités en boucle crient définitivement "Internet @ 90's". Wow, je me suis soudain senti nostalgique de l'ancien temps après avoir regardé le lien de Pierre. Je me demande comment cela se passerait si l'un des sites de réseautage social les plus populaires d'aujourd'hui était développé dans les années 90. Imaginez FB, ressemblant à un site de géocités LOL.

N'oubliez pas d'avoir une sorte de truc javascript qui suit le curseur. Peut-être une paire d'yeux, des flocons de neige, peu importe.

Et était-ce la période où les fichiers midi de lecture automatique se sont produits?