Manuel d utilisation du site internet: Site de l ASCAP : Manuel d utilisation Pour Présidents

Transcription

1 Pour Présidents Manuel d utilisation du site internet: Login = nom de la section ; Mdp = nom du président de la section

2 Pour Présidents 2 GENERER DU CONTENU SUR JOOMLA REGLES DE REFERENCEMENT GESTION DES MENUS SUR JOOMLA

3 Pour Présidents 1 GENERER DU CONTENU SUR JOOMLA : Introduction Comment classer vos articles Gestion des articles La saisie d un article La gestion des images L insertion d un document Les paramètres de publication d un article p 2 p 3 p 6 p 8 p 13 p 17 p 19

4 Pour Présidents GESTION DU CONTENU 2 Introduction Il existe deux types d articles: articles catégorisés et articles non catégorisés (appelés également statiques). I.1 Articles catégorisés Un article catégorisé est placé dans une structure Section/Catégorie. Pour bien comprendre cette structure il faut prendre un compte ces 3 règles : Une section ne peut contenir que des catégories Une catégorie ne peut contenir que des articles Un article ne peut appartenir qu à une seule catégorie. Conclusion: pour créer un article catégorisé, il faut au préalable avoir créé au minimum une section et une catégorie. Cette organisation permet de structurer le contenu de manière logique, elle est indispensable comme vous souhaitez publier beaucoup d articles sur votre site. Elle permet par ailleurs d afficher les articles de manière dynamique. Par exemple, si vous créez un lien vers une catégorie dans un menu, ce lien permettra d afficher dynamiquement tous les articles rattachés à cette catégorie. Pour mieux comprendre, voici un exemple de sections, de catégories et d articles Sections Catégories Articles

5 Pour Présidents GESTION DU CONTENU 3 I.2 Articles non catégorisés Comme son nom l indique, un article non catégorisé (ou statique) n appartient à aucune Section ni à aucune Catégorie... Avec Joomla! 1.5, les articles non catégorisés ne sont que des articles catégorisés un peu particuliers : ils appartiennent à la section non catégorisée et à la catégorie non catégorisée. 2. Comment classer vos articles : 2.1 Création d une section Sur le panneau d administration, cliquer sur l icône Gestion des sections ; vous pouvez aussi choisir dans le menu Contenu l item Gestionnaire de section. Vous constatez que vous n avez accès qu à une seule section, celle qui vous est attribuée (le président du Ski est classé dans la section SPORT) Retournez au panneau d administration en sélectionnant dans le menu Site l item Panneau d administration. NOTE : vous ne pouvez pas créer ou supprimer une section.

6 Pour Présidents GESTION DU CONTENU Création d une catégorie Sur le panneau d administration, cliquer sur l icône Gestion des catégories ; vous pouvez aussi choisir dans le menu Contenu l item Gestionnaire de section. Vous constatez que vous n avez accès qu à une seule catégorie, celle qui vous est attribuée (le président du Ski est classé dans la catégorie Ski) Retournez au panneau d administration en sélectionnant dans le menu Site l item Panneau d administration. NOTE : vous ne pouvez pas créer ou supprimer une catégorie. 3. Gestion des articles Dans le panneau d administration, cliquer sur l icône Gestion des articles. On y trouve les articles et on peut les trier par section ou par catégorie.

7 Pour Présidents GESTION DU CONTENU La structure d un article: Cliquer sur Nouveau en haut à droite, vous arrivez sur l éditeur d article. Un article comprend : un titre, des paramètres comme le nom de l auteur, la date de création, la date de modification des données de classification : nom de la section et de la catégorie des méta données pour faciliter le travail des moteurs de recherche un texte d introduction, ou accroche, ou chapeau. Ce texte va apparaître dans lors de l affichage d une liste d articles (comme pour un blog). Ce texte présente l article et invite l internaute à lire la suite. et enfin le corps de l article, encore appelé texte principal. 3.2 La création d un article: Enfin, vous êtes dans l éditeur d articles. La barre d infos comprend les boutons suivants : un bouton Pré visualiser qui vous donne un premier aperçu de votre article, assez approximatif avec la plupart des templates, mais si vous voulez vous rendre compte du résultat final, et que vous avez déjà afficher cet article, appuyez sur le bouton Appliquer, puis ouvrez un nouvel onglet en appuyant sur le bouton et allez sur votre site sur l article modifié. N oubliez pas de rafraîchir l affichage. si tout cela vous convient, appuyez sur Sauver, ou sinon appuyer sur Annuler pour tout effacer Dans la zone de saisie des caractéristiques de l article : Saisissez le titre de votre article. Celui-ci s affichera dans les pages web. Ne saisissez pas la zone Alias, Joomla! génèrera lui même un Alias à partir du Titre en remplaçant les blancs et les caractères spéciaux par des caractères ANSI, Classez votre article en sélectionnant votre seule section et votre seule catégorie. Vous pouvez choisir de publier l article (et l article apparaîtra automatiquement dans le menu qui affiche la section ou la catégorie) ou simplement préparer le travail pour une publication future. Enfin, comme la page d accueil est une sélection d articles, vous pouvez choisir de faire paraître cet article dans la page d accueil.

8 Pour Présidents GESTION DU CONTENU 6 En dessous de la zone de saisie du texte, vous trouvez 4 boutons : Image pour insérer une image dans l article (voir page...), Saut de page pour introduire un saut de page au milieu du corps du texte (voir page...), Basculer l éditeur permet de voir votre article en format HTML si vous voulez toucher à votre article avec un langage de programmation. Lire la suite pour séparer le texte d introduction du corps du texte de l article: Dans la zone de saisie du texte de l article, vous pouvez soit saisir un texte court, soit structurer votre article en 2 parties : un chapeau, qui correspond au texte d introduction de l article, qui va apparaître sur la page présentant les différents articles (type blog), le corps de l article, encore appelé texte principal de l article. Pour séparer en deux l article saisi, et insérer un lien Lire la Suite, cliquer sur le bouton Lire la suite en bas de la zone de saisie. Une ligne de pointillés rouges apparaît alors dans la zone de saisie. 4. La saisie d un article 4.1 L éditeur d article fourni par Joomla : Tout d abord, nous avons les outils bien connus de word, à savoir (dans l ordre): mise en gras, en italique, souligné, barré, paragraphe aligné à gauche, paragraphe centré, paragraphe aligné à droite, paragraphe uniforme.

9 Pour Présidents GESTION DU CONTENU 7 Ensuite, il y a trois menus déroulants: Style Css permet d Appliquer un style css du template au texte sélectionné Paragraphe/Format propose des formats officielles prédéfini correspondant à des balises HTML (titre1, adresse..) Police applique une police de caractères au texte sélectionné. Taille permet de définir une taille de police au texte sélectionné. Joomla propose beaucoup d autres outils de mise en forme :

10 Pour Présidents GESTION DU CONTENU 8

11 Pour Présidents GESTION DU CONTENU Coller un texte à partir d un document Word : Vous avez saisi le brouillon de votre article sous Word, ou un autre traitement de texte comme OpenOffice Writer et vous voulez le publier... Le format de fichier utilisé par Microsoft Word est très différent du format html et si vous faites un simple couper-coller, Word laissera un tas de scories dans la page de votre site! Mais vous avez les outils nécessaires pour reprendre ce texte et le convertir au format html : Préparez votre texte sous Word : Supprimez les tableaux et les images, les effets de style : le texte doit être du texte brut non formaté! Sélectionnez le texte à coller, Copiez le texte par la commande Edition Copier ou le raccourci Ctrl C Retournez sur l écran de saisie de l article : Placez vous sur l endroit où vous souhaitez coller le texte, Collez le texte par la commande Crtl V Word laisse pas mal de scories pour définir les polices de caractères, leur taille, leur couleur.. Il vaut mieux tout nettoyer et reprendre les styles définis dans le template pour conserver une cohérence dans la présentation des articles. Ou bien faite votre propre mise en page grâce à l éditeur d article. Il vous suffit de sélectionner l ensemble du texte et choisir les bons outils pour le nettoyer : le pinceau - Cleanup messy code - ou mieux encore la gomme «remove formating». 4.3 Comment créer un lien vers une autre page : Vous voulez faire un lien un autre article du site ou même un site web externe: Ouvrez le navigateur sur la page cible, par exemple : Il vous maintenant mémoriser cette url : deux solutions s offrent à vous : Vous copiez cette adresse sur une feuille de papier Mieux, vous la copiez dans dans Word (Ctrl C/ Ctrl V) Revenez dans Joomla sur la page de l article où vous voulez introduire ce lien et sélectionnez la zone de texte qui porte le lien (le texte que l utilisateur devra cliquer pour ouvrir la nouvelle page, ex: aller sur google ) Choisissez la commande Insérer/Editer un lien

12 Pour Présidents GESTION DU CONTENU 10 La fenêtre suivante s ouvre, remplissez alors le formulaire : Placez le curseur dans la fenêtre Link URL et tapez l url de la page cible à la main ou faites Ctrl C/Ctrl V pour coller l adresse mémorisée dans Word. Vous pouvez choisir d ouvrir cette page cible dans la page du site ; il est préférable de choisir l option Ouvrir dans une nouvelle fenêtre Open in new windows. La zone Info-bulle comprend le titre de la page cible. Et terminez en appuyant sur le bouton Insérer. REMARQUES : Vous pouvez rajouter un lien directement en langage HTML. Pour cela, basculer l éditeur comme vu à la page 8, et rajouter le lien de la manière suivante: <a href= >aller sur google</a> C est utile pour rajouter un lien simple mais vous n avez pas toutes les options vues précédemment. Si vous voulez faire un lien sur une adresse e mail, dans le champ Link URL, insérer la valeur MAILTO avant l adresse : MAILTO:dominique.mulet@mpsa.com ou en HTML: <a href= MAILTO:dominique.mulet@mpsa.com >Joindre le directeur</a> Quand l internaute cliquera sur ce lien, son logiciel de messagerie s ouvrira avec en destinataire l adresse indiquée. Si vous faites un lien vers une page du site, il faut saisir une adresse relative, c est-à dire une adresse qui ne contient pas le début avec le nom du site ; ainsi il faut remplacer par /ski.htm, le répertoire de base étant le répertoire de base, contenant le fichier acceuil.php

13 Pour Présidents GESTION DU CONTENU Pagination d un article: Prenons l exemple d un article qui traiterait de la Culture à l ASCAP. Si vous êtes bavard, l article risque d être particulièrement long. La conséquence directe c est que vos visiteurs devront utiliser la barre de défilement verticale de leur navigateur pour parcourir l article dans son intégralité. Dans certains cas, il peut donc être utile de «paginer» un article, c est à dire le découper en plusieurs parties accessibles via un index. Joomla! va vous permettre de créer cet index en quelques clics seulement: Editez l article de votre choix Insérez la commande de saut de page en cliquant sur le bouton Saut de page qui se trouve en bas de la zone de saisie. Renseignez alors le titre de la la seconde page. Une ligne en pointillés gris matérialise le saut de page. 5. La gestion des images: Pour agrémenter vos articles vous souhaiterez certainement y insérer à un moment ou à un autre des images ou des photos: rien de plus facile avec les plug-ins de gestion des images!

14 Pour Présidents GESTION DU CONTENU Préparez vos images: Les images que vous allez utiliser doivent respecter quelques règles : Choisissez des images au format jpeg, sauf si vous voulez un fond transparent format png- ou vous insérez un schéma format gif -. Les images doivent être mise à la bonne dimension... Une image qui prend toute la largeur de la page ne peut dépasser 490 pixels de large! Ceci peut vous sembler petit mais il faut tenir compte de l affichage sur des petits écrans! Quand on compare la taille des images sur un site Web avec la taille des photos d un appareil numérique, on constate que les images sur un site web sont toutes petites. Les outils proposés par Joomla permettent de redimensionner les images mais il vaut mieux réduire les images avant de les télécharger : pour réduire le temps de téléchargement de vos pages, pour réduire le volume Web de votre site, et diminuer ainsi la facture chez votre hébergeur. Comment mettre en forme vos photos? Il suffit d utiliser un logiciel de retouche d images : Par exemple sur Photoshop: Ouvrez votre image dans photoshop. N oubliez pas de désactiver le verrouillage de l image. Il suffit de cliquer sur le cadenas dans la partie «calques» en bas à droite. Dans Image, cliquez sur Taille de l Image. N oubliez pas de cocher toutes les cases en bas de le fenêtre, surtout «Conserver les proportions». Mettez 490 dans l onglets «largeur» puis cliquez sur «ok». Votre image est redimentionnée! Vous pouvez aussi faire un redimensionnement approximatif sur Paint.

15 Pour Présidents GESTION DU CONTENU 13 IMPORTANT: N oubliez pas de donner des noms significatifs à vos images car cela pourra servir au référencement! Ex: président_roller.jpeg ou presidentroller.jpeg Ne mettez pas d espace (utiliser trait-barre du 6 ou des majuscules, pas de caractère spécial) 5.2 Charger vos images sur le site : Il y a 2 façons de procéder, qui dépendront essentiellement de la quantité d images que vous souhaitez transférer sur votre site: Dans le cas de figure le plus simple, vous souhaitez simplement insérer une nouvelle image dans un article. Il vous suffit d utiliser le Gestionnaire de médias accessible depuis la console d administration par le menu Site/Gestions des médias: Pour faciliter le classement des images et la gestion des droits, nous vous conseillons de ranger les images par catégories (roller, escrime, tarot...). Pour créer un répertoire, il vous suffit de saisir dans la zone de texte située sous «Fichiers». Vous avez l adresse de la galerie principale puis un espace vide. Ecrivez le nom de votre nouveau dossier (ex:roller) puis cliquer sur le bouton «Créer un dossier» Double-cliquez sur votre dossier pour rentrer dedans y déposer vos images (pour retourner en arrière, cliquez sur Media dans la colonne «Dossiers». Dans la fenêtre Transférer un fichier, le bouton Parcourir les fichiers vous permet de sélectionner sur votre micro ordinateur les images à transférer, le bouton Lancer le transfert réalise le chargement des fichiers sélectionnés.

16 Pour Présidents GESTION DU CONTENU 14 Cette méthode a ses limites: si vous souhaitez transférer des dizaines d images, vous allez devoir répéter cette opération des dizaines de fois. Il y a beaucoup plus simple : Comme votre site est hébergé sur Internet, utilisez votre client FTP pour les uploader (transfert de votre ordinateur sur le répertoire images de votre site). ANOMALIE : Si la fonction Transférer un fichier ne marchait pas : tout semble bien se passer mais cela se plante à la fin La configuration utilisée par mon hébergeur n apprécie pas l animation flash Alors, il suffit d aller dans le menu Configuration globale - Système - et dans l onglet Paramètres des médias, il faut cocher Non pour le paramètre Activation de l interface de transfert en flash. 5.3 Insertion de l image dans un article : Après avoir édité l article, placez le curseur à l endroit où vous souhaitez insérer l image, Cliquez sur le bouton Image en base de l écran, Sélectionner l image à insérer, en changeant éventuellement de répertoire, Une fois l image sélectionnée, l url de l image apparaît dans le champ url (images/stories/mes_images/president_roller.jpg par exemple). Si vous souhaitez aligner l image par rapport au texte, choisissez dans la liste Alignement le type d alignement : à gauche ou à droite. Si vous souhaitez rester libre dans la disposition de l image par rapport au texte, laissez en «Non paramétré» et disposez l image avec votre souris. Si vous voulez que l image apparaisse sur votre site avec une légende, saisissez le titre de l image et cochez à côté la case Légende. Appuyez sur le bouton Insérer. De retour sur l écran de gestion de l article, cliquez sur le bouton Appliquer et regardez le résultat, en ouvrant une seconde fenêtre sur le site web (il suffit d appuyer sur le bouton Prévisualiser). Il est bien entendu possible d insérer plus d une image dans un article ; vous devez alors répéter cette opération autant de fois qu il y a d images à insérer. REMARQUE : L url saisie doit être une url relative, de la forme images/stories/president.jpg. Si l adresse saisie est une adresse absolue, lorsque vous allez transférer les données sur un site distant, Joomla ira chercher les images sur votre ordinateur ce qui est impossible... En cas de problème, tapez dans le champ répertoire, en haut de la page, le caractère /, pour faire apparaître le chemin relatif.

17 Pour Présidents GESTION DU CONTENU Et la marge autour de l image? Le plus simple est de revenir dans la page de saisie de l article, de sélectionner l image et d utiliser l outil dans l éditeur: Une fenêtre s ouvre au milieu de l écran : choisissez l onglet Apparence et, si vous voulez une marge de 10 pixels autour de l image, mettez 10 dans les champs espace vertical et espace horizontal. Vous constatez aussi que vous avez 2 paramètres pour redimensionner l image. Si vous souhaitez conserver les mêmes proportions entre la hauteur et la largeur, vous saisissez 150 dans la seconde case et vous laissez cochée la case proportions contraintes. Appuyez sur le bouton Appliquer et regardez le résultat. 6. L insertion d un document : Vous voulez insérer un document dans un article de votre site! Il faut télécharger ce fichier et insérer un lien url vers celui-ci. IMPORTANT: Le format PDF est le seul format lisible par tous les ordinateurs, sans déformations. Il est donc à privilégier. Le format word, excel,etc... n est lisible que par les utilisateurs ayant installé le programme.

18 Pour Présidents GESTION DU CONTENU 16 Etape 1 : téléchargez le document sur votre site : L outil le plus adéquat est le gestionnaire de médias que vous avez déjà utilisé pour charger des images : Créez votre document sur votre ordinateur avec un nom simple. Sélectionnez dans le menu Site l item Gestion des médias Avec le bouton Créer un dossier, créez un dossier «DOCUMENTS» dans le répertoire stories comme cela vous aurez tous vos documents dans le même répertoire. Parcourir le disque de votre ordinateur pour sélectionner le fichier à télécharger et lancer le transfert (exactement comme vous le feriez pour une image) ATTENTION! Le nom du document ne doit contenir aucun caractère spécial : blanc, caractère, accentué, apostrophe Etape 2 : créer votre article avec le lien vers le document : Créez l article où vous souhaitez insérer le document, insérer l image de l icône pdf (images/m_images/pdf_button.png pour l url). Sélectionner l image (ou un texte) et cliquez sur Insérer/Modifier un lien Il vous faut taper l adresse correcte de l image sans vous tromper! Soit images/stories/documents/test.pdf si le nom du document est test.pdf Et terminez en appuyant sur le bouton Insérer

19 Pour Présidents GESTION DU CONTENU Les paramètres de publication d un article: Vous pouvez définir les paramètres de publication d un article à 3 niveaux : Un niveau global, applicable par défaut à tous les articles de votre site. Un niveau menu, où, pour tous les éléments d un menu, vous définissez comment vous voulez voir afficher les articles de cet élément (exemple pour la page d accueil, aller dans Home dans le menu Main menu). Un niveau article, où vous allez définir les règles de publication particulières à un article. Concrètement comment ça marche lors de l affichage d un article? Joomla regarde la valeur du paramètre définie au niveau de l article. Il y a 3 valeurs possibles : Oui/Montrer, Non/Masquer ou Paramètres Globaux. Si la valeur saisie est Oui/Montrer ou Non/Masquer, Joomla exécute l action demandée et il n y a pas d autres contrôles. Si la valeur est Paramètres Globaux, Joomla! regarde la valeur définie au niveau du menu concerné (Oui/Montrer ou Non/Masquer). Si la valeur saisie au niveau de l élément de menu est Paramètres Globaux, Joomla va chercher l action demandée au niveau global et l exécute. C est le principe de l héritage. 7.1 Les paramètres de publication d un article par défaut : La première fois que vous saisissez un article, il vous faut faire quelques réglages pour définir ces Paramètres globaux : Cliquer dans le panneau d administration sur l icône Gestion des articles Dans la barre d infos en haut à gauche, cliquez sur Paramètres et vous voyez alors apparaître une fenêtre au milieu de l écran qui va vous permettre d accéder aux différents paramètres de publication, rangés par bloc. Dans le premier bloc, vous pouvez choisir d afficher le titre de l article ou de le cacher, d afficher ou non l introduction de votre article si vous avez choisi de le publier en mode blog. L option Afficher les non autorisés vous permet d afficher à tous les visiteurs le titre et le texte d intro d un article avec un accès limité.

20 Pour Présidents GESTION DU CONTENU 18 Le second bloc permet d afficher, en dessous du titre d un article, le nom de la section et le nom de la catégorie le contenant et, en cliquant sur le nom de la section (ou de la catégorie), de voir tous les articles contenus dans cette section (ou cette catégorie). C est généralement dans le troisième que l administrateur intervient : selon les choix que vous allez retenir pour votre site web, vous n allez pas forcément afficher la date de dernière modification de l article, ou même la date de création. L item Afficher la navigation permet d afficher en bas de chaque article les boutons Précédent et Suivant pour passer à l article précédent ou suivant Lorsque vous décidez de créer des flux RSS encore appelés fils d actualités, il faut activer le module Syndication pour générer ces flux (vous pouvez choisir d afficher que le texte d introduction ou tout l article) Dans le bloc suivant, la fonction Option de filtrage est décrite dans le chapitre Gestion des utilisateurs.

21 Pour Présidents GESTION DU CONTENU Les paramètres de publication d un article : Lorsque vous créez ou éditez un article, un certain nombre de paramètres est disponible dans le volet de droite: Paramètres - article : Joomla pré-remplit certains champs comme le nom de l auteur, la date de création, la date de dernière mise à jour... et la même la date de fin de publication si vous voulez voir disparaître un article de votre site à une date donnée. Vous pouvez ici modifier ces valeurs. Paramètres avancés : vous retrouvez ici toute une série de paramètres que vous avez déjà saisi dans le chapitre précédent pour l ensemble des articles. Ceci vous permet de changer ce comportement pour défaut pour l article que vous venez de saisir. Vous pouvez aussi changer le libellé Lire la suite...

22 Pour Présidents GESTION DU CONTENU 20 Méta données : Vous pouvez ici saisir les données qui vont permettre le référencement de votre site, et de cet article en particulier. IMPORTANT: ces paramètres n ont pas d effet sur la publication des articles en page d accueil du site. Pour gérer les paramètres de la page d accueil, il faut aller dans le menu Menu / mainmenu et éditer l élément de menu Home ou Accueil. Références: Joomla pour les nuls

23 Pour Administrateur 1 REGLES DE REFERENCEMENT Optimisation éditoriale Optimisation technique ANNEXE : toutes les balises HTML p 2 p 4 p 6

24 Pour Administrateur REFERENCEMENT 2 Le but du référencement est de permettre à vos articles d être répertoriés dans les moteurs de recherche. Plus votre référencement est optimisé, plus votre article a de chances de figurer sur la première page de google. Il y a bien sûr du référencement payant, mais l idéal est dans s en passer et d utiliser les bonnes techniques du référencement naturel. I) Optimisation éditoriale : Il faut tout d abord savoir que la particularité d Internet est le Zapping. A cause de l afflux d informations, l internaute a tendance à vouloir trouver son information vite et bien. S il ne trouve pas ce qu il veut dans les 20 secondes qui suivent l arrivée sur une page, il passe à une autre. Il y a donc quelques règles à respecter ne serait-ce que dans la mise en forme de vos articles : 1) Le nombre de caractères: Quand vous pré-tapez votre article dans Word ou OpenOffice, dans la barre des menus principaux, vous en avez un qui s appelle «Outils» et dedans, «statistiques». Vous pouvez y trouver le nombre de caractères pour votre document entier. L article idéal fait 2500 caractères (court et précis). Vous pouvez éventuellement monter jusqu à 6000 caractères mais nous vous conseillons alors de paginer vos articles (faire trois pages par exemple). Voir «Générer du contenu sur joomla» p 13. Dans le même état d esprit, évitez de faire des titres de plus de 70 caractères (7 à 10 mots) et évitez les termes trop génériques (il y a énormément de concurrence sur le web!) 2) La notion de MOT CLEF : Ce sont les mots que l internaute va devoir rentrer dans le formulaire de recherche de google pour tomber sur votre page (exemple: ascap montbéliard section handball résultats). Choisissez en une dizaine par articles (à savoir que «résultat» est différent pour google de «resultat» ou «résultats»). Utilisez ces mots pour vos titres (base de la recherche du moteur de recherche) mais aussi souvent que vous le pouvez dans votre article. A SAVOIR: le fait de mettre un mot ou une phrase en GRAS accentue son importance et augmente les chances d être bien référencé sur ce mot. A SAVOIR : Contrairement à l écriture sur papier, la partie importante du paragraphe ou de l article doit être mis au début, toujours pour attirer l œil de l internaute.

25 Site de l ASCAP : Manuel d utilisation 3 Pour Administrateur REFERENCEMENT 3) La mise en page : Elle est également trés importante! Faites des paragraphes, des inter-titres, soulignez-les, mettez les exemples en italiques, les choses importantes en gras, des phrases mise en exergue (à part), etc... Plus la recherche visuelle sera facile pour l internaute, plus vous avez de chance qu il continue à la lire. Le fait de faire un «Chapô» (terme blog signifiant une petite introduction) peut aussi être efficace. Après le titre, résumez en deux phrases le contenu de votre article. Ainsi l internaute sait d entrer s il va trouver son information ou pas. 4) EN PLUS : Dans la partie «Indexation et métadonnées», n hésitez pas non plus à rajouter encore une fois vos mots-clefs et une petite DESCRIPTION de votre article. A l image du chapeau, il s agit d une phrase, avec des mots clefs, qui décrit le contenu de votre article. C est le texte que vous voyez au dessus de l adresse internet dans google.

26 Pour Administrateur REFERENCEMENT 4 II) Optimisation technique : Afin de faire un contenu plus interactif et diversifié, il est conseillé de mettre des images et des documents à télécharger. Mais à condition de ne pas les rajouter n importe comment : 1) Bien les nommer : L intérêt des documents mais surtout des images, c est qu elle aident à avoir un bon référencement. Il est donc important de bien les nommer, de manière significative, avant de les charger sur le site. (exemple pour l image ci_contre : culturebonsai.jpeg) Pour faciliter la lecture de certains navigateurs, privilégiez les noms SANS ESPACES! IDEES : sectionculturelleascap ou section_culturelle_ascap 2) Les images: A voir la gestion des images, dans «Générer du contenu sur Joomla» p13 Quand vous rajoutez vos images, vous devez ABSOLUMENT remplir les champs titre et description. En langage HTML, ils correspondent à la balise <TITLE> et <Alt> de <img>. Le titre de votre image apparaît sous celle-ci quand elle apparaît dans Google- Images. Il s agit d une phrase de 5/6 mots significatifs.* IDEES : Section culturelle à l ASCAP Montbéliard.

27 Pour Administrateur REFERENCEMENT 5 La description est une suite de mots clefs qui seront tapés par les internautes pour trouver votre image (souvent les mots clefs du titre). IMPORTANT : Quand une personne trouve et clique sur votre image dans googleimages, votre site apparaît en dessous et cela peut donner envie de le visiter. D où l intérêt de bien référencer ces images!

28 Pour Administrateur REFERENCEMENT 6 ANNEXES : Balises HTML et explications <!--> Commentaire < «<» <A> Ancre ou Lien <ABBREV> Abbreviation <AREA> Zone <AUTHOR> Auteur <BANNER> Bannière <BASE> Base <BIG> Grand Texte <BLINK> Clignotant <BODY> Corps <BR> Saut de ligne <CAPTION> Légende <CENTER> Centrer <CITE> Citation <CODE> Code <COL>Colonne du Tableau <DEL> Texte Barré <DFN> Définition <DIR> Liste du dossier <DIV> Division <EM> Texte en Italique <EMBED> ajout de plugin <FIG> Figure <FONT SIZE> Taille Texte <FONT COLOR> Couleur <FORM> Formulaire <H1> Titre principal <H2><H3><H4><H5> Titres de moins en moins importants. <HEAD> Entête <HR> Ligne horizontale <HTML> HTML <I> Texte en Italique <IMG> Image <INPUT> Formulaire d entrée <LANG> Langage <LH> Tête de Liste <LI> Elément de liste <LINK> Link <LISTING> Listing <MAP> Map <MARQUEE> Texte animé <MENU> Menu List <META> Meta <MULTICOL> Texte avec plusieurs colonnes <NOTE> Note <OL> Liste numérotée <P> Paragraphe <PARAM> Parametres <Q> <SAMP> exemple <SCRIPT> Script <SELECT> Formulaire de Sélection <SMALL> Petit texte <SPACER> Espace Blanc <STRIKE> Texte barré <STRONG> Texte en Gras <SUB> Texte en indice <SUP> Texte en exposant <TAB> Tabulation <TABLE> Tableau <TBODY> Corps Tableau <TD> Colonne de Tableau <TEXTAREA> Formulaire de Texte <TFOOT> Pied de Tableau <TH> Table Header <THEAD> Tête du tableau <TITLE> Titre <TR> Ligne de Tableau <U> Texte souligné <UL>Liste non numérotée <VAR> Variable

29 Pour Administrateur 1 GESTION DES MENUS SUR JOOMLA : Rajouter un lien et les articles dans le menu Rajouter votre section dans le menu Rajouter vos articles dans la section Créer un alias de lien vers une section déjà publiée Associer vos articles/alias avec le module 2D et le template Rajouter un bouton Galerie à votre section p 2 p 2 p 4 p 5 p 6 p 9

30 Pour Administrateur GESTION DES MENUS 2 Vous êtes dans la situation suivante : vous venez de générer tous les articles de la section dont vous êtes chargé. Il ne vous reste plus qu à les rajouter sur le site pour qu ils soient visibles par les internautes. Pour cela, il vous suffit de les rajouter dans le menu déroulant de gauche et ils vont s afficher directement. Nous allons prendre l exemple du Roller pour illustrer ce manuel. I) Rajouter un lien et les articles dans le menu : Rendez vous dans le panneau d administration de votre site. Dans le menu supérieur, cliquez sur «site» puis «panneau d administration». Puis, cliquez sur «Gestion des menus». Le menu qui vous intéresse est le «Main Menu». Dans la cinquième colonne appelée «Éléments du menu», cliquez sur le logo correspondant au Main Menu. Vous arrivez dans l arborescence du menu de gauche. Il s agit d un menu à plusieurs dimensions. a) Rajouter votre section dans le menu : Pour faciliter la navigation de certains internautes, nous avons crée des parties dans le menu sport, nous vous conseillons de créer vos sections dans la partie qui lui correspond le mieux. (ici extérieur). NE CHOISISSEZ PAS LA PARTIE «TOUS...» qui n est pas gérée par le même template!

31 Pour Administrateur GESTION DES MENUS 3 Cliquez sur «nouveau» en haut à droite. Vous allez choisir une page d accueil pour votre section. Cliquez donc sur «Articles», puis «un article». Vous arrivez dans le panneau d édition de votre lien de menu. Dans la colonne de droite, dans «Paramètres Basiques», vous pouvez choisir votre article de page d accueil en cliquant sur «Sélection». Une nouvelle fenêtre s ouvre : Dans les menus déroulant vous pouvez choisir votre catégorie pour faciliter votre recherche. Cliquez ensuite sur le titre de l article choisi. Ensuite, dans le première colonne du panneau d édition, mettez le titre de votre section dans le champ «Titre». (ici Roller) IMPORTANT: n oubliez pas de remettre aussi le titre dans la colonne de droite, «Paramètre Systèmes», «titre de la page», pour que le template puisse le mettre en forme! N oubliez pas non plus de sélectionner «non» pour «afficher le titre de la page». Dans le colonne de gauche, dans «Élément parent», choisissez le lien sur lequel on devra cliquer pour voir votre section dans le menu de gauche. Dans le cas suivant, cliquez sur «Sur roues» dans «extérieur». Cliquez sur «sauver».

32 Pour Administrateur GESTION DES MENUS 4 IMPORTANT: Nous vous rappelons qu il s agit d un tableau à deux dimensions. Le principe est que, quand on clique sur une section du menu, le menu principal disparaît et le menu personnel de la section apparaît. Il est donc essentiel que vous répétiez exactement les étapes précédente, en ajoutant exactement le même article et le MEME titre, pour créer les deux menus différents. SEULE DIFFERENCE : quand vous allez choisir l élément parent, cliquez sur le lien que vous avez rajouté précédemment (ici Roller). Vous obtenez ceci : b) Rajouter vos articles dans la section: Vous pouvez à présent rajouter tous vos articles dans votre section. Cliquez sur «nouveau» en haut à droite. Cliquez donc sur «Articles», puis «un article». Vous arrivez dans le panneau d édition de votre lien de menu. Dans la colonne de droite, dans «Paramètres Basiques», vous pouvez choisir votre article en cliquant sur «Sélection». Cliquez ensuite sur le titre de l article choisi. Ensuite, dans le première colonne du panneau d édition, mettez le titre de votre article dans le champ «Titre». (ici La section)

33 Pour Administrateur GESTION DES MENUS 5 IMPORTANT: n oubliez pas de remettre aussi le titre dans la colonne de droite, «Paramètre Systèmes», «titre de la page», pour que le template puisse le mettre en forme! N oubliez pas non plus de sélectionner «non» pour «afficher le titre de la page». Dans le colonne de gauche, dans «Élément parent», choisissez le deuxième lien que vous avez crée précédemment. (ici Roller). Cliquez sur «sauver». Répétez l opération pour tous les articles que vous souhaitez rajouter dans votre section. Finalement, vous obtenez ceci : A SAVOIR : vous pouvez changer l ordre d apparition dans le menu en changeant l ordre des numéros dans la colonne «Ordre» du panneau d arborescence et en enregistrant l ordre en cliquant sur la disquette en haut de la colonne. II) Créer un alias de lien vers une section déjà publiée : Vous avez rajouter votre section dans le menu mais elle est aussi présente dans d autres parties du menu. Elle apparaît au moins dans la partie «Tous...» aussi!

34 Pour Administrateur GESTION DES MENUS 6 Rendez vous dans le panneau d administration de votre site. Dans le menu supérieur, cliquez sur «site» puis «panneau d administration». Puis, cliquez sur «Gestion des menus». Le menu qui vous intéresse est le «Main Menu». Dans la cinquième colonne appelée «Éléments du menu», cliquez sur le logo correspondant au Main Menu. Cliquez sur «Nouveau», puis en bas de la liste sur «Alias». Il s agit d un lien qui va copier tous les éléments que contient un autre lien. Donnez lui un titre (ici Roller), sélectionnez son élément parent (ici «TOUS...»). Puis dans le colonne de droite, choisissez le PREMIER LIEN que vous avez crée pour votre section. Ici, on choisi le premier lien Roller, qui contient le deuxième lien Roller et tous les articles de cette section. Cliquez sur «Sauver». III) Associer vos articles/alias avec le module 2D et le template : Comme dit précédemment, vous avez affaire ici à un menu 2D avec une mise en forme particulière. Il vous faut donc à présent lier les articles/alias que vous venez de créer avec le module 2D et le template pour qu il ne subissent plus la mise en forme du menu basique de joomla.

35 Pour Administrateur GESTION DES MENUS 7 a) Associer vos Alias/Articles avec le module de Tableau 2D : Dans les menus déroulants en haut, cliquez sur «extensions» puis sur «Gestion des modules». Puis sélectionnez «MenuSectionSportive». Si vos articles/alias font partie de la section Culture, alors cliquez sur «MenuSectionCulture». Ne touchez pas aux champs autre que «Affectation de menu», «Sélectionner un menu». Les éléments sélectionnés dans ce champ subissent les modifications du menu 2D et plus celle du menu de joomla. Il vous faut donc sélectionner les nouveaux Alias que vous avez crée SANS DESELECTIONNER LES AUTRES!!! Puis, cliquez sur «Sauver». IMPORTANT : Sur votre clavier, en bas à droite, vous avez une touche «Ctrl». Si vous gardez votre doigt appuyé sur la touche tandis que vous sélectionné les éléments dans le menu, vous ne désélectionnez pas les autres. De même, toujours en gardant la touche appuyée, vous pouvez désélectionner un élément sans toucher aux autres. Si vous faites une erreur, cliquez sur «fermer» en haut à droite et recommencer REMARQUE : Si votre article fait partie de la section ASCAP, vous n avez pas besoin de l associer au template.

36 Pour Administrateur GESTION DES MENUS 8 b) Associer vos Alias/Article avec le template : Dans les menus déroulants en haut, cliquez sur «extensions» puis sur «Gestion des templates». Puis sélectionnez «mon_templatesportculture». De même que pour le module 2D, sélectionnez les nouveaux articles/ alias sans désélectionner les autres. Cliquez sur «sauver». Allez sur le site et vérifier que vos articles ont bien été rajoutés. PETIT CONSEIL : Comme vous venez de le constater, c est assez complexe et long de gérer ce menu. Nous vous conseillons donc de créer tous les articles et les Alias de votre section et de tous les rajouter à la fois à la fin seulement! Les rajouter un par un au fur et à mesure risque de prendre beaucoup plus de temps...

37 Pour Administrateur GESTION DES MENUS 9 IV) Rajouter un bouton Galerie dans votre section : Nous allons prendre l exemple du Badminton pour illustrer cette action. N oubliez pas de bien nommer vos images, car leur titre apparaîtra sur le site! IMPORTANT : avant de commencer, assurer vous que le dossier photo de la section qui vous intéressé est bien copié dans le dossier phocagallery du ftp : ftp : login: ascap Mdp : sandrine www/images/phocagallery Sur le panneau d administration de votre site, dans la bannière supérieure, cliquez sur Composants, puis sur Phoca Gallery.

38 Pour Administrateur GESTION DES MENUS 10 Vous pouvez accéder aux deux parties qui vous intéressent de deux manières différentes. Soit en partant du menu principal (catégorie et images) ou grâce à la bannière supérieure du module. Cliquez sur Catégorie, puis sur nouveau. Donnez un Titre à votre catégorie (ici Badminton). Puis, remplissez les champs suivants de cette manière : Niveau d accès : public Upload and add user rights : nobody Delete and publish user rights : nobody, Mettrez une petite description pour le référencement. Cliquez sur «sauver». Sur la bannière, cliquez sur «images». Puis, sur «Multiple Add», en haut à droite. Si le dossier de votre section n apparaît pas, c est que vous ne l avez pas bien mis dans le FTP!

39 Pour Administrateur GESTION DES MENUS 11 Cliquez sur le dossier de votre section, puis cochez toutes les photos que vous souhaitez mettre dans votre galerie. N OUBLIEZ PAS DE SELECTIONNER VOTRE CATEGORIE! Rem : si vous voulez toutes les sélectionner, cochez la case la plus haute! Cliquez sur «Sauver». Dans le bandeau supérieur, cliquez sur «Menus», puis «Main Menu». Vous arrivez dans l arborescence du menu de gauche de votre site. Cliquez sur «nouveau». Puis, sélectionner Phoca Gallery, puis Phoca Gallery Category Layout.

40 Site de l ASCAP : Manuel d utilisation 12 Pour Administrateur GESTION DES MENUS Donnez un titre à votre élément (ici, galerie), sélectionnez son élément parent (ici, le deuxième Badminton), puis choisissez la catégorie de photographie à laquelle vous voulez associer ce lien (ici, Badminton). Cliquez sur «Sauver». Puis, comme pour tous les éléments de menu, il vous faut la sélectionner dans le module 2D (voir p 6 ) et dans le template (voir p 8). Voilà, vous avez ajouté une galerie photo à votre section. Si vous cliquez sur l image, elle s agrandit.