Aides visuelles

Microsoft Expression Web inclut plusieurs aides visuelles que vous pouvez utiliser en mode Création. Les aides visuelles vous aident à repérer les éléments vides ou invisibles et les éléments dont les bordures sont masquées. Vous pouvez également recourir aux aides visuelles pour localiser les éléments dont les styles sont masqués ou invisibles, ainsi que les contrôles ASP.NET qui n’apparaissent pas sur une page. Enfin, vous pouvez les utiliser pour repérer les balises utilisées autour d’un contenu spécifique, ou afficher la taille des marges et le remplissage autour des balises.

Remarque :
Les aides visuelles peuvent modifier l’apparence et la disposition des pages. Vous devriez les désactiver afin que l’affichage ressemble le plus possible au rendu dans un navigateur.

Pour afficher ou masquer une aide visuelle

• Dans une page Web, effectuez l’une des actions suivantes :

  • Dans la barre d’état, cliquez avec le bouton droit sur Aides visuelles, puis cliquez sur l’aide visuelle.

  • Dans le menu Affichage, pointez sur Aides visuelles, puis cliquez sur l’aide visuelle.

Pour afficher ou masquer l’ensemble des aides visuelles

• Dans une page Web, effectuez l’une des actions suivantes :

  • Dans la barre d’état, double-cliquez sur Aides visuelles ou cliquez avec le bouton droit sur Aides visuelles, puis cliquez sur Afficher.

  • Dans le menu Affichage, pointez sur Aides visuelles, puis cliquez sur Afficher.

Aides visuelles

• La sélection de bloc s’affiche de deux manières différentes. Lorsque vous placez le curseur dans un bloc, un rectangle en pointillé apparaît autour de la balise ainsi qu'un onglet affichant son nom. Vous pouvez cliquer sur l'onglet pour sélectionner la balise. Lorsque vous sélectionnez un bloc, les marges et le remplissage s'affichent. Vous pouvez utiliser les poignées pour redimensionner les marges et le remplissage en utilisant cette aide visuelle. Pour les éléments à position absolue, vous pouvez cliquer sur l'onglet qui affiche le nom de la balise afin de déplacer l'objet sur la page.

  Remarque :

  Les aides visuelles relatives à la sélection de bloc s’affichent pour les éléments de bloc suivants : paragraphe, liste, élément de liste, formulaire, div non positionnée, adresse, guillemet de bloc, ligne horizontale et balises <center>. Toutes les autres balises de bloc affichent le rectangle en pointillé et les poignées de marge et de redimensionnement, même lorsque les aides visuelles sont masquées.

  Curseur dans un élément de bloc

  

  Élément de bloc sélectionné

  

• Bordures visibles : affiche les bordures en pointillé autour des éléments dont les bordures sont masquées.

  

• Conteneurs vides : affiche un rectangle en pointillé autour des éléments vides.

  Remarque :
  En mode Création, Expression Web masque les éléments vides à l’instar de la plupart des navigateurs. Lorsque vous activez l’aide visuelle Conteneurs vides, les éléments vides sont alors affichés, ce qui peut modifier la disposition de la page.

• Marges et remplissage : affiche les marges et le remplissage autour des éléments ; les marges sont affichées en rouge et le remplissage en bleu. Vous ne pouvez pas utiliser l’aide visuelle Marges et remplissage pour modifier ces paramètres. À la place, activez l’aide visuelle Sélection de bloc et utilisez les poignées qui apparaissent. Pour plus d’informations, voir Définir les marges, le remplissage et les dimensions en mode Création.

  

• Éléments CSS Display:none : affiche les éléments qui sont masqués par un style qui inclut l’attribut display:none.

• Éléments CSS Visibility:hidden : affiche les éléments qui sont masqués par un style qui inclut l’attribut visibility:hidden.

• Contrôles ASP.NET non visuels : affiche un rectangle autour des contrôles ASP.NET qui n’affichent rien.

• Erreurs de contrôle ASP.NET : affiche un message d’erreur lorsqu’un contrôle ASP.NET rencontre une erreur, telle que l’impossibilité de se connecter à une source de données.

• Étiquettes des zones de modèles : affiche une bordure autour de zones de modèles modifiables, ainsi qu’un onglet indiquant le nom de la zone sur les pages à base de modèles Web dynamiques ou sur les pages maîtres ASP.NET. Pour plus d’informations, voir Modèles Web dynamiques.

  

Voir aussi

Concepts

Vue d’ensemble de l’espace de travail

Vue d’ensemble de la fenêtre d’édition

Barre d’état