Principe de fonctionnement

Le Responsive Web Design (RWD) ou Web Mobile-friendly est une technique de réalisation de site web, qui permet de faire des sites qui s’adaptent automatiquement à la largeur de l’écran.

Quand on dispose de moins de place en largeur, on peut mettre moins de blocs côte à côte. Dans ce cas, on les positionne plutôt de haut en bas.

On peut aussi considérer que certains blocs moins importants sont inutiles sur des mobiles et les faire disparaître (vous remarquerez que le bloc gris n’apparaît plus dans la version mobile). On peut aussi, à l’inverse, faire apparaître de nouveaux blocs et outils de navigation sur mobile si on le souhaite.

Le Responsive Web Design peut s’appliquer à d’autres usages qu’un site internet. Tout ce qui utilise des technologies web peut être pensé responsif:

• Emails HTML responsifs.
• Applications Web adaptatives.
• Applications Facebook Responsives.

Testez si votre sites web est  responsif

Pour comprendre le principe, le mieux est de regarder comment un site web responsif s’adapte en fonction de la largeur de l’écran, vous pouvez faire le test via le lien : http://www.mikweb.ma/demo/

Pourquoi c’est important d’avoir un site web responsif

Vous pouvez lire le document suivant pour comprendre l’importance du responsif web design pour un site web : responsive-web-design-avantages.pdf

Comment rendre votre site web responsif

Vous avez 2 possibilités:

• Rendre le thème graphique actuel responsif en créant 2 fichiers .css et .js qui seront ajoutés au site actuel.
• Opter pour le Service Web Refonte et créer un nouveau site responsif , et en profiter pour mettre à jour l’architecture du site web et son contenu.