Collège Louis Vuitton 44 place du Collège, 01560 Saint-Trivier-de-Courtes 04 74 30 70 43
Atelier web Classes de 4ème A et 4ème C Enseignant : F. Boulay

Les sites adaptables ou responsive

Que veut dire "site adaptables ou responsive" ?

L'expression site adaptable (ou responsive en anglais) est une manière de concevoir un site web pour que son contenu s'adapte automatiquement à l'écran de l'internaute. En effet, selon l'objet technologique qui est utilisé pour naviguer sur internet, la taille et la résolution de l'écran peuvent varier énormément.

On peut également parler de site adaptatif.

Un contenu qui s'adapte automatiquement

On appelle 'contenu' tout ce qui se trouve dans une page web : les textes, les images, les titres... Lorsqu'un contenu s'adapte automatiquement à la page,la mise en page n'est pas fixe : certains éléments peuvent glisser les un au-dessus des autres. Sur ordinateur par exemple, les textes du site s'affichent en colonne alors que sur smartphone les texte s'affichent l'un en-dessous de l'autre car la résolution de l'écran est plus petite.

On peut également parler de mise en page liquide, par comparaison à l'eau qui s'adapte naturellement à son contenant, comme dans l'image ci-jointe.

Traduction des textes de l'image : Mettez de l'eau dans une tasse et elle devient la tasse. Mettez de l'eau dans une bouteille et elle devient la bouteille. Mettez-la dans une théière et elle devient la théière.

Une obligation aujourd'hui

Il existe aujourd'hui tellement de manières différentes d'accéder à internet qu'il est devenu très important de développer de sites adaptables. C'st un critère fondamental, par exemple, pour bien figurer dans les résultats des moteurs de recherche tels comme Google.

Pour que notre site soit adaptable, nous utilisons le framework Bootstrap qui est une sorte de modèle qui facilite grandement le développement.

Source : https://www.alsacreations.com/article/lire/1615-cest-quoi-le-responsive-web-design.html



Les auteurs



Lenny Développement

Lenny

Développement

Cyril Rédaction

Cyril

Rédaction