Insertion d'images
Dans ce module, nous allons voir comment insérer des images dans un document. Nous allons aussi voir comment créer des images spéciales à certains, comme le cas des Rollovers éclair et boutons, qui contribuent à améliorer l'aspect de notre page Web.
Introduction
Tous les sites Web ont un certain nombre de pages qui vous permettent d'améliorer leur apparence, ou simplement d'ajouter plus de l'information visuelle. Il existe un ensemble de formats plus recommandables que d'autres à être introduite dans un site Web. |
[ Haut de page ]
Insertion d'une image
Pour insérer une image allez dans le menu Insertion, puis sélectionnez l'option de l'image. Après cela il est possible de sélectionner une image dans la fenêtre suivante:
Si pour une raison quelconque vous devez insérer un BMP, il n'apparaît pas, sauf si vous sélectionnez Tous les fichiers dans le champ Fichiers de Type. Dans le rapport à l'option vous permet de spécifier si l'image sera relatif à ce document ou à la racine du site dossier. Il vaut mieux si elle est relatif au document parce que si vous déplacez le site à un autre endroit, vous ne pouvez pas voir l'image. |
Le chemin où l'image est sera dans le champ URL de la fenêtre, et plus tard à la SRC domaine de l'inspecteur de propriétés. La façon dont le chemin d'accès sera insérée dépendra de la façon dont il a été inséré comme relatifs à la racine dossier ou au document. Par exemple, imaginons que la chemise d'images et le document dans lequel nous voulons insérer l'image est à l'intérieur du répertoire racine. Une image, appelé dream-cours.jpg est à l'intérieur de la chemise d'images. En cas d'insertion d'une image comme relatif au document, le chemin serait: Images /dream-cours.jpg C'est comme lorsque vous créez un lien hypertexte vers un dossier relatif à l'acte ou à la racine du site dossier. Si vous insérez un BMP dans un document, cela ne sera pas affiché correctement dans Dreamweaver, mais il le fait dans le navigateur. Dans Dreamweaver, il sera affiché comme ceci: Il s'agit de la même image qui apparaît dans Dreamweaver lorsque l'image est insérée introuvable. Ce sera le cas si vous avez modifié le nom de l'image, ou si vous avez déménagé vers un autre répertoire. Dans ce cas, l'image que vous verrez dans le navigateur sera comme ceci: Il s'agit d'un carré blanc avec une croix rouge, à côté du nom de l'image ou le contenu de l'Alt dans le domaine des propriétés inspecteur. |
Modification de la taille de l'image
A l'intérieur deDreamweaver, la taille de l'image peut être modifiée. Ce changement de taille n'est pas directement appliquée au fichier image, mais du point de vue des changements dans la page. Il est très probable pour la qualité de l'image résultante d' être inférieur si on le modifie dans un éditeur externe, comme les feux d'artifice. Par exemple, nous allons voir ce qui se passe si nous insérons une image qui représente l'icône de Dreamweaver et nous modifions sa taille de plusieurs façons: |
Image originale
|
Modifier la taille d'image
|
Vous pouvez voir la qualité du résultat. Mais de temps en temps, il peut être utile de modifier la taille de certaines images bien que cela implique la perte de qualité. Il ya deux façons de modifier la taille. |
La première d'entre elles consiste à sélectionner l'image et déplacer l'une des cases noires qui apparaissent dans l'image. |
L'autre manière est à travers des propriétés inspecteur, en changeant les domaines L (largeur) ou H (hauteur). Ces champs sont indiqués dans l'inspecteur quand une image est sélectionnée. Souvenez-vous que lorsque vous modifiez l'alignement d'une image dont vous avez besoin cela peut se faire grâce à l'option Aligner le domaine de l'inspecteur de propriétés. L'image alignement offre plus de possibilités que le texte: supérieure, moyenne, moyenne absolue, les bases, etc ... |
[ Haut de page ]
Creative Suite 3 Design Standard. Commandez-le maintenant!



