Guide du rédacteur

Transcription

1 Guide du rédacteur Auteur hb9tub Louis Ver

2 - Guide du rédacteur Page 1

3 - Guide du rédacteur Page 2 Table des matières Introduction... 4 Comptes utilisateurs... 5 Propriété intellectuelle... 6 Pages d administration du site web (back office)... 7 Créer un article avec Joomla... 8 Zone 1 : titre, alias, catégorie, options de publication... 9 Zone 2 : édition, insertion de lien, lire la suite, saut de page, Zone 3 : Paramètres de l article Zone 3 : Méta-données Conseils de rédaction Travaillez votre contenu et votre rédactionnel Structurez correctement vos articles Faites des liens vers votre contenu Mettez des descriptions sur toutes vos images Copier/coller un contenu externe dans un article Mettre le texte en forme Gestion des liens Insérer un lien L URL La Cible Le Titre Modifier un lien existant Supprimer un lien Insérer des images dans ses articles Choisir une image Charger son image sur le serveur Administrer son image (redimensionner, renommer, aligner) Lire la Suite Publier son article Gestionnaire des Médias Charger un media sur le site... 36

4 - Guide du rédacteur Page 3

5 - Guide du rédacteur Page 4 Introduction Le site web du club est une plateforme de communication interactive où les membres du club sont invités à partager leurs activités, leurs expériences, leurs connaissances avec les autres membres du club ou avec la communauté radio amateurs. Le site web n est pas un outil réservé aux membres du comité ou à un web master, tous les membres du club sont invités à publier sur cette plateforme. C est pour cela que le site web de hb9g a été transféré sur une plateforme très populaire et accessible à tous : Joomla. La vie du site web s organise en plusieurs fonctions : - L administrateur du site, s occupe des aspects techniques du site et assure son bon fonctionnement. - Le webmaster, s occupe du contenu du site, sa structure, la mise en page, l organisation des catégories, l archivage des articles, éventuellement la correction de certains articles pour garantir l homogénéité du site. - Les éditeurs sont tous les membres qui souhaitent partager une information avec les autres membres du club ou avec la communauté radio amateur. Les articles constituent l essentiel du contenu du site : c'est ce qui fera revenir nos visiteurs, c'est ce qui permettra de propager notre passion. Joomla propose une batterie d'outils pour gérer les articles, leur mise en page, mettre son texte en forme, insérer des images ou des vidéos dans les contenus. Nous allons voir les grandes lignes permettant d éditer efficacement un article sur le site, les règles générales d édition sur Internet, l outil de gestion des articles de Joomla, les règles spécifiques à notre site

6 - Guide du rédacteur Page 5 Comptes utilisateurs Les comptes d accès au site web (front end) sont organisés en quatre types de profils différents : Enregistré : peut se connecter en frontal et accéder aux éléments du site de niveau Membres. Il n'a aucun droit supplémentaire. Toutes les personnes qui en font la demande peuvent obtenir un compte Enregistré. Ce compte permet d accéder à la lecture d articles visibles uniquement aux membres identifiés : rapport de séances, photos,. Auteur : dispose des mêmes droits qu'un utilisateur de niveau Membre. Il peut soumettre des articles en frontal via le lien prévu à cet effet dans le menu. Il peut également modifier ses articles une fois qu'ils ont été publiés. Tous les membres du club qui en font la demande peuvent devenir Auteur. Editeur : dispose des mêmes droits qu un Auteur, mais peut modifier tous les articles du site directement en frontal, y compris ceux dont il n est pas l auteur. Ce statut est destinées aux quelques personnes ayant les compétences nécessaires et la volonté d animer le site web. Rédacteur : dispose des mêmes droits qu un Editeur, mais peut directement publier un article qu'il soumet, y compris sur la page d accueil. Cela correspond au statut de webmaster. Résumé des niveaux de droits : Tous les membres qui le souhaitent peuvent également accéder aux pages d administration du site permettant la publication d articles, en respectant les règles expliquées plus loin. Le comité du club et plus spécifiquement les personnes en charge de la maintenance du site peuvent décider en tout temps de modifier un article (corrections, adaptation à la charte du site, texte inapproprié, violation de contenu).

7 - Guide du rédacteur Page 6 Propriété intellectuelle Sur Internet, le code de la propriété intellectuelle s applique aussi. Il faut donc veiller à respecter les droits relatifs aux contenus audio, vidéo, écrits qui sont réutilisés pour une reproduction sur le site du club. Ces précautions sont autant de réflexes à acquérir pour réaliser des emprunts en toute légalité. Pour réutiliser des œuvres issues d un site internet, il faut apprendre à trouver le mode d emploi du site : pour cela, il faut rechercher l onglet «conditions d utilisation», «mentions légales» ou encore «crédits», souvent en pied de page du site ou signalés par un logo ou un lien. Ces mentions vous indiquent qui est le propriétaire des œuvres du site, si elles peuvent être réutilisées et de quelle(s) manière(s). À défaut d autorisation de l auteur ou à défaut de mentions légales sur le site internet, vous pourrez faire un lien simple pointant vers la page d accueil du site intégrant le contenu ou vers le contenu souhaité avec indication de l adresse URL 1 du site lié et mention du nom de l auteur du contenu, sauf stipulation contraire de sa part. L absence de conditions d utilisation, de mentions légales ou du nom de l auteur sur le site utilisé ne signifie pas qu il y a abandon des droits d auteur! Au contraire, il faut renforcer sa vigilance et chercher à joindre le site pour obtenir une autorisation écrite de l auteur des contenus utilisés, sous peine de devoir renoncer à utiliser son contenu. La mention (ou copyright) est un usage anglo-saxon qui signifie que l œuvre est la propriété d un auteur et qu il y a des droits d auteur à respecter. En Suisse, cette mention n a aucune valeur juridique : l œuvre donne prise au droit d auteur qu il y ait ou non le copyright apposé. En réutilisant des contenus qui ne sont pas les vôtres sans le préciser, vous engagez directement votre responsabilité en tant qu auteur et celle du club en tant que responsable du site internet du club, lorsque la diffusion a lieu sur ce support. Les contenus réutilisés peuvent être issus d autres supports que le numérique (livre, vidéo, CD) : dans ce cas, la ressource souhaitée doit être numérisée et intégrée sur le site internet. Avant d être publiés, il faudra obtenir l autorisation des auteurs des contenus. De plus en plus de sites proposent des ressources dont les autorisations sont très ouvertes, soit par le biais de conditions d utilisations rédigées de façon originale et personnelle par l auteur ou l éditeur, soit en recourant à un des systèmes de licences répandus (voir Diffuser des contenus réutilisables par d autres) : exploitez-les en priorité tout en citant vos sources. 1 En français, "adresse universelle". Une URL (Uniform Resource Locator) est l'adresse d'une ressource (exemple : fichier) sur Internet. Son format est un standard universel qui a la structure suivante : (eduscol.education.fr, s.d.)

8 - Guide du rédacteur Page 7 Pages d administration du site web (back office) Pour accéder à la page d administration du site utilisez le lien suivant : Entrez vos coordonnées d utilisateur pour se connecter : Contactez l administrateur du site en cas de problème avec votre compte. Vous arrivez alors sur l interface de gestion du site :

9 - Guide du rédacteur Page 8 Créer un article avec Joomla Les articles constituent l essentiel du contenu du site : c'est ce qui fera revenir nos visiteurs, donner de la visibilité à nos activités, et permettra finalement de propager notre passion. Joomla propose une batterie d'outils pour gérer les articles, leur mise en page, mettre son texte en forme, insérer des images ou des vidéos dans les contenus. La Gestion des articles permet de gérer ses listes d'articles, de les publier, les effacer, ou encore de les trier et de les ordonner. Note préalable : par défaut, Joomla intègre un éditeur WYSIWYG appelé TinyMCE. Nous lui préférons l'éditeur nommé JCE (pour Joomla Content Editor), un outil bien plus puissant qui intègre quelques fonctionnalités supplémentaires intéressantes, notamment une meilleure gestion des images. Toutes les aides que vous allez trouver et qui concernent l'édition de contenu sont faites avec JCE. On accède à la fonction «Ajouter un article» via le bouton portant ce nom sur la page d accueil de l administration, ou via le menu Contenu / Gestion des articles / Ajouter un article. Vous arrivez alors sur l outil d édition : 1. Titre 3. Paramètres 2. Edition On trouve trois zones principales sur cette page, expliquées ci-après : Titre (zone 1), Edition (Zone 2) et Paramètres (zone3)

10 - Guide du rédacteur Page 9 Zone 1 : titre, alias, catégorie, options de publication Dans la zone supérieure, on trouve : Le Titre de l article Qui est celui qui s affichera à la fois dans le corps de page et dans la barre d onglets des navigateurs. Le titre saisi en administration : Le titre en frontal 2 : Le titre dans l'onglet du navigateur Internet : Le titre est très important à plus d'un titre (hi hi!): il identifie votre article aussi bien en frontal qu en back office, il permet son référencement dans les moteurs de recherche grâce aux balises (h1, h2, etc.) directement intégrées dans le template du site, il organise la page, et il permet de mettre en valeur votre contenu, notamment sur la page d accueil. Si votre article concerne un évènement périodique, indiquez la période concernée (l année) dans le titre. Eviter les acronymes ou initiales. Si votre article concerne un aspect technique intemporel indiquez juste l objet. Exemples : Contest de Genève 2013 ; Assemblée générale 2013 ; Communication wireless 10 Ghz ; Test de l ICOM 9999HX ; Tester ses antennes HF ; N indiquez ni de date ni d auteur dans le titre. L Alias L alias est utilisé pour la réécriture des URLs dans la barre d adresse du navigateur. 2 Frontal = pages du site web vu par les visiteurs. Contraire du back office (section administration).

11 - Guide du rédacteur Page 10 L alias est généré automatiquement lorsque le champ est vide, donc lorsque l'on que l on crée un article ou tout autre élément qui utilise un alias. L'alias se base sur le titre ou le nom choisi pour l élément en question, et le réécrit dans une nomenclature correcte : pas d'espace (remplacés par des tirets, tout en minuscules, pas d'accents, pas de caractères spéciaux : Alias correct : Alias incorrect : Si vous décidez de modifier le titre d un article, par exemple, il faudra alors modifier l alias manuellement, ou supprimer le contenu du champ, pour que Joomla le génère à nouveau automatiquement en se basant sur le titre de l'article. La Catégorie Il faut ensuite choisir la Catégorie à laquelle appartiendra l'article. Ou la sous-catégorie qui est identifiée par - - avant le titre de la sous-catégorie. Exemple : - - Châteaux Note : Si la catégorie n est pas spécifiée, l article devient un orphelin. Catégories disponibles : Club Les infos générales du club Quoi de neuf Les news générales (évènements passés) Agenda Les évènements à venir Journal hb9g Héritage de l époque où un journal était édité Formation Les articles concernant la formation Activités Les activités du club Modes Des infos techniques par type de mode Techniques Des infos techniques générales Archives L archivage de l agenda ou d article qui ne sont plus pertinents Certaines catégories ont une ou plusieurs sous-catégories. Le Statut Le statut explicite peut être Publié / Non publié / Archivé / Corbeille vous permet de publier ou non un article. Note : par défaut laissez le statut Non publié et ne le publiez pas avant qu il soit totalement abouti et exempt de fôtes d orthografe! Demandez à un OM ou au webmaster de relire votre article.

12 - Guide du rédacteur Page 11 Par soucis de simplicité, nous n utilisons pas les fonctions Archivé et Corbeille. L accès Sélectionnez le groupe cible de cet article : Public, Membres ou Special. L accès par défaut des articles est Public. Les articles marqués Membres ne seront visibles qu aux utilisateurs enregistrés sur le site web, c est-à-dire les membres. Le mode spécial n est pas utilisé. Les articles ne sont visibles que par les administrateurs. En vedette Les articles marqués En vedette sont sélectionnés pour composer la page d accueil. Les nouveaux articles sont les bienvenus sur la page d accueil, mettre cette option par défaut à Oui, sauf si vous avez une bonne raison de ne pas le faire. L article sera désactivé manuellement de la page d accueil par le webmaster au bout de quelques temps pour laisser la place à d autres et garder une page d accueil simple et lisible. Langues Nous ne gérons qu une seule langue sur le site hb9g.ch, laisser ce paramètres sur Toutes. ID ID est un numéro unique automatique qui identifie chaque article dans la base de données. Vous ne pouvez pas le changer. Zone 2 : édition, insertion de lien, lire la suite, saut de page, La seconde zone est la zone d édition de l éditeur WYSIWYG 3 que nous avons installé et qui s appelle JCE. C est là que vous pourrez entrer votre texte, placer vos images, et donc créer le corps de votre article. Note : la barre d outils de l éditeur JCE que vous voyez ici a été réduite au strict minimum afin de n'intégrer que les boutons absolument indispensables. Votre barre d outils pourra être configurée différemment. 3 «WYSIWYG» est l acronyme de la locution anglaise «What you see is what you get», signifiant littéralement en français «ce que vous voyez est ce que vous obtenez» ou de façon plus concise «tel affichage, tel résultat».

13 - Guide du rédacteur Page 12 Astuce : la plupart des fonctions de la barre d outils de l éditeur sont également accessibles en faisant un clic droit sur la souris dans la zone d édition (bien placer son curseur dans le champ d édition). Zone 3 : Paramètres de l article La colonne de droite permet de configurer quelques paramètres sur l article : Créé par Sélectionner le compte de l auteur. Par défaut, l auteur est le nom du compte Joomla avec lequel le créateur s est connecté pour créer l article. Nom de remplacement (Pseudo) Permet de spécifier éventuellement un autre pseudo que celui de l auteur. Note : Pour que le pseudo apparaisse, il faut toutefois que la configuration de l article permette l affichage du Nom de l auteur. Soit dans les paramètres globaux des articles, soit sur l article lui-même, ou sur la page qui affiche l article (que ce soit une page d accueil, une page de section, ou une page de catégorie ). Dates de publication d'un article La Date de création de l article est, comme son nom l indique, la date à laquelle l article a été créé. Par défaut, la date de publication sera la même, afin que l article puisse être mis immédiatement en ligne en choisissant le statut Publié. En spécifiant une Date de publication différente (ultérieure), il est possible de retarder la date de publication de l article qui n apparaîtra sur le site qu à la date choisie. Dans l exemple ci-dessus, l article a été créé le 1 mai à 21h55 mais ne sera mis en ligne que le 10 mai à 00h.

14 - Guide du rédacteur Page 13 Cliquez sur l icône en forme de petit calendrier à droite des champs pour sélectionner la date plus aisément. Note : le format de l heure qui doit être entré à la main est hh:mm (09:20 est 9h20). Si vous ne précisez pas une heure, le site mettra l article en ligne au jour choisi à minuit et une seconde. Attention : les dates utilisent le format inverse anglais : le 11 septembre 2013 (11/09/2013) est donc noté Articles en attente Pour qu'il apparaisse sur le site une fois que seront arrivés le jour et l heure choisis dans le champ Date de publication, l article doit impérativement être publié. Même chose pour l option Page d accueil, si vous souhaitez que l article apparaisse sur la page d accueil le jour J. Dans le cas où il n'est pas publié, l article n apparaîtra pas sur le site à la date souhaitée. Dans la liste des articles, vous verrez que l icône en face de notre article en attente prend un aspect inhabituel : Cela veut dire que l article est bien publié, mais qu il est en attente pour apparaître sur le site. Il ne le fera qu à la date choisie dans le champ Date de publication. Fin de publication Dans le même ordre d idée, il est possible de spécifier une date de Fin de publication. Dans ce cas, l article disparaîtra du site à la date et l heure choisie. Une fois la date d expiration atteinte, l article disparaîtra du site. Dans la liste des articles, une icône signifiera que l article a dépassé sa date de fin de publication : L article est publié mais a expiré. Pour que l article ne disparaisse jamais du site, laissez le champ Fin de publication vide. Il se remplira automatiquement de :00 :00 indiquant une valeur non définie. Révision Indique le nombre de fois que l article a été modifié (révisé). Clics Le nombre de personnes qui ont cliqué sur l article, que l'on peut réinitialiser afin de remettre le compteur à zéro dans le cas d'un article que l'on aurait soi-même visité plusieurs fois pour travailler sur sa mise en page, par exemple ;

15 - Guide du rédacteur Page 14 Autres options Laissez toutes les autres options aux valeurs par défaut, sauf éventuellement les métadonnées. Voir le paragraphe spécifique ci-après. Zone 3 : Méta-données Les méta-données sont accessibles dans la colonne de droite de la page d'édition des articles (Zone3). En cliquant sur le lien Paramètres des métadonnées, une nouvelle zone va se révéler : Par défaut, les articles prennent la description et les mots clés tels qu ils ont été définis dans la configuration générale du site. Ces champs permettent de personnaliser les métadonnées et de créer une description et une sélection de mots clés propres à chaque article. Description C est ici que vous pourrez entrer une description propre à chaque article. Mots clés C est ici que vous pourrez entrer une liste de mots clés propre à chaque article.

16 - Guide du rédacteur Page 15 Robots Le champ Robots vous permet d'empêcher les robots d'exploration des moteurs de recherche d'explorer la page si vous y inscrivez noindex. Le terme nofollow indique aux robots de ne pas suivre les liens que la page peut contenir vers d'autres pages. Auteur Enfin, le champ Auteur vous permet de spécifier un nom d'auteur pour l'article dans les balises méta.

17 - Guide du rédacteur Page 16 Conseils de rédaction Mettre son article en forme est évidemment primordial pour de très nombreuses raisons, l'intérêt que les internautes peuvent porter à votre site grâce à la qualité de son contenu étant évidemment la principale. Avant de donner corps à son article au moyen de liens, de texte, d'images il est bon de travailler sur le fond de l article. Voici quelques conseils de rédaction. 4 grands principes généraux quant à la rédaction d'un article sur Internet : Travaillez votre contenu et votre rédactionnel Trouvez des titres courts, percutants, accrocheurs, qui utilisent vos mots clés. Identifiez les mots clés importants pour votre site et travaillez votre contenu de manière à proposer une bonne occurrence de ces mots clés dans vos articles (on parle de densité). Utilisez en introduction de votre article une accroche qui introduit votre texte et donne envie au lecteur de cliquer sur Lire la suite... Faites des paragraphes courts, aérés, bien espacés. Utilisez une image qui illustre votre article et rend la page plus agréable. N'utilisez pas de couleurs de texte, de fonds colorés, de polices farfelues et de décorations inutiles. Laisser le Template mettre en page vos articles et unifier la présentation. Utilisez le gras pour mettre vos mots importants en valeur. Faites des phrases courtes et compréhensibles, qui vont droit au but. Pour les articles généraux, évitez le jargon radio amateurs et les termes techniques. Attachez une définition Wikipédia à vos mots qui ne sont pas compréhensibles par tout le monde. Evitez les acronymes, les abréviations, les anglicismes inutiles. Faites la chasse aux fautes d'orthographe! Structurez correctement vos articles Utilisez les balises Titre1, Titre2, Titre3... (qui correspondent en HTML aux balises <h1>, <h2>...) du menu déroulant Format, ainsi que les balises paragraphe, pour bien construire votre article et hiérarchiser le contenu de manière lisible, à la fois par les internautes et par les moteurs de recherche, qui comprennent que les éléments mis en valeur par les balises titres sont plus importants.

18 - Guide du rédacteur Page 17 Exemple d'article correctement mis en forme : Note : le titre de votre article a déjà été renseigné dans le champ Titre, inutile de le répéter dans la zone d édition. Mettez les sous-titres en Titre2, les titres de troisième niveau en Titre3, etc. Le corps du texte de l'article doit toujours rester un paragraphe. Utilisez le menu déroulant Format pour mettre en forme le contenu : Faites des liens vers votre contenu Faites des liens interne vers vos autres articles. Les liens internes de vos contenus vers vos autres contenus sont à la fois bons pour vos lecteurs, qui y gagnent un complément d'information et peuvent naviguer plus aisément sur le site, mais aussi pour le référencement. Mettez des descriptions sur toutes vos images Les balises alt, également appelées Description, sont très importantes. Elles permettent aux moteurs de recherche d'identifier et de référencer vos images, qu'ils ne comprennent pas. C'est aussi indispensable aux internautes souffrant de handicaps visuels, et utilisant des logiciels pour lire les contenus de vos pages qui eux non plus ne savent pas interpréter les

19 - Guide du rédacteur Page 18 images sans description. Vous pouvez également utiliser la balise Titre, (ou title) pour donner un titre à votre image, qui apparaîtra lorsque l'on passe le curseur de la souris sur l'image.

20 - Guide du rédacteur Page 19 Copier/coller un contenu externe dans un article Il est bien sûr possible de venir coller un contenu depuis une source externe, que cela soit un fichier Word, un document PDF, ou autre. Attention ne jamais copier/coller directement de contenu externe dans la zone d'édition de votre article! Copier/coller un texte directement depuis un document Word ou depuis une page web externe cause l'importation de code impur, et peut, dans les cas extrêmes poser des problèmes lors de l affichage de la page. Il est donc impératif de passer par l'outil fourni par JCE qui permet de coller un texte depuis une source extérieure (icône encerclée de rouge ci-dessus). En cliquant sur l icône une fenêtre va s ouvrir, dans laquelle vous pourrez copier votre texte afin de le nettoyer de tout code suspect. JCE vous permet de faire un clic droit quand vous êtes dans la zone de saisie. Vous y retrouverez l'option "Coller du texte" Venez coller votre texte dans cette fenêtre, puis cliquez sur Insérer. Seule contrainte : le texte sera débarrassé de toute mise en forme (gras, italique, liens, titres, paragraphe). C'est le prix à payer pour avoir une page sans problèmes d'affichage, au code HTML respectueux des normes.

21 - Guide du rédacteur Page 20 Mettre le texte en forme Afin de mettre le texte en forme vous disposez de toute une série d'icônes similaires à celles que l on trouve dans les logiciels de traitement de texte, et qui permettent, entre autre de mettre le texte en gras, en italique, de le souligner, de l'aligner (à droite, à gauche, au centre), de le justifier, de créer des listes à puces, etc. Note : Evitez en revanche les changements de couleurs, les fonds colorés et n'utilisez pas de polices de caractères ou de tailles de polices autres que celles définies par votre feuille de style (CSS). Il est également important d utiliser le menu déroulant Format pour mettre le texte en forme à l aide de classes prédéfinies qui seront reconnues et mises en valeur par la feuille de style : Parmi elles on trouve le paragraphe, les différentes tailles de Titre (Titre 1 pour un titre principal, Titre 2 pour un ou plusieurs titres secondaires, Titre 3, etc.), mais aussi la citation, la définition, etc. L utilisation de ces balises est importante car elles permettent de mettre le texte en forme en conservant une bonne hygiène de mise en page et de code HTML.

22 - Guide du rédacteur Page 21 Gestion des liens Insérer un lien L éditeur intègre également deux boutons permettant de créer ou modifier des liens. Par défaut, ils apparaissent grisés, on ne peut pas cliquer dessus : Pour insérer un lien, sélectionner avec le curseur de la souris les mots ou la portion de texte sur lesquels vous souhaitez créer un lien. Vous pouvez également choisir de créer un lien sur une image déjà placée dans le texte. Cliquez sur l'image pour la sélectionner (un cadre noir avec des petits carrés blancs doit apparaître autour de l'image). Les icônes de gestion des liens dans le menu vont alors devenir cliquables : La première icône permet de créer ou de modifier un lien, si celui-ci existe déjà. Cliquez dessus pour faire apparaître une nouvelle fenêtre :

23 - Guide du rédacteur Page 22 L URL L adresse (URL) est le champ le plus important, puisque c est lui qui contiendra l adresse vers laquelle on souhaite faire pointer ce lien. Si vous la connaissez déjà, il est tout à fait possible de copier/coller une adresse directement dans ce champ de saisie URL. Pensez à coller l adresse complète avec le s il s agit d un lien vers un autre site, sinon le lien ne fonctionnera pas. Dans le cas où vous souhaitez créer un lien interne (c'est-à-dire vers une page de votre propre site), l outil intègre plusieurs fonctionnalités pour vous faciliter la tâche, en vous permettant de naviguer dans votre contenu : Contacts vous permet de faire un lien vers une fiche de contact, gérée dans le composant Contacts Contenu vous permet de faire un lien directement vers l un de vos articles, ou l une des catégories du site Menu vous permet de faire un lien directement vers l un des menus du site Liens Web vous permet enfin de faire un lien vers votre collection de liens, gérée dans le composant Liens Web (attention : cela ne sert pas pour faire des liens externes directs). Naviguez dans votre contenu et sélectionnez la page vers laquelle vous voulez créer le lien. A droite du champ Adresse (URL) se trouvent également deux petites icônes : L icône de gauche est un explorateur, qui vous permettra de créer un lien dans le texte vers l un des fichiers ou documents de votre site, par exemple un PDF.

24 - Guide du rédacteur Page 23 L icône de droite permet de créer un lien qui, lorsqu il sera cliqué, ouvrira le client mail de l'internaute, et lui permettra d envoyer directement un mail à la personne dont l adresse aura été renseignée sur la première ligne (champ Adresse). Il est également possible d y préciser les adresses qui recevront le mail en copie, voire en copie cachée, ainsi que le sujet du message : Une fois votre choix effectué, que cela soit un lien vers un site externe en copiant/collant l adresse directement dans le champ Adresse, un lien vers une page interne, vers un document, ou encore vers une adresse mail, vous pouvez définir la cible du lien, et son titre. La Cible La Cible détermine la fenêtre du navigateur dans laquelle va s ouvrir la page quand on clique sur le lien : Le Titre Ouvrir dans cette fenêtre/cadre : s ouvre dans la même fenêtre du navigateur. Choisir cette option pour les liens qui se trouve dans le site web hb9g.ch. Ouvrir dans nouvelle fenêtre : ouvre une nouvelle fenêtre ou un nouvel onglet du navigateur. Choisir cette option pour les liens qui pointent vers d autres sites web. Enfin, le champ Titre permet de donner un titre au lien, qui apparaîtra lorsque l on passe la souris au-dessus du lien en frontal : Une fois tous ces paramètres réglés, vous n avez plus qu à cliquer sur Insérer :

25 - Guide du rédacteur Page 24 Astuce : si vous créez un lien sur une image, il est possible que celle-ci soit automatiquement entourée d'un petit cadre bleu, censé montrer que l'image est cliquable. C'est une convention vieille comme le Web, mais qui n'est plus très utilisée aujourd'hui, principalement pour des raisons esthétiques. Pour la faire disparaître, éditez votre image puis créez lui une bordure dont la largeur est égale à 0 (cliquez sur "Bordure" et dans le menu déroulant Largeur choisissez 0). Modifier un lien existant Il bien sûr possible de modifier un lien existant. Pour ce faire, dans la zone d'édition, placez le curseur "dans" votre texte, à l'endroit où le lien est actif, ou sélectionnez l'image sur laquelle se trouve le lien. Cliquez sur la même icône que précédemment, qui va se mettre en surbrillance, ou faites un clic droit sur la souris pour faire apparaître le Insérer/Editer un lien. Vous allez faire réapparaître la fenêtre d'édition de lien, que vous pourrez modifier avec les nouveaux paramètres comme vu lors de la création d un lien. En cliquant sur Mettre à jour, vous modifierez votre lien. Supprimer un lien Pour supprimer un lien, sélectionnez le lien de la même façon que pour le modifier. Cliquez sur la seconde icône pour le supprimer définitivement :

26 - Guide du rédacteur Page 25 Insérer des images dans ses articles Les articles sont toujours plus agréables à lire quand ils sont accompagnés d'images. Bien sûr, avant d'ajouter une ou plusieurs image(s) à un article, il faut en posséder : soit en avoir créé soi-même (appareil photo, scanner, création graphique sous un logiciel), soit en récupérer. La question des droits des images ainsi que celle du droit à l'image sont évidemment à prendre en compte lorsque l'on utilise des images dans ses articles. Voir le chapitre Propriété Intellectuelle de ce document. On peut se tourner aussi vers des plates-formes comme istockphoto pour obtenir légalement des photos ou illustrations exploitables. Après avoir obtenu ses images, il faudra éventuellement les retoucher, les nommer puis les transférer sur le serveur. Voir le chapitre Gestionnaire de Medias. Enfin seulement vous pourrez les insérer dans l'article. Il existe deux méthodes pour insérer ses images dans un article : appeler des images chargées au préalable par le biais de la page Gestion des médias, ou utiliser l'outil de JCE pour les monter sur le serveur depuis l'article. Pour insérer une image directement dans un article sans passer par la Gestion des Médias, veuillez tout d abord vous assurer que votre image est prête à être importée : résolution, taille du fichier 1Mb maxi, nom conforme, Placez alors votre curseur à l endroit où vous souhaitez qu'elle apparaisse dans l article, puis cliquez sur le bouton prévu à cet effet sur la barre d outils. Astuce : il existe deux boutons "Images" dans une page d'édition d'article de Joomla : celui situé sur la barre d'outils de l'éditeur JCE, en haut, et celui situé en bas de la zone de saisie, à côté des boutons Saut de page et Lire la suite. Si ce dernier bouton est tout à fait fonctionnel, nous vous conseillons d'utiliser le bouton supérieur, celui de JCE, beaucoup plus riche et puissant en termes de fonctionnalités. S ouvre alors la fenêtre du gestionnaire d images :

27 - Guide du rédacteur Page 26 Choisir une image Avant toutes choses, il faut choisir l image à insérer dans le texte. Si l image est déjà présente sur le serveur, il suffit d aller la chercher à l aide de l explorateur situé dans la partie basse de la fenêtre, et qui permet de naviguer dans les différents répertoires du site, puis de sélectionner l image en cliquant sur son nom. Charger son image sur le serveur Pour charger une image sur le serveur, il faut d abord choisir le répertoire de destination. Par défaut, dans Joomla, le répertoire des images des articles est le dossier images/stories. Le répertoire racine de JCE correspond au dossier images de Joomla. Toutes les images chargées par l'intermédiaire de JCE sur le serveur seront donc placées dans le répertoire racine/stories, ou dans les sous-répertoires qui le composent, et dont la liste apparaît dans la colonne Dossiers.

28 - Guide du rédacteur Page 27 Pour charger une image dans un dossier existant, il faut bien se placer à l intérieur en cliquant sur le nom du dossier, comme sous l explorateur Windows. Pour avoir confirmation de son choix, regarder la position indiquée sous le titre Gestionnaire de fichiers. Attention : les noms de tous les fichiers (documents, images) comme ceux des répertoires doivent s écrire sans accents, sans espaces, et sans caractères spéciaux autres que - (tiret) _ (underscore) ou. (point). Les majuscules sont tolérées, mais sont dispensables. Exemples de noms corrects : image-du-chateau.jpg, le_chateau.jpg, chateau.jpg Exemples de noms incorrects : image du chateau.jpg, château.jpg Une fois le répertoire sélectionné, nous allons «monter» notre image sur le serveur, c est-àdire l envoyer à distance sur le serveur depuis notre disque dur. Cliquez sur le bouton qui se trouve a mis hauteur de la fenêtre, à droite : Une fenêtre s ouvrira, vous permettant d envoyer vos images sur le serveur soit en utilisant l outil «Glisser ici» :

29 - Guide du rédacteur Page 28 Soit en utilisant la fonction Explorer accessible en cliquant sur le bouton Explorer Sélectionner alors une ou plusieurs images que vous voulez monter depuis votre Explorer puis confirmer. Attention : les seuls formats d images tolérés sont JPG (ou JPEG), GIF et PNG. Les formats BMP, PSD, TIFF et autres sont fortement déconseillés. Seules les images de taille inférieure à 1Mb sont acceptées. Avant de cliquer sur Envoyer, vous pouvez choisir l action à effectuer si le fichier existe déjà sur le serveur (vous pouvez l écraser pour le remplacer ou choisir qu il soit renommé automatiquement), renommer vos fichiers si leur nom ne vous convient pas voire en supprimer grâce aux deux icônes situées à leur droite : Une fois vos choix validés, cliquez sur Envoyer. Les images seront alors transférées sur le serveur. Le temps de transfert dépendra évidemment de la taille des images et de la bande passante disponible. Les icônes vertes vous indiqueront que le transfert s est bien déroulé, Puis la fenêtre se ferme automatiquement. Votre ou vos image(s) récemment transférées apparaîtront en gras et surligné en gris dans l explorateur.

30 - Guide du rédacteur Page 29 Il faudra de nouveau cliquer sur le nom de l image choisie pour bien la sélectionner. Le chemin complet vers l image apparaîtra alors dans la zone supérieure de la fenêtre : Veillez à bien cliquer sur le nom de l image choisie pour que le chemin complet apparaisse dans le champ URL. Dans le cas contraire le champ apparaîtra en rouge pour vous indiquer qu il y a un problème et un message d erreur vous préviendra si vous essayez de cliquer sur Insérer. Administrer son image (redimensionner, renommer, aligner) Quand vous cliquez sur le nom d'une image pour la choisir, sa miniature s affichera dans la zone de droite :

31 - Guide du rédacteur Page 30 Vous pourrez voir ses dimensions, son poids, le type et le nom de l image. Vous aurez également une série d outils situés dans la colonne de droite pour la renommer, la copier, la supprimer, la visualiser dans son format d'origine, ou encore la sélectionner pour l insérer dans l article (équivalent du clic sur le nom de l image). Une fois l image sélectionnée, le chemin complet apparaîtra donc dans le champ URL : Description Le champ Description est très important puisqu il permet de rentrer une description complète de l image (accents et espaces autorisés) qui permettra non seulement aux moteurs de recherche de référencer l image, mais aussi aux logiciels qui lisent les pages pour

32 - Guide du rédacteur Page 31 les personnes aveugles ou malvoyantes de pouvoir «traduire» l image à leurs utilisateurs. Pensez donc à renseigner ce champ. Dimensions Le champ Dimensions vous permet de changer les dimensions de l image en utilisant la largeur et la hauteur exprimées en pixels (laissez Proportionnel coché si vous souhaitez conserver les proportions de l image en la redimensionnant). hb9g.ch : la dimension standard des images dans les articles est 200 pixels de large. Laisser la hauteur s adapter automatiquement. Le poids ne doit pas dépasser 100ko. S il est tout à fait possible de redimensionner les images trop grandes directement dans l éditeur, préférez si possible des images de taille raisonnable : 150/160ko grand maximum, en 72DPI, d une taille avoisinant les 500 pixels de large. Le travail sur les images (compression, taille, redimensionnement) doit se faire de préférence avant leur envoi sur le serveur, au moyen de logiciels type Photoshop, Gimp, Paint.net. Alignement Alignement vous permet de jouer sur l alignement de l image par rapport au texte (et non pas l alignement de l image sur la page elle-même). hb9g.ch : l alignement du texte est libre mais recommandé à droite ou à gauche. Marge Marge permet d aménager un espace blanc entre l image et le texte. Ne laissez pas la case Proportionnel cochée si vous voulez renseigner des valeurs différentes. hb9g.ch : La marge recommandée est de 5 pixels pour le haut et le bas et de 8 pour la droite et la gauche. La zone Prévisualiser vous permet de voir en direct les changements que vous appliquez à l image, voire de lui appliquer une Bordure, avec différents paramètres (largeur, style, couleur). Image alignée à gauche du texte avec marge de 10 pixels à droite

33 - Guide du rédacteur Page 32 Une fois l image choisie, correctement configurée, cliquez sur Insérer dans le cas d'une nouvelle image, ou Mettre à jour dans le cas d'une image que vous modifiez. L image apparaîtra donc dans le texte, à l endroit où vous aviez placé votre curseur.

34 - Guide du rédacteur Page 33 Lire la Suite Afin d harmoniser la mise en page et rendre la lecture d'un site plus agréable, Joomla propose la fonction Lire la suite qui permet, sur les pages affichant plusieurs articles, de les couper après l'introduction et de renvoyer, via un lien, à une page affichant l article complet. L'aspect du Lire la suite (taille du lien, couleur, etc.) dépend du template du site. Pour insérer un Lire la suite, placez votre curseur à l endroit où vous voulez couper la page, de préférence après une introduction courte et percutante qui donnera au lecteur l envie d en savoir plus et de cliquer sur le lien. Cliquez sur l icône Lire la suite située en bas de la zone de saisie : Une barre grise va apparaître dans le texte à l endroit où se trouve votre curseur : Appliquez pour sauvegarder votre article. Rendez-vous en frontal, le Lire la suite apparaîtra bien à l endroit voulu. Note : il n est possible d insérer qu un seul Lire la suite par article. Par ailleurs, il est obligatoire que celui-ci soit placé entre deux zones de contenu quelconque (texte, image). Un Lire la suite ne peut pas être placé seul en introduction d un article. Il n'est pas possible de modifier un Lire la suite. Pour le déplacer, il faut d abord le supprimer puis le recréer. Pour supprimer un Lire la suite, retournez dans votre article, cliquez sur la barre grise symbolisant le Lire la suite et effacer le (touche Supprimer ou Delete). Le trait disparaîtra. Le Lire la suite a été enlevé.

35 - Guide du rédacteur Page 34 Publier son article Une fois votre article terminé, mis en page, agrémenté d'images, et consciencieusement relu, il ne reste plus qu'à le publier, c'est à dire de faire la démarche de le rendre lisible par tous les internautes qui viendront sur votre site. La publication d'un article peut se faire par deux biais : sur l'article lui-même, en choisissant le Statut "Publié", ou dans la liste des articles, où l'on peut agir sur la publication d'un article au moyen des boutons de la colonne Statut. C'est aussi le moment de choisir si l'article sera ou non «En vedette» sur la Page d'accueil, en faisant également ce choix. Il est possible de voir la liste des articles actuellement publiés en page d'accueil en cliquant sur «Articles en Vedette» dans la Gestion des Articles. Cette page ne fait rien d'autre : elle ne permet pas de gérer sa page d'accueil (position, affichage). Elle permet d'enlever des articles de la page d'accueil et d organiser l ordre des articles.

36 - Guide du rédacteur Page 35 Gestionnaire des Médias Medias = images, mais aussi documents (PDF, DOC) ainsi qu éventuellement vidéos et musiques. Ci-après, le mot média fait référence à tous type de médias. Le Gestionnaire des Médias vous permet de voir un aperçu de votre répertoire images, qui contient tous les médias du site. C est là que vous pourrez charger des images ou des documents sur le site, gérer vos images ou vos répertoires d images, etc. Il est toutefois possible de charger une image sur le serveur directement depuis un article grâce à l éditeur JCE. On accède à la Gestion des médias via le bouton portant ce nom sur la page d accueil de l administration, ou via le menu Site / Gestion des médias. La page vous donnera un aperçu visuel de vos répertoires et des médias sous forme de miniatures. Notez que le répertoire des médias est : /home/hb9g/www/ 4. Les images utilisées dans les articles sont stockées dans les documents PDF sont stockés dans les vidéos sont stockées dans stories, documents, videos, 4 Ce répertoire est également accessible avec un outil FTP.

37 - Guide du rédacteur Page 36 les galeries photos sont dans le répertoire phocagallery. Avec l outil de gestion des médias, vous pourrez : - Naviguer dans les répertoires - Visionner des images (cliquez sur une miniature pour la voir en taille réelle) - Supprimer des images - Supprimer des répertoires (ils devront cependant être vides) Vous ne pourrez par contre ni renommer vos fichiers et vos répertoires, ni les déplacer. Note : Ne supprimez aucun media sauf si vous êtes sûr de vous à 200 %! En cas de doute demander au webmaster de le faire pour vous. Ne créez pas non plus de nouveau dossier, l organisation du site est de la responsabilité du webmaster. Respectez la structure en place (voir ci-dessus). Si vous avez une besoin particulier, prenez contact avec lui. Charger un media sur le site Note : Joomla ne posera pas de questions sur la taille de vos fichiers, et acceptera de monter toute media dont la taille est inférieure au maximum autorisé dans la configuration du Site (10 Mo par défaut). Evitez toutefois d'envoyer des images de 3000 pixels de large ou des fichiers pesant 3 ou 4Mo, si vous ne voulez pas consommer tout notre espace disque en quelques semaines, et ralentir dramatiquement l'affichage des pages où ces images seraient insérées. Pensez donc à travailler, retailler, et compresser vos images avant de les charger sur le serveur. Pour charger une image ou un document sur le serveur, placez-vous dans le bon répertoire en naviguant dans la colonne de gauche. Vous pouvez ensuite utiliser l outil situé en bas de page : Parcourez votre disque dur à la recherche du bon fichier, choisir son fichier. Une fois qu il aura été choisi, cliquez sur Lancer le transfert. Le fichier apparaîtra dans le répertoire, avec sa miniature. Joomla vous indique que le transfert est réussi : Les medias chargés sont maintenant prêts à être utilisés dans vos articles.