Définissez une mise en page à grille réactive pour permettre le redimensionnement automatique du contenu de votre page web en fonction de la taille de l'écran.

1. Mise en forme de l'image d'en-tête et du texte

Organisez votre contenu à l'aide du code HTML et CSS. Utilisez une grille de lignes et de colonnes dans laquelle vous intégrerez une image d'en-tête percutante et du texte captivant.

2. Mise en forme du texte et des images

Pour véhiculer un message, une page web doit inclure du texte et des images. Lorsque votre structure de grille est prête, ajoutez et agencez le reste de votre page web — texte, images, couleurs et pied de page.

3. Finalisation de votre création en responsive design

Maintenant que votre design web s'affiche à la perfection sur les smartphones, vous allez utiliser des requêtes multimédias CSS pour que votre mise en page s'adapte automatiquement aux écrans des tablettes et des postes de travail. À la fin de cette étape, vous aurez réussi à créer une page web en responsive design dans Dreamweaver.


06/15/2017
Daniel Walter Scott
Cette page vous a-t-elle été utile ?