Quel est l'exemple typique de la conception de sites Web à l'ancienne?
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 souhaite donc utiliser de vieux modèles très populaires à cette époque.
La première chose qui me vienne à l’esprit fut ces gifs animés "under construction". Les gens mettent souvent des gifs animés partout.
Mais aussi ces terribles répétitions arrière-plans .
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 d'applet Java ne fonctionnerait pas aujourd'hui, ou en indiquant 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 de Bruce Lawson hilarante css zen garden ?
Le "style" d'un site Web du début au milieu des années 90 est fondamentalement un site Web sans style. Il est évident de réaliser des économies de bande passante et de respecter les limitations techniques des standards Web (ou leur absence). Prenons la mise en page originale d'Amazon (1995):
Il ne doit pas nécessairement être criard et avec des tonnes de GIF animés ou de panneaux en construction (ils étaient fréquents, mais pas sur les sites Web opérationnels).
Pets.com (1998-2000) est un autre bon exemple. En effet, le secteur de la publicité a remporté de nombreux prix pour la conception de leur site Web. Mais je ne trouve pas de capture d'écran.
Quoi qu’il en soit, même si la plupart d’entre eux sont considérés de mauvaise qualité ces jours-ci, il existe toujours de bonnes et de mauvaises conceptions Web des années 90. Par exemple, un fond gris est assez "rétro", de même que des palettes de 256 couleurs, des graphiques Web de style clip-art des années 90 et un visage de type Times New Roman. Les cadres sont également un bon retour en arrière, tout comme les liens Gopher et les marqueurs de hit. Mais des éléments tels que la musique de fond MIDI, les couleurs contrastées, les fichiers GIF animés, 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 faite au milieu des années 90. Utiliser les anciens bas de page HRs avec la dernière mise à jour est bon, que les navigateurs de fond gris avaient par défaut. Icônes de navigateur de style ancien. Les GIF animés étaient nouveaux et tout autour.
Fondamentalement, pensez: geocities/angelfire.
Si vous envisagez de faire un retour en arrière sur votre "page d'accueil personnelle", oubliez l'utilisation de ces "feuilles de style en cascade" sophistiquées - vous n'en aurez pas besoin.
Ouvrez votre éditeur WYSIWYG préféré (Microsoft Word le fera à la rigueur) et combinez quelque chose avec beaucoup de texte coloré et une utilisation audacieuse des polices (en cas de doute, utilisez Comic Sans).
N'oubliez pas d'utiliser des graphiques avec "palette Web sécurisée" et, oui, vous aurez besoin de beaucoup de .GIF animés.
Si vous voulez des exemples de sites professionnels , vous ferez probablement mieux de choisir les noms de quelques marques qui existent encore de nos jours et de les visiter. le Wayback Machine .
Le premier site qui me vienne à l’esprit est http://webpagesthatsuck.com/
Regardez dans la catégorie vieille école. À propos, ce site est aussi génial que sa proposition: apprendre le design à travers ce que NE font PAS les échantillons.
- Image du propriétaire du site
- Gif animé en construction
- compteur de coups visible
- tables visibles
- arrière-plans répétés
- caractères monospaces
- lien générique couleurs (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 distancié uniformément/a la même taille)
- Caractère Times New Roman
- gradients lourds, presque psychédéliques
- les frontières autour des images
- tout géocités, fondamentalement
Oh, tu vas juste aimer ceci .
Utilisez la machine de retour sur Internet à l’adresse http://archive.org/web/web.php . Vous pouvez rechercher n’importe quel site et consulter une chronologie de son évolution au fil des ans. Les exemples classiques sont bien sûr Yahoo, Google, etc., mais vous pouvez également choisir un blog comme Scobelizer, etc. et voir son évolution.
Si vous connaissez l'historique de votre navigateur (Netscape, IE 5, Mozilla, Firefox, Chrome, Webkit), vous pouvez consulter ces dates et voir comment les sites ont évolué pour intégrer les nouvelles fonctionnalités.
Il y a peu de choses dont je me souvienne:
- La plupart d'entre eux ont tendance à utiliser la conception du cadre.
- Ils avaient souvent le contre pour vous dire
This page has been visited xxx times. - Ils ressemblaient à des pages de Geocities.
Pour le dernier point, Geocities n’existe plus, mais il s’agit d’un site Web qui héberge de nouveau le contenu de geocities. Vous voudrez peut-être les consulter pour plus d'idées.
- http://www.geocities.ws/search/local/ (Vous pouvez faire une recherche avec celui-là)
- http://www.reocities.com/neighborhoods/
- http://www.geociti.es/neighborhoods.html
- http://www.oocities.org/
N'oubliez pas d'avoir une sorte de chose javascript qui suit le curseur. Peut-être une paire d'yeux, des flocons de neige, peu importe.
Et était-ce la période où la lecture automatique des fichiers MIDI s'est produite?
Utilisez une police Courier. Cela reflète vraiment les années 50, mais on se sent vraiment vieux.
Vous avez oublié que vous devriez avoir une page de destination où vous devez choisir entre "Afficher le site avec des cadres" ou "Afficher le site sans cadres"!
Faites ces images basse résolution, faites de MSPaint ou quelque chose comme ça! Les barres latérales avec des gradients de faible résolution fonctionneraient aussi! Des couleurs vives agaçantes, ainsi que des tonnes de gifs clignotants avec un développement très lent et des publicités en boucle crient "Internet @ 90's". Wow, j'ai soudainement ressenti de la nostalgie après avoir regardé le lien de Pierre. Je me demande comment il se passerait si l'un des sites de réseautage social les plus populaires d'aujourd'hui était développé au cours des années 90. Imaginez FB, ressemblant à un site de géocités LOL.
Fait intéressant, je pense que vous pouvez atteindre votre objectif sans prendre délibérément pour cible les trucs laids, un peu comme une voiture classique qui n’est pas une Pinto. Ce n'est pas aussi beau que le nouveau, mais vous pouvez l'apprécier dans le contexte de la journée.
Quelques choses dont je me souviens:
Les liens doivent être soulignés, en bleu; visités sont violet. (toujours répandu)
Fond gris est un must.
Les cadres étaient très communs, comme déjà mentionné.
Contactez-nous avait souvent une enveloppe animée.