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.

Evolution du webdesign a travers les ages

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é
07 mars 2023
Application web vs Application mobile ?

Application web ou application mobile, quel développement informatique choisir pour votre projet ? On vous aide à y voir plus clair…

Lire l'article
07 février 2023
Le bureau d’étude en bâtiment Alpha i & Co nous fait confiance pour la mise en place d’un logiciel de gestion d’activité dédié

Spécialisé en ingénierie du bâtiment depuis plus de 15 ans, le bureau d’étude Alpha i & co évolue au travers de 4 agences spécialisées en études de prestations intellectuelles et économie de la construction pour des marchés publics.

Lire l'article
23 janvier 2023
L’entreprise Géosonic nous fait confiance pour la refonte de son site web Wordpress

Géosonic France est une entreprise spécialisée dans le forage profond de haute qualité. Utilisant les vibrations à haute fréquence, l’entreprise est devenue un acteur principal dans le forage sonique et complexe.

Lire l'article
17 janvier 2023
Intelligence artificielle, quelle utilisation en entreprise ?

Devenues incontournables dans notre quotidien et utilisées par les plus grandes entreprises telles qu’Amazon, Apple, Microsoft ou Google, les intelligences artificielles connaissent des évolutions fulgurantes ces dernières années. 

Lire l'article
09 janvier 2023
CRM, Extranet et Application mobile, Spectacul’Art nous fait confiance pour le développement de ses projets web

Créatrice de spectacles de grands classiques de la chanson française, l’association Spectacul’Art met en scène depuis plus de quinze ans des centaines de choristes à travers la France. 

Lire l'article
03 janvier 2023
Votre agence web vous présente ses meilleurs voeux 2023 !

Que cette nouvelle année soit synonyme de bonne santé, de bonheur et d’opportunités pour vous et vos proches.

Lire l'article