ARTICLE DU TUTORIEL

Avancé

30 min

Création d'une mise en page à grille réactive

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



Contributeur :

Daniel Walter Scott

25 août 2022

Essayez ces tutoriels avec Dreamweaver

Créez des pages web modernes en responsive design.