Vidéo: Clickable Image Map In HTML5 - Dreamweaver CC 2017 2024
Une fois que vous avez créé un site dans Adobe Dreamweaver CS6, vous pouvez commencer à ajouter de nouvelles pages ainsi que des éléments, tels que des images, à ce site. L'inspecteur des propriétés devient l'un de vos panneaux les plus utiles car il vous fournit des informations sur les éléments que vous avez sélectionnés dans la fenêtre de document.
Ce panneau contextuel affiche les attributs de texte lorsque le texte est sélectionné ou les attributs d'image lorsque des images sont sélectionnées, et ainsi de suite.
Pour voir ce panneau en action, vous devez créer une nouvelle page avec quelques éléments. Vous ne disposez peut-être pas encore de vos propres pages, vous pouvez donc utiliser l'une des pages CSS Starter chargées de votre installation de Dreamweaver CS6 et procédez comme suit:
-
Choisissez Fichier → Nouveau pour créer une nouvelle page dans Dreamweaver.
La boîte de dialogue Nouveau document apparaît.
-
Choisissez Page vierge> HTML → 2 Colonne fixe, barre latérale gauche, puis cliquez sur Créer.
-
Choisissez Fichier → Enregistrer sous.
La boîte de dialogue Enregistrer sous apparaît.
-
Entrez un nom dans la zone de texte Enregistrer sous.
L'emplacement est routé automatiquement vers le dossier du site que vous avez créé.
-
Avec votre nouvelle page ouverte dans la fenêtre de document, cliquez pour sélectionner divers éléments, tels que du texte, une table ou un lien hypertexte (texte lié).
A chaque sélection, l'inspecteur des propriétés est modifié pour vous fournir des informations spécifiques sur cet élément.
L'inspecteur des propriétés est analogue à la barre d'options, qui apparaît en haut des espaces de travail Illustrator, InDesign et Photoshop et de l'inspecteur des propriétés dans Flash. Si vous êtes un ancien utilisateur de GoLive, le concept d'utilisation de l'inspecteur des propriétés vous est également familier car cette même fonctionnalité existe également dans cette application.
