Connexion à Izinoa Fonctionnement de l arborescence Gestion d une page Edition Création Suppression Les éléments de page Texte simple Texte avec mise en page Image Date Lien Mot clés Spécification des sites AVF/URAVF Gestion des Site ayant droit Gestion des membres Gestion des contributeurs Gestion des mots clés Informations de l AVF Izinoa / octobre 2013 2
1. Connexion à Izinoa Voici l URL de connexion au Back Office des site avf.asso.fr/avf ou site avf.asso.fr/uravf : http://admin-locaux.avf.asso.fr l identifiant et le mot de passe sont donné par l administrateur national. 2. Fonctionnement de l arborescence Voici quelques explications sur le fonctionnement de l arborescence d izinioa. La structure d un site internet peut être comparée à l organisation d un livre. L arborescence est ainsi comme un sommaire, elle fait référence à des pages web.nous retrouvons plusieurs niveaux dans l arborescence afin d organiser le contenu. Izinoa / octobre 2013 3
Le niveau 1 donne lieu au menu du site : Izinoa / octobre 2013 4
3. Gestion d une page Depuis la page arborescence, nous avons la possibilité d agir sur les pages (donc directement sur le site internet). Nous pouvons retrouver les boutons d actions sur la droite du nom des pages. Changer l ordre des pages Editer un page (cf 3.a) Ajouter une page sous cette partie (cf 3.b) Supprimer la page (cf 3.c) a. Edition Lorsque l on est sur la modification d une page, on peut distinguer plusieurs zones. Izinoa / octobre 2013 5
Zone d édition des informations de la page Zone de choix du template et du titre de la page Rubrique parente : nous pouvons déplacer la page à n importe quel endroit du site. Template : Des template ont été créés spécifiquement pour le site AVF. Chaque page doit suivre une certaine mise en forme, le template définira les éléments qui apparaitrons sur la page (zone verte). Titre de la page : Titre utilisé dans le coeur même de la page. Titre du menu : Nom de la page que nous retrouvons dans les différents menu. Lien permanent : Techniquement appelé slug, c est l identifiant que l on retrouve dans URL d une page. Il peut être important pour améliorer le référencement. Image menu : Non paramétré pour ce site. Zone de paramétrage des éléments de référencement Cette partie permet de paramétrer les éléments de référencement présent sur une page. Seul le Titre est visible par l internaute mais la description et les mots clés sont aussi importants pour les moteurs de recherche. Techniquement, on appelle cela des balises méta. Titre de la page : On le retrouve au niveau des onglets lorsque l on est sur la page du site. C est aussi le titre que les moteurs de recherche mettent en avant. Onglet du navigateur internet : Titre de la page sur Google Il est suivi par une baseline que l on retrouvera partout (AVF - Accueil des Villes Française) Description : On donne une valeur à la description de la page. Les moteurs de recherche l utilisent comme résumé. Mots Clés : Liste des mots clés utilisés sur la page ou sur le site. C est pour affiner le référencement. Izinoa / octobre 2013 6
Zone des statuts de la page Statut de la page : Lorsqu une page est en construction, on peut la cacher aux internautes grâce au statut Hors ligne. Statut dans la navigation : Nous ne voulons pas forcement faire apparaitre les pages dans les menus, on peut donc les rendre visible ou non. Visibilité de la page : Les pages Privées sont accessible uniquement aux personnes connectées. Zone d édition du contenu de la page C est ici que nous allons éditer le contenu de nos pages. Les textes, images peuvent être modifiés par un webmester ou un contributeur (uniquement pour les publications). Il existe plusieurs éléments de contenu, pour en voir la liste exhaustive se référer au chapitre 4. b. Création Lorsque l on crée une page, nous arrivons sur la même structure que pour l édition d une page. La première étape consiste à choisir un template. Voici la liste des templates : Région : Home Page ou Locaux : Home Page : Izinoa / octobre 2013 7
Locaux : Contenu simple : Locaux : Liste publication : (regroupe les publications) Izinoa / octobre 2013 8
Locaux : Publication : Locaux : Membres du bureau - liste : (regroupe les membres du bureau) Izinoa / octobre 2013 9
Locaux : Membres du bureau : (doit être placé sous une page Locaux : Membres du bureau - liste ) Locaux : Membres de l AVF/URAVF : c. Suppression Il suffit de cliquer sur le bouton pour supprimer définitivement une page. Il faut faire attention à l utilisation de cette fonctionnalité puisque la page sera définitivement perdue par la suite. Je vous conseillerais de mettre la page en statut Hors Ligne (cf chapitre 3.1 : zone Jaune). Izinoa / octobre 2013 10
4. Les éléments de page a. Texte simple Utilisé pour des titres, des noms et autres contenu qui n ont pas besoin de mise en forme. b. Texte avec mise en page Utilisé pour la majeure partie du contenu des sites. On y retrouve la plus part des fonctionnalités de mise en page (semblables aux icones de Microsoft Office). Vous pourrez ajouter des images, faire des liens et d autres choses plus classiques. Vous disposez d'un menu. Tout n'est pas à utiliser. A noter parmi les propositions habituelles : Source Si possible, ne pas utiliser Retour en arrière, permettant d'annuler la dernière frappe Correcteur d'orthographe Styles Le bloc bleu n'est pas à utiliser sur les sites locaux Normal Normal : police à utiliser couramment Titre 2 : sera utilisé automatiquement pour le titre de la page Titre 3 : vert - est à utiliser pour les titres dans le texte Titre 4 : bleu - est à utiliser pour des sous-titres Titre 5 : vert - est à utiliser pour des sous-sous-titres Titre 6 : noir - est à utiliser pour des sous-sous-sous-titres Formaté Adresse : pour les adresses Les polices des titres ne sont à utiliser que pour les titres des paragraphes et non pour le contenu des paragraphes Izinoa / octobre 2013 11
Taille Taille de la police Couleurs de la police : 5 couleurs prédéfinies à utiliser Lien : Sélectionner les lettres, mot ou phrase sur lesquels vous voulez appliquer un lien. Cliquer sur l'onglet 'Lien'. Une fenêtre s'ouvre. Choisir le type de lien (URL, adresse e-mail) ; copier l'url ou l'adresse mail. Si c'est une URL, cliquer ensuite sur 'Cible' et choisir le plus souvent 'Nouvelle fenêtre' (_blank). Valider. Le lien peut ensuite être modifié. Image à insérer : Cliquer sur l'onglet. Le plus souvent, l'image à insérer sera stockée sur le serveur. Cliquer sur 'Serveur'. Les WR auront accès à toutes les photos de la région, des AVF de la région. Il faut faire un répertoire par AVF. Les WL auront seulement accès à la bibliothèque de leur AVF. Si la photo est déjà enregistrée sur le serveur, la rechercher, double-cliquer dessus. Elle s'affiche, ainsi que sa taille. Amener à une taille raisonnable (ne pas mettre de trop grandes photos) 200 px de L ou de h. Pour les logos, les mettre tous dans une assez petite taille (h = 50 px). Si la photo n'est pas enregistrée, ouvrir le serveur. Cliquer à gauche sur 'Files'. Le répertoire de votre ordinateur s'ouvre. Rechercher le fichier. Choisir le répertoire du serveur dans lequel l'image doit être téléchargée. Cliquer sur la flèche. Ensuite, double-cliquer sur la photo Créer un tableau (à noter que la meilleure façon de mettre des photos sur une page est de les insérer dans un tableau) Cliquer sur l'onglet 'Tableau' Choisir le nombre de lignes et de colonnes désirées. Ces paramètres pourront être modifiés à tout moment. Taille de la bordure : laisser à vide pour un tableau invisible, qui permet seulement de placer textes et photos. Largeur : 100%. Le tableau couvrira toute la largeur de la page. Peut être adaptée. Espacement des cellules : à vide ou 5 ou 10 ou 20, selon l'effet désiré. Les paramètres (nombre de lignes et de colonnes) peuvent être modifiés, non pas dans les 'Propriétés du tableau' (clic droit sur le tableau) mais en supprimant ou en ajoutant des 'Lignes'. On peut aussi diviser les 'Cellules', fusionner les cellules, choisir la taille des cellules, ce qui permet d'avoir deux colonnes identiques, même avec des contenus différents. On peut aussi placer le texte ou les images à l'endroit désiré (sélectionner la cellule, puis centrer ou cadrer à gauche ou à droite.). Izinoa / octobre 2013 12
c. Image Il permet d envoyer des photos sur le serveur, vous pourrez lui donner le titre que vous souhaitez. d. Date Pour ajouter une date à une publication. e. Lien Sur le template de la home page, il y a un champs lien qui permet de faire référence à une autre page du site. Ici utilisé pour faire le lien avec la page membre du bureau. f. Mot clés Présent dans les page publication ce champs permet d attribuer un mot clé à une publication. Izinoa / octobre 2013 13
5. Spécification des sites AVF/URAVF a. Gestion des Site ayant droit Dans l espace d administration des webmestre, vous retrouverez en haut à gauche la liste des sites que vous pouvez administrer (en tant qu Administrateur ou contributeur). b. Gestion des membres C est ici qu on retrouve tous les membres inscrit sur le site de l AVF/URAVF. On peut faire toutes sortes d opérations, ajouter/modifier un membre mais aussi valider son inscription ou bien le blacklister. Izinoa / octobre 2013 14
c. Gestion des contributeurs Un Webmestre pourra indépendamment ajouter des contributeurs pour son site. Ceci permettra d alimenter plus rapidement le contenu du site. d. Gestion des mots clés Une liste de mot clé est définit par les Webmestre nationaux, mais chacun des sites peut avoir sa propre liste de mots (Maximum 8 si possible - il ne sert à rien de créer un mot clé qui ne servira qu'une fois). Izinoa / octobre 2013 15
e. Informations de l AVF Depuis l espace d administration des sites locaux, on peut modifier les informations relatives à l AVF/URAVF. Cela à pour incidence l emplacement sur la google map, les coordonées, les permanances. Izinoa / octobre 2013 16