Vous venez d'installer Joomla pour la première fois et aimeriez savoir comment l'administrer ?
Lorsque que vous serez connecté à votre administration vous verrez s'afficher le Panneau de contrôle avec ses différentes icônes, comme dans l'image ci-dessous.



Nous allons donc commencer par vous montrer à quoi sert la première icône et vous donnez quelques exemples d'utilisation avec l'éditeur.

Créer un article :

Comme vous pouvez le comprendre, en cliquant sur cette icône nous allons créer un nouvel article que l'on pourra éditer.
Vous pourrez ainsi avec l'éditeur inclus par défaut à Joomla faire la mise en forme de votre texte, insérer des images, des fichiers sons, des vidéos en format avi ou swf (flash).

Il faut savoir qu'avant de créer un article, il est nécessaire d'avoir au préalable créé une section et une catégorie.

 
Voyons à quoi ressemble l'éditeur et essayons ensemble de créer un article :


Nous allons donner un titre à notre article, et pour commencer appelons-le "Mon premier article"..
Nous allons donc choisir une section et ensuite une catégorie; par défaut, si vous avez choisi d'installer Joomla avec les exemples d'articles, nous allons choisir "News" comme section et "Latest News" comme catégorie.



Pour rédiger votre texte, je ne vous apprend rien, il vous suffit d'utiliser l'éditeur comme vous le ferez avec Word ou tout autre traitement de texte.

Voyons maintenant comment insérer une image avec le code { mosimage } 

Il ne faut pas mettre d'espace comme je viens de le faire dans le code { mosimage }, ceci est fait exprès afin qu'il ne soit pas pris en compte par l'éditeur qui m'afficherait une image à la place du code.

Vous pouvez obtenir ce code en cliquant sur l'icône en bas de l'éditeur sur la gauche, ce que je vais d'ailleurs faire pour vous montrer l'icône où il vous faudra cliquer :



Bien, mais avant de le faire, nous devons d'abord savoir quelles sont les images à insérer, pour cela nous allons nous diriger sur le coté droit de l'éditeur et comprendre comment utiliser l'insertion d'images en cliquant sur l'onglet Images :

Nous avons donc la Galerie d'images où sont stockées toutes les images dans le dossier de Joomla /images/stories/..
C'est dans ce dossier où il faudra placer vos images pour pouvoir les voir dans cette Galerie.
Vous pouvez aussi créer un dossier dans stories, par exemple album1 que vous pourrez par la suite voir en cliquant sur la liste box de Sous-répertoire; Ainsi, vos images seront visualisées et vous pourrez les utiliser avec { mosimage }.
Commençons par sélectionner la première image "articles.jpg" et cliquons sur le bouton des flèches de droite afin de l'insérer dans Image de l'article.
Ensuite, nous allons choisir de la positionner à gauche ou l'aligner en cliquant dans la liste box de Alignement de l'image.
Dans Texte alternatif (Alt), vous pouvez donner un nom pour que quand on passera la souris au dessus de l'image le nom s'affiche; sinon, par défaut, c'est "Image" qui s'affichera.
Dans Bordure, mettons 0 pour que l'image s'affiche normalement sans bordures, mais vous pouvez choisir de l'encadrer en mettant 1 ou 2 ou plus.
Pour finir, si vous souhaiter donner un titre à l'image, il vous suffit de l'écrire dans Légende de l'image.
Nous allons maintenant donner comme position dans Position de la légende la valeur Haut, ce qui nous donnera un titre au dessus de l'image; Puis, nous allons aligner le texte du titre à gauche en cliquant dans la liste box de Alignement de la légende.
Il nous reste plus qu'à appliquer ce que nous avons fait avant de sauvegarder l'article en cliquant sur le bouton Appliquer.


Avant de sauvegarder l'article, nous allons insérer le code { mosimage } et écrire un petit texte, voyons cela en vidéo  :


Vous pouvez maintenant voir un aprerçu de l'article avant de le sauver, en cliquant sur l'icône Aperçu, tout en haut à droite :



Puis, une fois satisfait, il ne vous reste plus qu'à cliquer sur l'icône Sauver.
Dans le prochain tutoriel (partie 2), nous verrons comment utiliser insert page break, comment insérer un contenu multimédia dans notre article...
A propos de l'auteur
Prod_Web
Nom: Prod_Web
Derniers articles de l'auteur