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é
26 juillet 2024
Refonte visuelle et fonctionnelle du site web de Provence Panorama

En début d'année, Provence Panorama nous a confié la refonte visuelle et fonctionnelle de son site web, qui présentait des faiblesses au niveau du front office et du back office.

Lire l'article
19 juillet 2024
Méthodologie Vertuoz : L'hébergement, les sauvegardes journalières, la maintenance corrective et évolutive de votre application web

Nos prestations de services pour assurer la performance, la sécurité et l'évolution constante de votre application web ou mobile.

Lire l'article
12 juillet 2024
Méthodologie Vertuoz : La mise en ligne de votre développement informatique

Notre approche pour assurer une mise en production sans accroc, en respectant les exigences de qualité, de performance et de sécurité.

Lire l'article
05 juillet 2024
Méthodologie Vertuoz : La revue complète avant la mise en ligne de votre développement informatique

Les tests approfondis et la période de recette client sont des étapes essentielles au cours d’un développement informatique.

Lire l'article
28 juin 2024
Méthodologie Vertuoz : Le développement Agile et l’intégration de votre projet informatique

Avec notre approche Agile, bénéficiez de transparence et de flexibilité tout au long du cycle de développement.

Lire l'article
21 juin 2024
Méthodologie Vertuoz : Les spécifications fonctionnelles et maquettes pour votre projet informatique

La rédaction d'un cahier des charges fonctionnel détaillé et la création de maquettes permettent de s'assurer que toutes les parties prenantes ont une vision claire et partagée du projet.

Lire l'article