Accueil >  Prestation Web >  Création de site responsive

création de site internet responsive

Le responsive design est une technique de codage Html / Css qui permet l'adaptation de l'affichage du site web sur tous les écrans (desktop, tablette, smartphone).
Il s'agit d'écrire des règles de mise en page différentes selon des plages de résolution d'écran, en s'apuyant sur une structure en grille. Les colonnes se redimensionnent et se déplacent automatiquement, les images s'ajustent, et l'ergonomie du site est optimale.

responsive design

Mettre en place un site responsive.

L'utilisation de smartphones ou tablettes pour se connecter à internet est devenue la norme et à impliqué de repenser l'approche de création de site internet.
Le Responsive Design crée, selon la taille du support, un affichage de site adapté.

La mise en place du responsive se fait au tout début de la création du site, dans son architecture même. Le design, lui même, doit être pensé comme adaptable, si on ne veut pas se retrouver dans une impasse structurelle.

Créér un balisage HTML en grille.

Une grille est contituée de lignes et de colonnes qui structurent la page avec ses différents blocs de contenu. Outre l'aspect harmonieux, visuellement parlant, de l'utilisation des grilles, cette structure permet ensuite d'y appliquer des règles spécifiques selon la taille des écrans.

Des règles Css spécifiques selon la résolution.

Les propriétés CSS 3 des media Queries permettent de connaitre la taille de l'écran utilisé (largeur, hauteur), et d'appliquer des règles de mise en page différentes aux blocs constitués par la grille précédemmnent mise en place.

Le mobile Index First

S'il y a quelques années, avoir un site responsive était une option, c'est aujourd'hui devenu une norme, un standard obligatoire. Google a déployé, courant 2018, le "Mobile Index First" : L'exploration, l'analyse (et donc l'indexation et le positionnement) est faîte depuis les versions mobile des sites (les versions pour petit smartphone), et non pas depuis les versions de bureau.