Projet De Perenisation

Le Responsive Web Design est une manière de présenter les sites web en vogue depuis quelques années (ou quelques mois dans l'application réelle) qui permet de générer des mises en page et mises en forme adaptatives en fonction de la résolution d'un écran, de son orientation, de son nombre de couleurs, etc. Avec cette nouvelle "discipline", nous pouvons désormais réaliser des pages web à dimensions modulables afin de proposer un affichage plus adapté sur des écrans de smartphones ou de tablettes.

Au fond, l'idée du Responsive Web Design se résume juste à adapter une interface graphique à l'appareil qui lit les sites web. Les dernières trouvailles du CSS 3 ont permis de développer davantage ce système mais en réalité, la majorité des outils que nous allons utiliser dans notre démonstration étaient déjà compatibles avec CSS 2 et avec des navigateurs relativement anciens, Internet Explorer exclu (comme souvent...).

La méthodologie d'application d'un bon Responsive Web Design ("rwd" pour les fans d'abréviations) est extrêmement simpliste, mais nous verrons que certains aspects demeurent encore quelques peu obscurs et peuvent poser des problèmes dans certains cas précis. En réalité, trois techniques novatrices permettent de réaliser des versions web pour les appareils mobiles :

les applications mobiles codées dans des langages spécifiques et téléchargeables sur les "Stores" d'Apple, Androïd, Symbian (...) ;

les sites web mobiles créés en parallèle des versions courantes, permettant d'appuyer sur uniquement certains points majeurs du site web initial ;

les mises en pages adaptées avec le Responsive Web Design.

Nous travaillons donc ici uniquement sur la dernière technique, qui consiste principalement à agir sur les fichiers CSS de nos sites.

...