Utilisation de l'éditeur

Imprimer PDF
L'éditeur de texte HTML de Joomla!, est l'outil que vous utiliserez le plus souvent dans l'administration de Joomla! car c'est lui qui vous permet d'écrire vos textes. Attention, je dis bien d'écrire vos textes, pas de les rendre accessibles aux visiteurs. Pour cela, lorsque vos textes sont écrits, rendez-vous au guide sur la création de menus.

Pour en revenir à l'éditeur, il vous permettra d'écrire du texte et de le mettre en valeur grâce aux divers styles disponibles (gras, italique, souligné), d'ajouter des images, des liens à votre texte et bien d'autres choses encore. Voyons ses fonctionnalités plus en détail.
1

Ajouter une image

Ajouter une image
Ajouter une image
Dans l'éditeur HTML, cliquez à l'endroit où vous voulez insérer une image. S'il y a déjà une image, cliquez dessus et la nouvelle image la remplacera. Cliquez ensuite sur le bouton Insérer/modifier l'image. Une nouvelle fenêtre s'ouvre. Dans cette fenêtre, vous avez la possibilité de choisir votre image de deux façons selon que votre fichier se trouve sur votre ordinateur ou sur nos serveurs :
  • Si votre image se trouve sur le serveur :
    Cliquez sur le bouton Parcourir le serveur et choisissez simplement l'image dans la fenêtre qui apparaît. Cliquez sur OK en bas à droite.
  • Si votre image se trouve sur votre disque dur :
    Rendez-vous dans l'onglet Télécharger et cliquez sur Browse.... Une autre fenêtre apparaît, dans laquelle vous pouvez parcourir votre disque dur à la recherche de votre image. Une fois trouvée, cliquez sur le bouton Ouvrir. Cliquez ensuite sur le bouton Envoyer sur le serveur. Une fenêtre s'affiche pour vous annoncer que l'envoi s'est bien passé et vous revenez automatiquement à l'onglet Informations sur l'image. Cliquez alors sur OK en bas à droite.
Votre image est automatiquement insérée dans l'éditeur HTML. N'oubliez pas d'enregistrer vos modifications en cliquant sur Sauver (ferme l'article) ou Appliquer (pour ne pas fermer l'article) en haut à droite.


2

Insérer un lien sur une image

Ajouter une image
Insérer un lien sur une image
Tout d'abord, il faut choisir une image comme expliqué dans l'étape 1, Ajouter une image. Après avoir fait votre choix, que l'image se trouve sur votre ordinateur ou sur le serveur, vous vous retrouvez dans l'onglet Informations sur l'image.

Allez ensuite sur l'onglet Lien et entrez le lien auquel vous voulez que l'image mène dans le paramètre URL.

Dans le paramètre Destination vous pouvez décider comment va s'ouvrir le lien : dans un nouvel onglet, dans ce cas laissez le paramètre <par défaut>, ou dans la même fenêtre, choisissez alors Nouvelle fenêtre (_blank). La règle est que lorsque vous faites un lien vers une page de votre site, le lien s'ouvre dans la même fenêtre et que les liens qui mènent à d'autres sites s'ouvrent dans des onglets différents pour que le visiteur ne perde pas votre site.

Pour les liens qui pointent vers votre site il est conseillé d'écrire les liens en relatif et non en absolu. Pour faire simple, une adresse relative est la 2e partie de l'adresse d'un site Web et l'adresse absolue est l'adresse entière.

Par exemple, pour ce guide, l'adresse absolue est http://guides.hpjsolutions.com/joomla-1.5/utilisation-de-lediteur.html, l'adresse relative sera tout ce qui se trouve après http://guides.hpjsolutions.com, à savoir, /joomla-1.5/utilisation-de-lediteur.html.

Après avoir choisi le type de lien que vous voulez faire, cliquez sur OK en bas à gauche et n'oubliez pas de sauvegarder les modifications.


3

Créer un hyperlien

Créer un hyperlien
Créer un hyperlien
Dans l'éditeur HTML, vous devez écrire le mot, la phrase ou l'image qui sera cliquable.

Veuillez noter que lorsque l'on insère une image, on peut directement y ajouter un lien. Pour savoir comment procéder, rendez-vous à l'étape 2, Ajouter un lien sur une image.

Ensuite, surlignez cet élément et cliquez sur le bouton Insérer/modifier le lien. Une nouvelle fenêtre s'ouvrira sur l'onglet Informations sur le lien. Dans le paramètre Type de lien, vous avez le choix entre 3 types :
  • URL : entrez dans ce champ le lien qui mène au site Web. L'URL est basée sur le modèle www.nomdusiteweb.extension, l'extension pouvant être .com, .qc.ca, .ca, .fr, etc... Il vous faudra choisir que quelle façon la page liée à cette URL va s'afficher : dans le même onglet ou dans un onglet différent ? Pour savoir comment faire votre choix et comment l'appliquer, reportez-vous à la partie 2, Insérer un lien sur une image. C'est le paramètre Destination qui vous permet de faire un choix.
  • Ancre dans cette page : ce paramètre est expliqué plus bas dans ce guide, rendez-vous à l'étape 5, Insérer une ancre.
  • E-mail : il permet de faire un lien qui lorsque le visiteur cliquera dessus, ouvrira un nouveau message vide dans son logiciel de messagerie (Microsoft Outlook et Thunderbird  en sont des exemples) . Lorsque vous choisissez ce paramètre, 3 champs apparaissent :
    • Adresse E-mail : entrez l'adresse courriel de la personne qui va recevoir le message
    • Sujet du message : vous pouvez choisir d'entrer un sujet qui apparaîtra automatiquement dans le nouveau message (facultatif)
    • Copie du message : vous pouvez également choisir de mettre un texte dans le nouveau message (facultatif)
Quel que soit le type de lien que vous ayez choisi, n'oubliez pas de cliquer sur le bouton OK en bas à droite. Votre hyperlien est maintenant créé.


4

Ajouter un document

Ajouter un document
Ajouter un document
Les documents sont souvent des fichiers que l'on veut mettre à disposition en téléchargement.

Pour cela, vous devez tout d'abord écrire le nom ou la phrase sur lesquels on pourra cliquer pour télécharger le document (ex. : Télécharger ce fichier). Sélectionnez ce nom ou cette phrase et cliquez sur le bouton Insérer/modifier le lien. Une nouvelle fenêtre apparaît  sur l'onglet Informations sur le lien. Lorsque vous êtes arrivé à cette étape, il y a 2 façons de procéder, selon que votre fichier se trouve sur votre ordinateur ou sur nos serveurs. Cela est expliqué plus haut dans ce guide, reportez-vous à l'étape 1, Ajouter une image.


5

Insérer une ancre

Insérer une ancre
Insérer une ancre
Une ancre permet de faire un lien dans une même page d'un mot ou d'une expression vers un autre mot ou expression.

Pour cela, écrivez le mot ou la phrase sur laquelle vous voulez cliquer pour atteindre votre ancre, ce sera le lien vers l'ancre. Pour nous, ce sera le texte "Chapitre 1".
Écrivez également le mot ou la phrase sur laquelle vous voulez arriver, c'est-à-dire l'ancre elle-même, pour nous, ce sera le texte "Chapitre 1 Texte du chapitre 1".
Le lien et l'ancre doivent être assez éloignés pour voir le passage de l'un à l'autre lorsque l'on cliquera sur le lien.

Pour commencer, il faut mettre en place les ancres avant les liens. Surlignez la première ancre et cliquez sur Insérez/modifier l'ancre.
Une fenêtre apparaît, dans laquelle vous devez écrire un nom pour l'ancre. Lorsque c'est fait, cliquez sur OK.
Vous retournez alors à l'éditeur et une petite ancre est apparue à gauche de votre texte.

Vous pouvez maintenant mettre en place le lien vers cette ancre. Surlignez le mot ou groupe de mots qui constituera le lien et cliquez sur Insérer/modifier le lien.
Une fenêtre apparaît. Dans Type de lien, choisissez Ancre dans cette page. Dans Sélectionner une ancre, Par nom, choisissez le nom de la bonne ancre et cliquez sur OK.
Vous pouvez alors voir le lien vers votre ancre. Il est souligné.

N'oubliez pas de sauvegarder vos modifications en cliquant sur Appliquer ou Sauver et allez voir sur la page de votre site. Lorsque vous cliquez sur le lien, il vous mène à votre ancre.


Commentaires (0)Add Comment

Ecrivez un commentaire
Réduire l'éditeur | Agrandir l'éditeur

busy