Guide Pratique. 1. Introduction... 2. 2. L accès à votre site... 3. 3. Les boutons de base pour la création... 4

Documents pareils
Le service de création de site Internet : Mode d emploi. La Création de Site Internet

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

Utilisation de l éditeur.

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Guide d utilisation des services My Office

Chapitre 2 Créer son site et ses pages avec Google Site

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais :

FICHIERS ET DOSSIERS

PLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public

Manuel d'utilisation de l'administration du site Japo.ch - 1

Leçon N 5 PICASA Généralités

Guide d usage pour Word 2007

JAHIA 6. Création et modification de sites web UniNE

Manuel d utilisation de la messagerie.

Mes premiers diaporamas avec Open Office Impress?

Publier dans la Base Documentaire

Guide d utilisation 2012

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE

Utiliser le service de messagerie électronique de Google : gmail (1)

Tutoriel. Votre site web en 30 minutes

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

SOMMAIRE. 1. Connexion à la messagerie Zimbra Pré-requis Ecran de connexion à la messagerie 4

3 : créer de nouveaux onglets dans Netvibes Cliquer sur le bouton «+» et renommer le nouvel onglet (par exemple Encyclopédies en ligne)

THEME RESPONSIVE DESIGN

Indiquer l'espace libre sur le disque dur

Création d articles sur le site web du GSP

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi

Création de maquette web

Notice d'utilisation Site Internet administrable à distance

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Guide pour la réalisation d'un document avec Open Office Writer 2.2

Utiliser le logiciel Photofiltre Sommaire

Soyez accessible. Manuel d utilisation du CMS

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Publication dans le Back Office

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

TRUCS & ASTUCES SYSTEME. 1-Raccourcis Programme sur le Bureau (7)

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var - E mail : bij@agasc.fr / Tel : CONSIGNE N 1 :

GESTION DU LOGO. 1. Comment gérer votre logo? Format de l image Dimensions de l image Taille de l image 9

Mon aide mémoire traitement de texte (Microsoft Word)

Gestion des documents avec ALFRESCO

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Manuel d utilisation du web mail Zimbra 7.1

Espace Client Aide au démarrage

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var Tel : E mail : bij@agasc.fr CONSEILS ET ASTUCES

LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011

Comment utiliser FileMaker Pro avec Microsoft Office


Introduction à Expression Web 2

Styler un document sous OpenOffice 4.0

Manuel d utilisation du site web de l ONRN

Tutoriel pour la création d'un Google Sites

Formation tableur niveau 1 (Excel 2013)

Créer son site internet avec Jimdo. Web business

Utilisation avancée de SugarCRM Version Professional 6.5

Tutoriel d utilisation du Back-Office du site de la ligue

Exposer ses photos sur Internet

Comment accéder à d Internet Explorer

Débuter avec Excel. Excel

C RÉATION DE PDF (1) Cours SEM 205 Mieux utiliser le format PDF

Création de site Internet avec Jimdo

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»

Réaliser un PUBLIPOSTAGE

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

Informations techniques préparatoires

Ouvrir le compte UQÀM

Campagnes d ings v.1.6

[WINDOWS 7 - LES FICHIERS] 28 avril Logiciel / Windows

Gestion de contenu d un site web avec TYPO3 Manuel de l administrateur

Création d une SIGNATURE ANIMÉE avec PHOTOFILTRE 7

Support de formation Notebook

WINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires :

iweb Premiers contacts Découvrez iweb et apprenez à créer votre site web.

Table des matières. 1 À propos de ce manuel Icônes utilisées dans ce manuel Public visé Commentaires...

Administration du site (Back Office)

Page Paragraphe Modification Mise en page du document Le bouton "Format de page" est maintenant "Page"

Création d un site web avec Nvu

CAP BOX Note utilisateurs

Zotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site:

COMMENT PUBLIER SUR ARIANE?

MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB"

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var Tel : bij@agasc.fr Word: Les tableaux.

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information

La Clé informatique. Formation Excel XP Aide-mémoire

qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz mqwertyuiopasdfghjklzxcvbnmqwert

Aide Webmail. L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels.

Gérer, stocker et partager vos photos grâce à Picasa. Janvier 2015

Créer son questionnaire en ligne avec Google Documents

GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL

MANUEL DES NOUVEAUTES

Paramétrage des navigateurs

CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE

Transcription:

Guide Pratique 1. Introduction... 2 2. L accès à votre site... 3 3. Les boutons de base pour la création... 4 4. Hiérarchie et contenu du site... 4 Création d une rubrique... 5 Exemple du contenu d une page... 6 Exemple du contenu de la page d accueil... 6 5. Thème et menu du site... 7 Menu horizontal... 7 Menu Vertical... 7 Menu en accordéon... 7 6. Personnalisation du site, bandeau, slogan... 9 Préparation des images (même principe pour toutes les images)... 9 Insérer des images pour le bandeau... 12 7. Contenu de la page d accueil... 13 8. Maire, responsable de publication / enseignements sur la commune... 14 9. Editer rubriques annexes... 14 10. Trucs et astuces... 16 Insérer des images, des textes dans une page... 16 Les types de pages... 18 Type de balise img doc emb... 20 Galerie photos... 21 Insérer un tableau dans la page... 21 Insérer des liens... 22 Insérer des flux RSS : syndication... 22 Mise en page : Passer à la ligne... 22 Mettre une vidéo en ligne... 23 Gestion de la numérotation de vos articles... 24 Référencement... 24 Statistiques... 24 11. Petit Glossaire... 24

1. INTRODUCTION Grâce à un partenariat entre plusieurs structures, vous bénéficiez d une offre bien adaptée aux besoins des collectivités, simple d usage et offrant toutes les garanties de sérieux, de pérennité et de confiance : - L ADeP (association innovante à l origine de nombreux concepts novateurs dans le domaine des TIC et de la e-administration) qui a conçu et développé le produit Webadep, - Le SIVU des Inforoutes de l Ardèche (Syndicat mixte) qui assure la logistique technique d hébergement, - Votre association l AMRF qui a mis en place, avec l aide financière de la Région Rhône-Alpes, le site Campagnol.fr que vous allez désormais utiliser, qui est une version de l application informatique Webadep, adoptée par l AMRF à destination de ses adhérents. Pour commencer, 1) Vous venez de procéder à votre inscription auprès de l AMRF afin de créer le site internet de votre commune. 2) L ADeP vient de vous transmettre vos codes d accès. Vous pouvez maintenant entrer dans votre espace de travail et créer votre site internet. Ce petit guide vous permettra de suivre les étapes de création de votre site en mode simple sur Campagnol.fr, mode que nous vous conseillons dans la phase d appropriation des techniques et de mise en place. Ce mode permet en effet de répondre à beaucoup de possibilités, en phase avec les besoins et les attentes des collectivités. Vous pouvez contacter un technicien de l ADeP aux horaires d ouverture pour vous guider dans la réalisation de votre site, du lundi au vendredi de 9h à 12h et de 13h à 17h au 04 75 66 00 92. Pré-requis : Avant de commencer, il est nécessaire de vérifier que votre navigateur est à jour, que ce soit Internet Explorer, Mozilla Firefox, Safari Une fois cette vérification faite, nous vous conseillons de prendre l habitude de rafraichir les pages de votre site internet quand vous les visualisez. Pour cela, il suffit d appuyer sur la touche F5 quand vous êtes dans la page. Toujours enregistrer votre travail avant d aller voir le site ou de rafraichir la page sinon vous ne pourrez voir les modifications. Il est enfin conseillé de supprimer de temps en temps l historique des sites consultés. 2

2. L ACCES A VOTRE SITE Afin de créer votre site internet via campagnol.fr il vous suffit de vous rendre sur : http://www.campagnol.fr/ Puis de cliquer sur Gérer mon site en dessous de la fenêtre rechercher Entrer ensuite vos identifiants personnels transmis par l ADeP puis valider Vous pouvez cocher : «rester identifié quelques jours» pour une rapidité d accès dans vos prochaines connexions Une page s ouvre, vous permettant de cocher différentes options il s agit de la hiérarchie du contenu du site. 3

3. LES BOUTONS DE BASE POUR LA CREATION Vous pouvez cliquer sur le bouton Voir mon site à tous moments pour visualiser en temps réel les modifications que vous allez apporter. Ce bouton peut être utilisé à toutes les étapes de création que vous allez entreprendre. Il est toutefois important de penser à actualiser cette page (F5) Nous allons maintenant rentrer dans chacune des pages que vont ouvrir ces boutons 4. HIERARCHIE ET CONTENU DU SITE Cette page vous permet de sélectionner les rubriques et les pages qui seront visibles sur votre site internet. Tout ce qui apparait dans la page hiérarchie (rubriques et pages dans les rubriques) est dans le même ordre que sur votre site Internet. Nous préconisons de débuter en cochant un minimum de rubriques : celles essentielles pour vos citoyens usagers. Une fois ces cases cochées ou décochées, il vous suffira de descendre au bas de la page et d enregistrer, pour que vos choix soient pris en compte. 4

CREATION D UNE RUBRIQUE Sur votre droite, vous avez la possibilité de créer vous même une rubrique La rubrique correspond au titre principal comme : commune, services, vie communale, tourisme. Il est important de lui affecter un N suivi d un point et d un espace avant de la nommer pour pouvoir la hiérarchiser dans le menu par la suite. Ainsi elle se placera au bon endroit quand vous visualiserez votre site. Par conséquent si vous souhaitez insérer une nouvelle rubrique, il vous suffit de mettre un nombre intermédiaire si vous souhaitez insérer la rubrique entre deux rubriques préétablies ou de monter à la dizaine suivante Vous aller pouvoir créer une page indépendamment, lui donner un titre et décider à quelle rubrique elle appartient en cliquant sur le menu déroulant Idem pour le type de pages, il suffira de cliquer sur le menu déroulant et de sélectionner Exemple de numérotation de rubrique Je crée la rubrique Lac. Je mets le N 70 puisque je souhaite la positionner en fin de menu. J ai regardé auparavant la numérotation de la dernière rubrique pour mettre une numérotation postérieure (en l occurrence dans notre exemple, la rubrique Mairie test a le N 60) Pour regarder la page et vérifier le numéro, il suffit de cliquer sur la petite icône feuille + crayon, vous pouvez afficher le contenu de la page ou de la rubrique pour la modifier. Cette petite icône est à utiliser à chaque fois que vous voulez entrer dans le contenu. 1 2 3 1 - Je veille à écrire le nombre suivi d un point et d un espace avant de donner le titre. Je clique sur créer et 2 - Elle apparait en bas de la page hiérarchie puis je clique sur voir mon site et 3 - La rubrique lac apparait dans le menu 5

EXEMPLE DU CONTENU D UNE PAGE Prenons l exemple d une page pour voir son contenu et prendre quelques habitudes de travail. Si nous prenons la page présentation de la commune Type de page : ordinaire par défaut Votre page «Présentation de la commune» comporte un numéro, le 10 en l occurrence sur cette page. Ce numéro correspond au N de la rubrique. Ici vous allez pouvoir : copier / coller à partir d une application de traitement de texte, puis vous servir de la barre des tâches pour la mise en forme. Pour insérer des liens voir le chapitre astuces page 16. La taille de la police n est pas modifiable. Elle est définie par défaut En cliquant que les boutons, votre texte en phase de création va être entouré par des symboles. Ex : pour un texte en gras : quand vous surlignez le texte et que vous lui affectez l attribue gras il sera ainsi dans la partie article que vous avez rédigé {{Vous pouvez écrire ici un texte }}. En cliquant sur voir le site vous verrez alors : EXEMPLE DU CONTENU DE LA PAGE D ACCUEIL C est la première page à traiter. Celle qui se présente à l ouverture de votre site Elle vous permet d insérer un type de contenu particulier. Seul sur le contenu de la page d accueil vous pouvez insérer du texte dans les colonnes de gauche et de droite (renvoi type de page) 6

5. THEME ET MENU DU SITE Avec la même facilité, vous aller choisir l orientation du menu MENU HORIZONTAL Il vous suffit de passer sur l entête des rubriques pour voir apparaître le sous menu de celle-ci MENU VERTICAL Même principe, il apparaît à gauche de l écran. En passant la souris, les sous menus apparaissent MENU EN ACCORDEON 7

Puis le fond Et vous cliquer en bas de page sur enregistrer pour que vos choix soient pris en compte. Vous pouvez visualiser le résultat en cliquant sur voir le site 8

6. PERSONNALISATION DU SITE, BANDEAU, SLOGAN PREPARATION DES IMAGES (MEME PRINCIPE POUR TOUTES LES IMAGES) Il est nécessaire de préparer en amont les images. Si vous ne disposez pas d un logiciel de retouche d images, vous pouvez télécharger gratuitement le logiciel PhotoFiltre à l adresse internet suivante : http://photofiltre.free.fr/ Nous allons voir rapidement les opérations de base pour créer un bandeau avec des images qui défilent Les trois formats de fichiers standards reconnus par les navigateurs sont les formats GIF, PNG (pour les logos de préférence) et JPEG (ou JPG). On se limitera exclusivement à ceux-ci. (Pas de.bmp!) Nous prendrons en priorité le format JPG Lancer l'application PhotoFiltre. Note : Dans PhotoFiltre tous les outils sont pourvus d'une bulle d'aide indiquant leur fonction. Cette bulle apparaît en passant la souris sur ces outils. Ouvrir l'image que vous voulez retravailler La taille du bandeau dans le Campagnol est de 960 X 235 pixels Dans le menu "image" choisir "Taille de l'image ", la zone de dialogue suivante s'affiche (voir Écran 1 ci-dessous) : Celle-ci indique dans l exemple ci-dessous la définition (1024x760), la résolution (72 dpi) et la mémoire (2,25 Mo) occupée par l'image en mémoire de l'ordinateur. 9

Veillez à ce que l'unité utilisée pour afficher la définition soit bien le pixel (Ceci peut se modifier afin que ce soit le cas par défaut dans les préférences de PhotoFiltre. Menu "Outils" > "Préférences ") Modifiez la largeur à la valeur de 960 pixels et si la résolution est différente de 72 dpi, modifiez aussi cette dernière pour la mettre à 72dpi. Validez : votre image a gardé les bonnes proportions puisque vous n avez pas décoché : conserver les proportions Modifiez éventuellement l'affichage de façon à ce que celui-ci soit en taille "réelle" ( - 100% - barre des outils en haut). Vous allez maintenant utiliser l outil flèche en cliquant avec votre souris clic gauche sans la lâcher pour sélectionner la partie de l image qui servira de bandeau Cette zone se dessine en pointillé. Vous pouvez immédiatement suivre les mesures de largeur et de hauteur correspondantes en bas de l écran (comme dans l encadré ci-dessus) Vous cliquez ensuite sur image puis recadrer et vous obtenez votre image de bandeau. Si vous voulez être précis, il vous suffit de faire à nouveau image, taille de l image, décocher conserver les proportions et de mettre la bonne valeur en hauteur soit 235 px pour la création d un bandeau. Puis vous cliquez sur OK 10

Choisissez "Enregistrez sous " dans le menu "Fichier". Choisissez le dossier destiné aux images traitées et le format JPEG dans la zone "Type". (Il n'est pas alors utile de modifier le nom de l'image). Validez en cliquant sur "Enregistrer". Une seconde zone de dialogue s'affiche (Écran 2 ci-dessus). Un curseur permet de régler la compression (100 = image de haute qualité compression très faible, 0 = image fortement compressée). En cliquant sur "Aperçu" à chaque fois que le curseur est déplacé, la taille du fichier final est calculée et un aperçu de l'image est affiché dans la fenêtre initiale de celle-ci. (Déplacez au besoin la fenêtre du dialogue de compression JPEG par le bandeau de sa barre de titre). Une fois le meilleur facteur de qualité choisi, validez en cliquant sur "OK". Le fichier est alors enregistré. Vous pouvez procéder de même pour toutes les images en veillant à garder les proportions, en leur donnant la taille que vous souhaitez mais nous verrons plus loin l insertion des images dans les articles et la méthode à suivre. Surtout les enregistrer de préférence au format JPEG 11

INSERER DES IMAGES POUR LE BANDEAU Vous êtes dans la page personnalisation du site, bandeau, slogan. Vous allez cliquer sur parcourir pour aller télécharger votre image Elle va alors apparaître ainsi En cochant et en enregistrant plus bas, vous pouvez la supprimer En cliquant sur voir le site, elle apparaît immédiatement dans le bandeau. Le fait d insérer plusieurs images animera le bandeau de votre site internet. Elles défileront. Même principe pour le logo. Nous vous conseillons le format 100 X 100px, à préparer dans PhotoFiltre ou une autre application de traitement d images 12

7. CONTENU DE LA PAGE D ACCUEIL Les widgets sont de petits programmes qui permettent d accomplir des tâches particulières comme l affichage de la météo par exemple. Les renseignements que vous avez donnés lors de votre inscription ont permis par exemple de connaitre le code météo de votre commune, mais aussi la latitude, longitude, et altitude nécessaires à Google Map. Il suffit de cocher les cases de ces widgets pour les installer à leurs places prédéfinies Il est désormais possible d'écrire sur la page d'accueil dans les colonnes de gauche et de droite. Pour cela il vous faut rédiger un article dans puis Pour la colonne de gauche le texte vient se placer en-dessous du menu, pour celle de droite il est possible de choisir entre "au-dessus" des widgets (agenda, météo, ) ou "en-dessous" de ceux-ci. Il suffit donc de choisir pour un article l'un de ces trois types de page pour qu'il vienne se placer à l'endroit souhaité. 13

8. MAIRE, RESPONSABLE DE PUBLICATION / ENSEIGNEMENTS SUR LA COMMUNE Ces deux boutons en haut de page vous permettent de remplir un formulaire. Ce formulaire une fois enregistré donnera les renseignements de contact et horaires en ligne aux internautes qui se connecteront à votre site 9. EDITER RUBRIQUES ANNEXES Pour ne pas surcharger le menu de votre site avec une succession de pages visibles, vous pouvez créer des liens à l intérieur de vos pages, vers des pages annexes. Pour se faire, vous cliquez sur l onglet pages annexes Sur votre droite, vous allez créer une page en lui donnant un nom puis Créer. Un numéro lui sera alors automatiquement attribué et vous verrez votre page apparaître dans la liste. Il faudra la cocher puis enregistrer pour pouvoir la publier (c'est-à-dire qu elle soit visible en ligne) Vous allez maintenant entrer dans la page annexe nouvellement crée. Puis vous irez dans la page de votre site sur laquelle vous voulez faire un lien. Exemple : Je vais dans la hiérarchie de mon site dans la rubrique Vie communale et je choisis la page associations Je clique sur modifier Il me suffit d entrer le code avec le numéro de la page : [->55] pour que le titre de cette page annexe s ouvre avec le nom de la page annexe. 55 correspond dans notre cas à la page annexe du Sou des écoles 14

Si je clique sur voir mon site et que je vais dans la rubrique association, le numéro 55 en phase de création [->55] est devenu : En cliquant dessus Sou des écoles dans la page, cela ouvre la page annexe afférente sans pour autant surcharger le menu 15

10. TRUCS ET ASTUCES Pensez à rafraichir vos pages régulièrement, à vider l historique de navigation et à faire les mises à jour. Pensez à cocher pour éditer vos pages Il est impératif d enregistrer vos pages avant de cliquer sur voir le site pour que vos modifications soient prises en compte. Si vous avez déjà ouvert un onglet. Il est primordial après l enregistrement de rafarichir la page ou vous visualisez le site en cliquant sur la touche F5 INSERER DES IMAGES, DES TEXTES DANS UNE PAGE Préparer votre image en amont avec une application comme photofiltre par exemple et penser à la nommer C est ce nom qui apparaitra. Vous pouvez l indiquer sinon en titre dans l emplacement prévu à cet effet Au sein de la page que vous aurez choisi de modifier pour insérer les contenus, vous verrez sur votre droite : ajouter une image, un document. Vous cliquez sur parcourir pour aller chercher l image là ou vous l avez enregistrée puis vous pouvez la renommer et ajouter. Vous la verrez ensuite apparaître en petit format au dessous Si l image ne vous convient pas, il vous suffira de cocher le petit carré à coté de l image et de cliquer sur supprimer. Pour insérer l image dans le texte : Il vous suffit ensuite de surligner le petit bout de code en dessous de l image et de cliquer gauche sans lâcher la souris pour amener ce code au début de la ligne ou vous souhaiter mettre votre image Dans notre exemple <img35 left> pour la positionner à gauche <img35 center> pour la positionner au centre <img35 right> pour la positionner à droite Pour mettre les images les unes à côté des autres, il faut garder tous les codes en left, les uns après les autres, ou right. Ne pas mettre left, center et right pour accoler trois images, cela ne marche pas Même si center indique le centre et right à droite, il est nécessaire de positionner le bout de code en début de paragraphe et pas à l intérieur du texte pour que votre image s affiche quand vous cliquerez sur voir le site 16

Pour joindre un document à un article, il suffit de procéder comme pour les images. Nous prendrons l habitude de d enregistrer les documents au format.pdf. Il existe des logiciels comme pdf creator, en version gratuite, qui pourront convertir vos documents au format.pdf. Comme pour les tableaux ci-dessous, si vous laissez le morceau de code (ou balise) avec doc, ce sera la vignette du document qui apparaîtra. Si vous modifiez la balise en mettant emb à la place de doc, c est le document qui apparaitra dans la page. 17

LES TYPES DE PAGES Quand vous créez vos pages, vous avez la possibilité de choisir un type Par défaut le type est ordinaire Le type agenda permet de créer des évènements en leur affectant une date et des horaires. La mention des heures de fin par exemple n est pas obligatoire. Ces informations rentrées permettront de gérer automatiquement un évènement quand il sera obsolète. Le fait de mettre une page en type agenda permet aussi de voir ces évènements s afficher en page d accueil sur la droite (même s il ya plusieurs agenda). Il est impératif pour les voir s afficher en page d accueil de cocher au préalable Agenda dans le contenu de la page d accueil. Le type agora permet aux internautes de laisser une réaction sur un forum. L internaute qui visite votre site pourra cliquer sur répondre à cet article et laisser un commentaire Le type complet permet de gérer les documents joints sans faire glisser le code dans la page. Ce type de page met les images en porte folio comme dans le type galerie photo (sans faire glisser le code également) et les articles sous forme de vignette Type contact : génère le formulaire Type diaporama : génère un diaporama dès que vous avez téléchargé vos images ( faire glisser le code de l image dans la page en début d un paragraphe) Etat Civil : génère un formulaire de demande état civil (un mail est alors automatiquement envoyé à la commune) Galerie Photos : met vos images en petites icones. Il suffit de cliquer dessus pour les sans agrandir. Inutile de faire glisser le code comme pour le diaporama Géo localisation fait apparaître la carte situant la commune idem pour la météo Syndication : par défaut les informations sont tirées des flux RSS de vie publique et service publique. Pour créer une nouvelle syndication. Il suffit de créer une page en annexe (la numéroter comme expliqué pour les rubriques p.5) et de lui attribuer un type de page syndication/ enregistrer puis il vous suffira de créer une nouvelle syndication et de compléter les champs et d enregistrer 18

RAPPEL SUR LA PARTICULARITE DE LA PAGE D ACCUEIL Il est possible d insérer dans la page d accueil, des indications dans la colonne de gauche ou de droite. Cet emplacement peut être réservé à une information importante de dernière minute Il suffit de donner le bon type de page à la rubrique que vous utilisez ou que vous créez dans la page d accueil 3 types possibles :. 19

TYPE DE BALISE IMG DOC EMB Utilisation de ces balises avec une photo doc : En création : <doc75 left>{{{venez vous imprégner de ce petit air de liberté}}} Le texte apparait au dessous img : par défaut En création : <img75 left>{{{venez vous imprégner de ce petit air de liberté}}} En passant la souris sur l image le texte apparaît 20

GALERIE PHOTOS Quand on choisit de mettre le type de page galerie photos, il est inutile de copier la balise d image pour la faire glisser dans la page. Le fait d avoir téléchargé les images et suffisant. Vous enregistrez et elles apparaissent ainsi Il suffit de cliquer sur les vignettes pour qu elles s agrandissent et de cliquer à côté de l image pour fermer la fenêtre INSERER UN TABLEAU DANS LA PAGE - Il vous suffit de créer votre tableau à l aide d une application tableur comme Excel ou open calc. Puis de l enregistrer sous le format.csv si vous voulez qu il apparaisse dans la page - Dans campagnol et dans la page ou vous souhaitez insérer le tableau, vous aller comme pour les images, cliquer sur parcourir et télécharger le fichier csv - Il apparait ensuite à droite comme l image Même principe que pour l image et dans les mêmes conditions (en début de ligne) on sélectionne et fait glisser le code du tableau. Si vous souhaitez que ce soit l icône du tableau qui apparaisse sur laquelle vous aller pouvoir cliquer en allant voir le site vous laissez le code ainsi. Si vous voulez voir s afficher le tableau, vous faites glisser le bout de code et à la place de doc, vous écrivez : emb. Dans l exemple ci-dessous <emb37 center> 21

Il est important d éviter les caractères spéciaux et de ne pas fusionner vos cellules pour que le tableau apparaisse comme vous le souhaitez. Si vous préférez conserver votre mise en page, merci de conserver l icône (comme expliqué précedemment) INSERER DES LIENS 1- on sélectionne le texte ou le code de l image 2- On clique sur le 5 ème bouton «SPIP» 3- On indique l url du site cible (sans oublier http://) dans la zone de dialogue 4- On clique sur OK 5- Quand vous cliquez sur Voir le site, vous retrouvez le lien dans la page qui ouvrira le site internet que vous avez renseigné. 6- On peut procéder de la même manière en notant l url de la page à l interne du site pour pouvoir copier son adresse et l indiquer ensuite comme cible. Cette méthode permet de créer des liens internes entre les pages du site. Vous pouvez sinon simplement mettre dans le lien le n de votre article INSERER DES FLUX RSS : SYNDICATION Il est nécessaire d affecter le type syndication à la page que vous voulez syndiquer. Vous enregistrez et vous quittez la page. Vous ouvrez à nouveau la page et vous allez cliquer sur créer une syndication MISE EN PAGE : PASSER A LA LIGNE Il suffit d appuyer sur entrée à la fin du paragraphe en appuyant sur la touche shift ce qui ajoute dans le texte en phase de création _ Il suffit d ajouter à la fin du paragraphe : <chasse > Exemple : en phase création cela donne <doc75 left>{{{venez vous imprégner de ce petit air de liberté}}} qui réjouit les sens, en pleine nature ardéchoise...situé à 800 m d'altitude, notre village est exposé plein sud. Il bénéficie donc d'un bon ensoleillement permettant de découvrir un point de vue exceptionnellement large sur la Vallée du Rhône, les Alpes, le Ventoux et le Mont-Blanc.<chasse > et quand je clique sur voir mon site le passage d un paragraphe à l autre est correctement aligné: 22

METTRE UNE VIDEO EN LIGNE Il est possible d intégrer une video sur votre site internet. La méthode utilisée le plus couramment et de copier le code de la vidéo sur un site prévu à cet effet comme dailymotion par exemple, et de coller ce code dans votre article directement. Il est important d ajouter ensuite en début et en fin la mention du code html : <html>votre code...</html> Cela suppose au préalable que la commune a ouvert un compte et a transféré sa vidéo dessus 23

GESTION DE LA NUMEROTATION DE VOS ARTICLES Lors de la création de vos rubriques ou pages il est nécessaire de leur attribuer un numéro pour pouvoir les classer correctement. Par défaut les rubriques sont numérotées de 10 en 10 Exemple : On indique la nouvelle rubrique en mettant le nombre suivi d un point puis espace et le titre. Si vous voulez créer une rubrique entre la 10 et la 20, il suffit de mettre : 15. titre Elle viendra se placer au bon endroit Quand on crée une page, on indique le titre en mettant également un numéro si on veut la classer. Même principe que ci-dessus : le numéro, un point et un espace On indique ensuite dans quelle rubrique sera placée cette page et on lui donne le type de page que l on souhaite Attention colonne gauche et droite ne fonctionnent qu avec le contenu de la page d accueil mais pas dans hiérarchie du site REFERENCEMENT Le référencement se fait tout seul. Donc pas d inquiétude. Pour accélérer les choses, vous pouvez éventuellement créer une page wikipedia par exemple, communiquer à travers la presse locale, les médias pour que votre site soit consulté et maintenir régulièrement votre site à jour. STATISTIQUES Une fois votre site activé (demande faite auprès de l ADeP), il vous suffit d ajouter à votre adresse internet /webstats à la fin de l URL (adresse de votre site internet 11. PETIT GLOSSAIRE SPIP : SPIP (Système de Publication pour l'internet Partagé ou Participatif) est un logiciel libre destiné à la conception de site Web, de type système de gestion de contenu orienté magazine collaboratif, inspiré des métiers de l'édition. URL : c est l adresse web. Ces adresses sont utilisées pour identifier les pages et les sites web. Les URL ont été inventées pour pouvoir indiquer aux navigateurs web comment accéder à toutes les ressources d'internet. Navigateur Web : La fonction principale d'un navigateur web est de permettre la consultation d'informations disponibles sur le Word Wide Web (wwww). L'utilisateur donne au navigateur Web l'adresse Web de la ressource à consulter. Exemples connus : Internet Explorer, Mozilla, safari... Flux RSS : Un flux RSS est un fichier dont le contenu est produit automatiquement (sauf cas exceptionnels) en fonction des mises à jour d un site Web. Les flux RSS sont souvent utilisés par les sites d'actualité ou les blogs pour présenter les titres des dernières informations consultables en ligne Onglet : en informatique, un onglet est un bouton de commande 24

Par défaut : Se dit d'une donnée ou d'une valeur attribuée automatiquement par le programme en l'absence d'une indication explicite de la part de l'utilisateur et qui représente habituellement le choix ou le réglage le plus probable, compte tenu du contexte. Pour en savoir plus vous pouvez consulter Wikipedia : http://fr.wikipedia.org/wiki/wikip%c3%a9dia:accueil_principal 25