- Accueil
- Workspace
- Guides utilisateurs
- Module Communauté
- Insérer des images dans les messages publiés
Insérer des images dans les messages publiés
Introduction
Cet article explique comment insérer une image directement dans un message publié, qu'il s'agisse d'un message de forum, d'un billet de blog ou d'un commentaire.
Étape 1. Sélectionner un message existant ou en créer un nouveau
Vous pouvez insérer une image lors de la création ou de la modification de tout message publié sur votre portail: actualités et annonces, billets de blog, messages de forum, commentaires ou discussions de projet. Vous trouverez les instructions détaillées sur la création d'un message en suivant les liens ci-dessous:
- Partager des événements;
- Gérer un blog;
- Tenir des discussions sur le forum;
- Tenir des discussions sur le projet.
Pour modifier un élément, ouvrez-le et cliquez sur l'icône
à droite du titre du message et sélectionnez l'option Modifier dans la liste déroulante.
Étape 2. Insérer une image depuis le web
Une fois le message créé, cliquez à l'endroit du texte où vous souhaitez insérer l'image et cliquez sur l'icône Image
sur la Barre d'outils de mise en forme.
La fenêtre Propriétés de l'image s'ouvre avec l'onglet Information sur l'image activé.
Saisissez l'URL de l'image dans le champ approprié. Saisissez le Texte de remplacement qui s'affiche quand l'image insérée n'est pas disponible aux lecteurs (par exemple, pour les navigateurs dont l'affichage des images est désactivé) et réglez les paramètres de l'image:
- Réglez la taille de l'image en spécifiant le paramètre Largeur ou Hauteur. Par défaut, le deuxième paramètre sera défini automatiquement en préservant les proportions d'origine de l'image. Si vous avez besoin d'une image d'une taille particulière, déverrouillez les proportions en cliquant sur le bouton
. Notez que dans ce cas, les proportions de l'image peuvent être modifiées et l'image peut apparaître déformée. - Définissez la taille de la Bordure en pixels ou laissez ce champ vide pour ne pas ajouter de bordure.
- Réglez la distance depuis le bord supérieur (Espacement vertical) et le bord gauche (Espacement horizontal) de l'image si vous l'alignez à gauche, ou la distance depuis le bord supérieur (Espacement vertical) et le bord droit (Espacement horizontal) de l'image si vous l'alignez à droite.
- Sélectionnez l'une des options d'alignement de l'image: Gauche pour aligner l'image sur le bord gauche, ou Droite pour l'aligner sur le bord droit.
Si vous voulez spécifier l'adresse à laquelle vous serez redirigé après avoir cliqué sur l'image, ouvrez l'onglet Lien. Entrez l'URL vers laquelle vous souhaitez lier l'image et spécifiez l'attribut cible du lien: Nouvelle fenêtre (_blank), Fenêtre supérieure (_top), Même fenêtre (_self), ou Fenêtre parent (_parent).
Pour régler les paramètres avancés de l'image, ouvrez l'onglet Avancé. Ici, vous pouvez spécifier:
- Id - l'identifiant de l'image insérée.
- Sens d'écriture - le sens d'écriture de gauche à droite (LTR) ou de droite à gauche (RTL).
- Code de langue - le code utilisé pour classifier la langue: de, en, es, fr, it, ru, etc.
- URL de description longue - la description de la cible.
- Classe CSS - la classe CSS à laquelle l'image appartient.
- Titre consultatif - les informations consultatives sur la cible.
- Style - le style de l'image insérée. Il inclut tous les paramètres définis dans l'onglet Information sur l'image.
Une fois tous les paramètres définis, cliquez sur OK pour ajouter l'image.
Étape 3. Insérer une image depuis l'ordinateur
Si vous voulez ajouter une image stockée sur votre ordinateur, basculez vers l'onglet Télécharger dans la fenêtre Propriétés de l'image (voir l'étape 2). Cliquez sur Browse... (Parcourir), localisez l'image sur votre ordinateur et cliquez sur Envoyer sur le serveur.
Une fois que l'image est envoyée sur le serveur, l'onglet Information sur l'image s'ouvre. Vous verrez le lien vers l'image chargée dans le champ URL et la taille de l'image. Le cas échéant, saisissez un Texte de remplacement et réglez les paramètres en suivant les instructions ci-dessus (voir l'étape 2).
Lorsque tous les paramètres sont définis, cliquez sur le bouton OK. L'image sera insérée dans votre message à l'endroit où le curseur était placé.