MEMENTO Interface d administration du site www.ville-joigny.fr I. Identification :... 2 II. Présentation de l interface :... 3 III. Modification des pages du site :... 5 A. Chaque paragraphe comporte un titre, un texte, une image...5 1) Présentation...5 2) Mise en forme du texte...7 B. Ajouter à un paragraphe un ou plusieurs document (PDF, RTF,..)...8 C. Ajouter à un ou plusieurs liens (externe, interne, mail)... 10 IV. Les pages spécifiques :... 11 A. Modifier une table depuis l interface avec le mode «Formulaire»... 12 B. Modifier une table depuis Excel avec le mode «CSV»... 14 1) Première étape récupération du fichier... 14 2) Insertion du fichier corrigé sous Excel... 15
I. Identification : Adresse de l interface Indication du nom d utilisateur et du mot de passe communiqué par votre Webmaster 2 /15
II. Présentation de l interface : Sélection de la langue où vous souhaitez apporter des modifications. Accès à la page désirée en fonction de sa rubrique, sous rubrique et sous-sous rubrique. Vous ne visualisez que les rubriques qui vous ont été attribuées. 3 /15
1 3 2 Liste des paragraphes de la page : Chaque paragraphe peut contenir un ou plusieurs PDF, un ou plusieurs liens. L ordre d apparition peut-être modifié avec la position. Pour obtenir le contenu du paragraphe, il suffit de cliquer sur «Modifier». Pour ajouter ou supprimer un PDF ou lien, il suffit de cliquer sur son numéro. Remarques : 1. L insertion de mots clefs est très importante pour que la page soit rapidement trouvée par le moteur de recherche du site, pour les insérer il vous suffit de cliquer sur «ajouter/modifier» et dans la fenêtre qui s ouvre de les lister en les séparant par des virgules (exemple : bus, transport urbain, se déplacer en ville). 2.Le couleurs permettent de vous indiquer si le paragraphe est, sera ou a été sur la page. - En noir le paragraphe est en ligne. - En vert le paragraphe n est pas encore en ligne, mais apparaîtra selon les dates indiquées dans les cases «dates début» et «dates de fin d affichage». - En rouge le paragraphe n est plus en ligne, mais est apparu selon les dates indiquées dans les cases «dates début» et «dates de fin d affichage». 3. Le numéro de la position doit être indiqué sur 2 chiffres et vous devez valider votre changement en cliquant sur «OK». 4 /15
III. Modification des pages du site : A. Chaque paragraphe comporte un titre, un texte, une image 1) Présentation Après avoir cliqué sur le bouton «modifier» du paragraphe cette fenêtre popup s ouvre. 5 /15
L insertion de texte peut s effectuer par simple copier/coller ou bien en frappant votre texte. Une fois le texte introduit vous pouvez le mettre en forme avec le lien «Aide». Vous pouvez insérer un visuel avec le bouton parcourir. Il doit être préalablement traité pour être sous un format «.jpg» à la taille de 244 px de large et 144 pixels de haut exactement en paysage. Les dates de début et de fin d affichage vous permettent de faire apparaître ou disparaître automatiquement les paragraphes. Le bouton aide fera apparaître un petit calendrier. 6 /15
2) Mise en forme du texte Pour mettre en forme le texte, il vous suffit de sélectionner le texte et de choisir un des boutons qui est mis à votre disposition : «G» pour gras ; «I» pour italique ; ainsi que les différentes couleurs. N oublier pas de «Valider» en bas à gauche. Des codes HTML sont alors automatiquement inscrits dans votre texte. Pour les comprendre vous pouvez consulter cidessous leur principe de fonctionnement. Remarques : Retour à la ligne : <BR> Exemple : Première phrase <BR> Deuxième phrase qui s affichera une ligne en dessous Gras : <STRONG> : balise à placer au début du mot ou de l expression à mettre en gras </ STRONG > : balise à placer à la fin du mot ou de l expression à mettre en gras Exemple : texte normal < STRONG >Texte en gras</ STRONG > texte normal Italique : <i> : balise à placer au début du mot ou de l expression à mettre en italique </i> : balise à placer à la fin du mot ou de l expression à mettre en italique Exemple : texte normal <i>texte en italique</i> texte normal En couleur : <font color="#ffffff"> : balise à placer au début du mot ou de l expression à mettre en couleur </font> : balise à placer à la fin du mot ou de l expression à mettre en couleur Exemple : texte normal <font color="#ffffff">texte en couleur</font> texte normal #ffffff = Blanc ; #000000 = Noir 7 /15
B. Ajouter à un paragraphe un ou plusieurs document (PDF, RTF,..) Après avoir cliqué sur le numéro du PDF cette fenêtre popup s ouvre. Pour insérer un nouveau PDF il vous suffit de cliquer sur le lien «Ajouter». A ce niveau il est possible de modifier l ordre d apparition des paragraphes avec les numéros de position. 8 /15
Le bouton «Parcourir» vous permet d aller chercher dans votre ordinateur le fichier que vous voulez insérer. Le libellé permet d indiquer le mot ou l expression sur laquelle l internaute devra cliquer pour obtenir le document. Les dates de début et de fin d affichage vous permettent de faire apparaître ou disparaître automatiquement les PDF. Le bouton «Aide» fera apparaître un petit calendrier. 9 /15
C. Ajouter à un ou plusieurs liens (externe, interne, mail) Si le lien a pour objet de diriger l internaute vers : - Un autre site Internet le type est => externe. - Une page du site Internet de Joigny => interne - Une adresse mail => mail Url est l adresse du site, de la page ou du mail. Pour un lien interne vous disposez d un lien «Aide» vous permettant de sélectionner facilement la page désirée. Le libellé permet d indiquer le mot ou l expression sur laquelle l internaute devra cliquer pour obtenir le site, la page ou le mail. Les dates de début et de fin d affichage vous permettent de faire apparaître ou disparaître automatiquement les liens. Le bouton aide fera apparaître un petit calendrier. 10 /15
IV. Les pages spécifiques : Certaines pages contiennent une mise en page particulière. Cette mise en page a pu être effectuée avec la création d une table spécifique. Pour exemple, voici la page du magazine qui comporte une table «actualités», vous pouvez le constater par l ajout d une ligne en bas de page «Tables associées». Pour mettre à jour la table vous pouvez disposer de deux possibilités. Depuis l interface avec le mode «formulaire». Avec Excel par le mode csv 11 /15
A. Modifier une table depuis l interface avec le mode «Formulaire» Pour insérer une nouvelle ligne il vous suffit de cliquer sur le lien «Ajouter». Pour modifier l une de ces lignes vous devez cliquer sur «Modifier». A ce niveau il est possible de modifier l ordre d apparition des lignes avec les numéros de position. 12 /15
L insertion de texte peut s effectuer par simple copier/coller ou bien en frappant votre texte. Une fois le texte introduit vous pouvez le mettre en forme avec le lien «Aide». La mise en forme s effectue comme pour les paragraphes. Vous pouvez insérer un visuel avec le bouton parcourir. Il doit être préalablement traité pour être sous un format «.jpg» à la taille de 119 px de large et 77 pixels de haut exactement en paysage. Les dates de début et de fin d affichage vous permettent de faire apparaître ou disparaître automatiquement les paragraphes. Le bouton aide fera apparaître un petit calendrier. 13 /15
B. Modifier une table depuis Excel avec le mode «CSV» 1) Première étape récupération du fichier En ayant cliqué sur le lien «Récupération en mode csv», cette fenêtre s ouvre. Vous devez alors «Lancer le traitement» Cette fenêtre s ouvre. Vous devez alors enregistrer le document sur votre ordinateur. Remarques : Pour ouvrir un fichier.csv sous Excel, vous devez dans un premier temps ouvrir le logiciel (et non double-cliquer sur le document) puis faire Fichier/Ouvrir. Une fois que vos modifications sont terminées, choisissez «Fichier/ Enregistrer sous» pour que votre document soit bien enregistré au format CSV (Séparateur: point virgule). 14 /15
2) Insertion du fichier corrigé sous Excel En ayant cliqué sur le lien «Insertion en mode csv», cette fenêtre s ouvre. Vous devez alors aller chercher votre document à l intérieur de votre ordinateur avec le bouton «parcourir» puis «Lancer le traitement» Cette fenêtre vous indique si votre fichier a bien été traité. Si ce n est pas le cas, effectuez à nouveau l opération. Si un message d erreur persiste, copier le texte de ce message et envoyez le par mail à votre Webmaster. 15 /15