Comment insérer un clipart

Tutoriel Joomla
Comment insérer un clipart dans un article
RÉCIT local CS Énergie, mars 2015
Lors de la création de votre site classe ou école, nous avons installé une banque de cliparts
classés par thème. Ces cliparts peuvent être utilisés pour personnaliser les articles de votre site.
PROCÉDURE POUR INSÉRER UN CLIPART DANS UN ARTICLE
À partir du module de connexion de la page d’accueil de votre site :
Entrez votre identifiant
1
Entrez votre mot de passe
Cliquez sur Connexion
2
Cliquez sur l’article dans lequel vous voulez ajouter un clipart ou créez un nouvel article
Dans ce cas-ci, nous avons choisi l’article intitulé « Madame Poule vient nous visiter »
Cliquez sur le
petit crayon
pour éditer
l’article.
3
Une fenêtre d’édition s’affiche à partir de laquelle vous pouvez éditer votre article.
Vous pouvez modifier le titre, le texte, ajouter des images, etc.
RÉCIT local CS de l’Énergie, mars 2015
Page 1
Vous pouvez modifier
le titre.
4
Vous pouvez modifier
le texte de l’article.
Pour insérer un clipart, cliquez sur cette icône.
Dans la partie gauche de la nouvelle fenêtre d’édition d’images (Image Manager), s’affiche
l’arborescence des fichiers de votre site qui sont présents sur le serveur de la Cs.
Cliquez sur le répertoire clipart afin de faire afficher les sous-répertoires classés par thèmes.
Cliquez sur un sous-répertoire (thème). Ex. animaux_insectes .
La liste cliparts contenus dans ce sous-répertoire s’affiche dans le deuxième écran.
Pour visualiser un clipart, cliquez sur le nom du fichier (ex. chatDort.png). Le clipart s’affiche
dans l’écran de droite.
IMPORTANT. En plus de s’afficher dans la fenêtre de visualisation à droite, une adresse URL est
automatiquement attribuée et s’affiche dans la partie du haut de la fenêtre. Cette adresse est
essentielle pour l’insertion de l’image dans l’article.
5
RÉCIT local CS de l’Énergie, mars 2015
Page 2
Dans le présent exemple, les dimensions du clipart sont
800 pixels X 739 pixels. C’est beaucoup trop grand. Le
clipart va déborder de l’article si on l’insère tel quel. Il
faut réduire ses dimensions soit en le faisant à cette
étape-ci ou soit en le redimensionnant manuellement
lorsqu’il sera inséré dans l’article (avec les poignées de
redimensionnement.
Dans la partie du haut de la
fenêtre, l’image
sélectionnée apparaît à
droite indiquant quelle
position elle occupera par
rapport au texte de l’article.
Adresse URL générée en cliquant sur l’image
6
Nous allons maintenant diminuer la taille du clipart en remplaçant le chiffre 800 (pixels) par 100
Puisque la case Proportional était cochée (par défaut), l’autre chiffre (92) s’est inscrit lui-même lorsque
le curseur a été retiré de la case. Ainsi, le clipart restera proportionné.
La dernière étape consiste à insérer le clipart dans l’article.
Au bas de la fenêtre d’édition d’image (Image manager), cliquez sur le bouton Insert.
7
RÉCIT local CS de l’Énergie, mars 2015
Page 3