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.
Ce qu'il vous faut
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.
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.
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 ordinateurs. À la fin de cette étape, vous aurez réussi à créer une page web en responsive design dans Dreamweaver.
