Table des matières:
- 1Cliquez sur le bouton Aperçu multi-écrans dans la barre d'outils du document ou choisissez Fenêtre → Aperçu multi-écrans depuis le fenêtre de document.
- 2Pour ajuster la taille de la fenêtre, cliquez sur le bouton Taille de la fenêtre dans la fenêtre Aperçu multi-écrans.
- 3Cliquez sur OK dans la boîte de dialogue Tailles de la fenêtre.
- 4 Quittez Multiscreen Preview en désélectionnant cette option dans le menu Fenêtre du document Dreamweaver.
Vidéo: How to make a website change for cell phones & tablets - Dreamweaver Templates [11/38] 2025
L'une des nouvelles fonctionnalités de Dreamweaver (introduite pour la première fois dans CS5.5) est la prévisualisation multi-écran, qui fonctionne en même temps que la requête interactive. outils dans Dreamweaver. Ces outils Media Query créent différentes feuilles de style qui s'appliquent en fonction du média utilisé par un visiteur pour afficher le site.
Concevoir des pages qui fonctionnent bien dans les médias, allant de grandes projections à des écrans minuscules, est l'un des grands défis dans le monde de la conception Web moderne. Les aperçus multi-écrans vous permettent de voir à quoi ressemble un document HTML ouvert sur différents supports, tels que sur un téléphone portable, une tablette, un ordinateur de bureau ou un ordinateur portable.
Lorsqu'un document HTML est ouvert, vous pouvez afficher une page ouverte dans Aperçu multi-écrans en procédant comme suit:
1Cliquez sur le bouton Aperçu multi-écrans dans la barre d'outils du document ou choisissez Fenêtre → Aperçu multi-écrans depuis le fenêtre de document.
Si la barre d'outils du document n'est pas active, choisissez Affichage → Barres d'outils → Document.
La fenêtre Aperçu Multi-écrans s'ouvre avec trois vues.
2Pour ajuster la taille de la fenêtre, cliquez sur le bouton Taille de la fenêtre dans la fenêtre Aperçu multi-écrans.
La boîte de dialogue Taille de la fenêtre s'ouvre. Vous pouvez modifier les valeurs (en pixels) pour la largeur et la hauteur auxquelles chacune des trois fenêtres d'aperçu s'affiche. La figure montre la vue du téléphone ajustée à 480 pixels pour correspondre à la taille des smartphones populaires.
3Cliquez sur OK dans la boîte de dialogue Tailles de la fenêtre.
Vous revenez à l'aperçu multiscreen.
4 Quittez Multiscreen Preview en désélectionnant cette option dans le menu Fenêtre du document Dreamweaver.
N'essayez pas de modifier le contenu dans l'aperçu multiscreen. Ce mode, comme la vue en direct de Dreamweaver, n'autorise pas l'édition.
