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.
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.
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.
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.