Comment définir des attributs dans Dreamweaver - Les nuls

L'Inspecteur des propriétés de Dreamweaver est sensible au contexte, ce qui signifie que lorsque vous cliquez sur une image, les attributs HTML de cette image sont affichés et modifiables. Certains des attributs d'image modifiables sont plus "techniques" que les facteurs de conception.

Par exemple, l'identifiant de l'image est utilisé lorsque les images sont connectées à des programmes ou des bases de données JavaScript. Les autres attributs d'image de l'inspecteur des propriétés comprennent un ensemble limité d'outils d'édition d'image réels. Ces outils incluent le recadrage, l'édition du contraste et l'amélioration des images. Jetez un oeil à la plus importante de ces options:

• Outils de zone de carte: Les outils de zone de carte créent des points d'accès cliquables sur l'image sélectionnée et définissent des liens distincts pour différents points d'accès. Un hotspot est une section d'une image qui sert de lien. Vous pouvez utiliser les outils Rectangle, Circle et Polygon hotspot pour dessiner des sections sur une image sélectionnée, puis affecter des liens spécifiques à ces hotpots dans l'inspecteur des propriétés.

  Le quatrième outil de cet ensemble, l'outil Pointer Hotspot, est utilisé pour sélectionner, déplacer ou modifier les points d'accès existants.

• Espace V et Espace H: Définit l'espacement horizontal et vertical autour de l'image sélectionnée.

• Align: Utilisez cette fenêtre pour choisir entre l'alignement gauche ou droit. (D'autres options sont techniquement disponibles, mais ce sont des vestiges d'une époque où les symboles graphiques au format texte étaient insérés directement dans les lignes de texte et ne sont pas utilisés aujourd'hui dans l'alignement des images.)

• Src: l'image liée incorporée.

• Alt: Change le texte affiché ou lu à voix haute lorsqu'une image n'est pas visible.

• Bordure: Définir la largeur de la bordure (0 pixel, par défaut) ou 1 pixel si l'image sert de lien.

• Lien: Définir un lien qui s'ouvre lorsque l'utilisateur clique sur l'image. Si un lien est défini, vous pouvez définir le lien à ouvrir dans une nouvelle fenêtre de navigateur en choisissant _blank dans la fenêtre contextuelle Cible.

• Classe: Utilisez cette fenêtre contextuelle pour attribuer des styles de classes CSS, le cas échéant, définis ou liés à la page.

• W (largeur) et H (hauteur): Redimensionner l'image. Désélectionnez l'option Contraintes de la taille de bascule pour débloquer la liaison entre hauteur et largeur, ce qui vous permet d'étirer ou d'écraser l'image plutôt que de conserver le rapport hauteur / largeur d'origine lors du redimensionnement. Vous pouvez également redimensionner de manière interactive en cliquant et en faisant glisser la poignée de coin inférieure droite d'une image sélectionnée. Maintenez la touche Maj enfoncée pendant que vous redimensionnez pour conserver le rapport hauteur / largeur.

• Rééchantillonnage: Les nouveaux outils de CS6 vous permettent de rééchantillonner une image redimensionnée (plus petite).Le rééchantillonnage élimine les données inutiles et réduit le fichier image, ce qui signifie que l'image peut être téléchargée plus rapidement. Activez la case à cocher Commit Image Size pour rééchantillonner l'image ou cliquez sur le bouton Reset to Original Size en regard de l'inspecteur des propriétés pour annuler le redimensionnement.