Comment ajouter un tracé de l'image à une page dans Dreamweaver

La fonction Tracé de l'image dans Dreamweaver est particulièrement populaire parmi les concepteurs. Le concept, qui remonte aux premiers jours de la conception, vous permet d'utiliser des graphiques en tant que guides pour vos modèles de page, autant que vous pourriez copier un dessin animé à travers un papier mince et transparente.

La fonction Tracé de l'image est idéal pour les gens qui aiment d'abord créer un dessin dans un programme, tel que Photoshop ou Fireworks, puis modéliser leur page web après. En utilisant la fonction Tracé de l'image, vous pouvez insérer une image pour le Web dans le fond de chaque page de Dreamweaver.

Ensuite, vous pouvez positionner

balises ou des tables d'insertion ou d'autres éléments sur le dessus du tracé de l'image, ce qui facilite la re-créer votre conception dans Dreamweaver. Vous pouvez utiliser JPG, GIF, PNG ou des images comme des images de traçage et vous pouvez les créer dans toute application graphique qui supporte ces formats.

Bien que le tracé de l'image apparaît en arrière-plan d'une page, il ne prend pas la place d'une image de fond et ne sera pas apparaître dans un navigateur.

Pour ajouter un tracé de l'image à votre page, procédez comme suit:

  1. Créer une nouvelle page ou d'ouvrir une page existante dans Dreamweaver.

  2. Choisissez Vue-Tracing Image-charge.

    La boîte de dialogue Image Source Select ouvre.




  3. Sélectionnez l'image que vous voulez servir votre tracé de l'image et cliquez sur OK.

    La boîte de dialogue Propriétés de la page ouvre avec la catégorie de traçage de l'image sélectionnée.

    Comment ajouter un tracé de l'image à une page dans Dreamweaver
  4. Cliquez sur le bouton Parcourir pour localiser l'image que vous souhaitez utiliser comme un tracé d'image.

    La boîte de dialogue Image Source Select apparaît.

  5. Cliquez sur l'image que vous voulez tracer à partir de, puis cliquez sur Appliquer pour prévisualiser l'image regarde derrière la page.

  6. Réglez l'opacité pour le tracé de l'image avec le curseur Transparence.

    Abaisser le niveau de transparence entraîne tracé de l'image à semblent décolorés, ce qui rend la distinction entre l'image de traçage et le contenu de la page facile. Vous pouvez régler le niveau de transparence en fonction de vos préférences, mais quelque part autour de 50 pour cent fonctionne bien avec la plupart des images.

  7. Cliquez sur OK.

    Le tracé de l'image apparaît dans la fenêtre de document, et la boîte de dialogue se ferme.

Vous avez quelques autres options avec la fonction de traçage de l'image. Choisissez Vue-Tracing image pour afficher les options suivantes:

  • Montrer: Masque le tracé de l'image si vous voulez vérifier votre travail sans l'image, mais ne voulez pas de l'enlever.

  • Aligner avec la sélection: Vous permet d'aligner automatiquement le tracé de l'image avec un élément sélectionné sur une page.

  • Ajuster Position: Vous permet d'utiliser les touches fléchées ou entrez coordonnées X, Y pour contrôler la position du tracé de l'image derrière la page.

  • Réinitialiser la position: Remet tracé de l'image à 0, 0 sur la coordonnées X, Y.

  • Charge: Vous permet d'ajouter ou de remplacer une image de traçage.

Après tracé de l'image est en place, vous pouvez l'utiliser comme un guide pendant que vous concevez votre page. Parce que le tracé de l'image est derrière la page, il ne sera pas interférer avec votre travail de conception, et vous pouvez ajouter des éléments plus l'image de traçage que vous pourriez ajouter à toute autre page Web. Utilisez le tracé de l'image comme une référence à insérer et la position

balises, des images et d'autres éléments.


» » » » Comment ajouter un tracé de l'image à une page dans Dreamweaver