09/08/2012

L'évolution du webdesign à travers les âges

C'est au début des années 1990 que naît le web, un ensemble de pages HTML contenant textes, liens, images et accessible depuis une URL partout dans le monde.

Le tout premier navigateur de l'histoire a vu le jour en 1990 et s'appelait WorldWideWeb : il s'agissait d'un navigateur-éditeur sans prise en charge graphique qui se contentait d'afficher simplement des données brutes. 

Peu de temps après sont apparus les célèbres Netscape Navigator et Internet Explorer qui ont été tous deux équipés d'une interface graphique adaptée à une utilisation grand public et capables d'afficher les pages des sites écrits en HTML.

Les premiers aventuriers du web se sont alors lancés dans la conception de sites internet ce qui a donné naissance aux premières mises en page, en tableau essentiellement. Le principe était simple : penser la page sous forme de cellules et ajouter des images découpées à l'intérieur.
L'absence de règles et de normes dans la façon dont était produite les pages web posait un vrai problème : chacun développait ses pages à "sa sauce", il était difficile de s'y retrouver.

 C'est pourquoi au milieu des années 1990, le World Wide Web Consortium (W3C) vit le jour. Sa mission : normaliser la façon dont sont construites les pages web et uniformiser les techniques de développement, dans différents langages.

La révolution CSS (Cascading Style Sheets : feuilles de style en cascade)

La prise en charge par les navigateurs du CSS servant à décrire la mise en page d'un document HTML a marqué un véritable tournant dans l'univers du web. D'une part, le CSS a permis de mettre de l'ordre en séparant complètement le style de la page de sa structure HTML. Il a également permis de se détacher des habitudes de conception de pages web en tableaux HTML qui rendait la page lourde et difficile à interpréter.

Progressivement depuis 1997 avec la première version, le CSS a gagné du terrain chez les navigateurs populaires comme à l'époque Internet Explorer 4 ou encore Netscape Navigator 4.

Il faudra attendre la version 2 implémentée entre 2001 et 2007 après avoir subi de multiples révisions, introduisait plus de 70 nouvelles propriétés qui ont donné bien des idées aux designers de plus en plus libres de leurs créations : désormais, il était possible de s'affranchir totalement des tableaux pour effectuer sa mise en page.

 

L'explosion du mobile et la révolution CSS3

Le progrès majeur de la version 3 de CSS réside surtout dans l'implémentation de Media Queries qui permettent d'adapter l'interface aux dimensions de l'écran. Ainsi, on peut voir de plus en plus de sites web proposer des versions mobiles, basées sur l'utilisation avancée de Media Queries. On appelle cette technique le responsive web design. Cette dernière modifie la façon dont sont pensées les pages web, le but étant de proposer une seule interface auto-adaptable en fonction du support.

 

Quelques exemples de sites web responsive (utilisateurs pc, redimensionnez la fenêtre de votre navigateur pour voir le résultat) :

https://css-tricks.com/

https://skivefestival.dk/

https://fffunction.co/

 

Quelles évolutions pour le futur ?

Il est trop tôt pour le dire. Les évolutions des langages évoluent bon train, les techniques de conception aussi... Le CSS4 est en route mais on ne sait encore que peu de choses sur les changements qu'il va opérer... HTML5 doit s'imposer de plus en plus dans le monde des navigateurs et enfin être reconnu comme un standard utilisé par tous.

Pour conclure, laissons faire ce qui doit être fait et tâchons de nous maintenir à jour (le plus possible) !

Le Blog Vertuoz
Découvrez les articles originaux écrits par notre équipe : actualités de l'agence, conseils sur les meilleures techniques du web ou dernières réalisations,... nous les partageons ici dès que nous en avons l'occasion.
Bonne lecture !

Retrouvez toute notre actualité

News de l'agence, conseils sur les meilleures techniques du web ou dernières réalisations,... nous les partageons ici dès que nous en avons l'occasion. Bonne lecture !
Toute notre actualité
05 avril 2026
Vertuoz lance Morning Brief : un comité de direction IA qui briefe les dirigeants de PME chaque matin

Morning Brief connecte vos outils métier et fait tourner chaque nuit 5 agents IA spécialisés. Résultat : un rapport de pilotage structuré, livré chaque matin à 8h. Découvrez notre nouvelle solution sur www.morning-brief.ai.

Lire l'article
03 avril 2026
Atelier IA à Avignon : comment Vertuoz et Tut-Tut explorent les usages concrets de l’intelligence artificielle

Le 23 mars 2026, Vertuoz et Tut-Tut ont réuni leurs équipes techniques à Avignon pour une matinée dédiée à l’intelligence artificielle appliquée aux métiers du développement. Avec la participation exceptionnelle de Mathieu Nebra, cofondateur d’OpenClassrooms, cette rencontre a permis de croiser les regards, confronter les pratiques et faire émerger des pistes d’innovation tangibles.

Lire l'article
27 mars 2026
Business analyse et cadrage stratégique : le groupe NGE nous confie la conception de sa plateforme digitale innovation

Le groupe NGE nous a confié une mission de business analyse et de cadrage fonctionnel pour la conception de sa future plateforme digitale innovation.

Objectif : structurer les processus métiers, centraliser les innovations et améliorer leur diffusion à l’échelle du groupe.

Lire l'article
27 mars 2026
Deux femmes, une cause, une aventure hors norme : Vertuoz soutient le Rallye Aïcha des Gazelles 2026

Deux femmes, une histoire, une cause. Vertuoz soutient l’équipage Les Gazelles Tav’elles dans leur participation au Rallye Aïcha des Gazelles 2026, une aventure hors norme portée par l’engagement et la solidarité.

Lire l'article
13 mars 2026
SEO 2026 : comment l’intelligence artificielle transforme la création de sites web et le référencement (ChatGPT, Gemini, Perplexity)

Cet article explore l’impact de l’intelligence artificielle sur le développement de sites web et l’évolution du référencement naturel. Il explique comment les entreprises peuvent adapter leur stratégie digitale afin d’apparaître dans les réponses générées par les moteurs d’IA comme ChatGPT, Gemini ou Perplexity.

Lire l'article
27 février 2026
Business analyse et cadrage stratégique pour l’optimisation et la digitalisation des processus de production de prothèses dentaires

Le laboratoire de fabrication de prothèses dentaires Dent’in à Cavaillon nous confie une mission de business analyse et de cadrage fonctionnel en vue de concevoir une plateforme web sur mesure de gestion d’activité, destinée à digitaliser la production, centraliser les commandes et optimiser le traitement des flux internes.

Lire l'article