Table des matières:
- 1Cliquez sur l'onglet Editeur visuel dans CoffeeCup; déplacez le curseur jusqu'au point où vous voulez insérer le graphique.
- 2Cliquez sur le bouton Image et sélectionnez Image.
- 3Parcourir et sélectionnez-le.
- 4Si CoffeeCup vous demande de copier l'image dans le dossier de travail, cliquez sur Oui.
- 5Entrez le texte alt à l'invite Alt Text.
- Les choix habituels sont que l'image soit alignée sur la gauche, le texte circulant à droite ou à droite, avec le texte qui coule à sa gauche.
- L'ajout d'une fine bordure noire autour d'une image la rend plus nette et plus nette (en particulier les petites images).
- Habituellement, vous devriez redimensionner l'image avant de la mettre dans votre page Web. Cependant, vous pouvez étirer ou rétrécir l'image affichée en changeant la largeur et / ou la hauteur ici.
- Vous pouvez créer un lien vers une destination Web ou utiliser des images pour créer un menu basé sur une image.
- Vous pouvez choisir le pourcentage de redimensionnement, le format de fichier et le paramètre de qualité (pour les images JPEG).
- Pour modifier les paramètres ultérieurement, cliquez sur l'image. les options apparaîtront au bas de la zone de l'éditeur visuel.
Vidéo: Créer un site de A à Z - HTML5, CSS3 & Bootstrap - TP [FR] 2025
Une page Web sans aucune image est en effet terne. CoffeeCup HTML Editor permet de pimenter votre page avec des images. Suivez ces étapes pour insérer un graphique dans votre page Web dans CoffeeCup:
1Cliquez sur l'onglet Editeur visuel dans CoffeeCup; déplacez le curseur jusqu'au point où vous voulez insérer le graphique.
L'éditeur visuel facilite la création de liens vers un graphique.
2Cliquez sur le bouton Image et sélectionnez Image.
La boîte de dialogue Insérer une image apparaît.
3Parcourir et sélectionnez-le.
Parcourez votre disque dur pour trouver le fichier à utiliser.
4Si CoffeeCup vous demande de copier l'image dans le dossier de travail, cliquez sur Oui.
Dans la plupart des cas, il vaut mieux choisir Oui; Cela placera l'image dans le même dossier que la page Web, en créant le chemin le plus simple possible de l'un à l'autre.
5Entrez le texte alt à l'invite Alt Text.
6Choisissez l'alignement de l'image par rapport au texte.Les choix habituels sont que l'image soit alignée sur la gauche, le texte circulant à droite ou à droite, avec le texte qui coule à sa gauche.
L'ajout d'une fine bordure noire autour d'une image la rend plus nette et plus nette (en particulier les petites images).
8 Changez la largeur et la hauteur si vous souhaitez redimensionner l'image en place.
Habituellement, vous devriez redimensionner l'image avant de la mettre dans votre page Web. Cependant, vous pouvez étirer ou rétrécir l'image affichée en changeant la largeur et / ou la hauteur ici.
Pour conserver l'image proportionnellement, changez les deux dimensions du même nombre. Laissez la case Inclure la taille cochée pour que la taille de l'image soit incluse dans le code HTML.
9Pour créer un lien vers l'image, entrez une URL ou accédez au fichier de destination sur votre ordinateur ou votre réseau local.
Vous pouvez créer un lien vers une destination Web ou utiliser des images pour créer un menu basé sur une image.
10Pour créer une version plus petite de l'image, cliquez sur l'onglet Miniature.
Vous pouvez choisir le pourcentage de redimensionnement, le format de fichier et le paramètre de qualité (pour les images JPEG).
Si vous souhaitez donner à l'utilisateur la possibilité de cliquer sur la petite image pour voir la version agrandie, cochez la case Lier à l'image originale.
11Cliquez sur OK.
Pour modifier les paramètres ultérieurement, cliquez sur l'image. les options apparaîtront au bas de la zone de l'éditeur visuel.
