Aperçu des documents HTML sur un téléphone portable, tablette, ordinateur portable ou dans Dreamweaver

Une des nouvelles fonctionnalités célèbres dans Dreamweaver (la première fois en CS5.5) est le Aperçu sur écrans multiples,

Sommaire

qui fonctionne en tandem avec les outils interactifs question des médias dans Dreamweaver. Ces outils de requête des médias créent différentes feuilles de style applicables en fonction du support dans lequel un visiteur utilise pour afficher le site.

Conception de pages qui fonctionnent bien dans les médias, allant de grandes projections à écrans minuscules, est l'un des grands défis dans le monde de la conception web moderne. Previews Multiscreen vous permettent de voir comment un document HTML ouverte regarde dans différents médias, comme sur un téléphone portable, une tablette, un ordinateur de bureau, ou ordinateur portable.




Avec un document HTML est ouvert, vous pouvez afficher une page ouverte en Multiscreen Aperçu en suivant ces étapes:

Aperçu des documents HTML sur un téléphone portable, tablette, ordinateur portable ou dans Dreamweaver
Aperçu des documents HTML sur un téléphone portable, tablette, ordinateur portable ou dans Dreamweaver Agrandir
1

Cliquez sur le bouton d'aperçu multi la barre d'outils de document, ou choisissez Fenêtre d'aperçu multi-partir de la fenêtre de document.

Si la barre d'outils de document est pas actif, choisissez Affichage-Barres d'outils-Document.

La fenêtre d'aperçu multi-ouvre, avec trois points de vue.

Aperçu des documents HTML sur un téléphone portable, tablette, ordinateur portable ou dans Dreamweaver
Aperçu des documents HTML sur un téléphone portable, tablette, ordinateur portable ou dans Dreamweaver Agrandir
2

Pour ajuster la taille de la fenêtre d'affichage, cliquez sur le bouton viewport Tailles dans la fenêtre d'aperçu multi.

La boîte de dialogue viewport Tailles ouvre. Vous pouvez modifier les valeurs (en pixels) pour la largeur et la hauteur à laquelle chacune des trois fenêtres de prévisualisation affiche. La figure montre la vue de téléphone étant ajustée à 480 pixels pour correspondre à la taille des smartphones populaires.

3

Cliquez sur OK dans la boîte de dialogue viewport Tailles.

Vous revenez à l'aperçu multi.

4

Quittez aperçu multi en décochant cette option dans le menu Fenêtre document de Dreamweaver.

Ne pas essayer de modifier le contenu d'aperçu multi. Ce mode, comme l'affichage en direct de Dreamweaver, ne permet pas l'édition.


» » » » Aperçu des documents HTML sur un téléphone portable, tablette, ordinateur portable ou dans Dreamweaver