Guppy : le guide du rédacteur

Transcription

Sommaire
Présentation rapide.............................................................................................3
Visiteurs - Membres - Administrateurs................................................................................4
Devenir membre........................................................................................................................................5
Être reconnu comme membre..................................................................................................................6
Accéder à l'administration en tant que rédacteur................................................................6
Du contenu pour votre site.................................................................................7
Les nouvelles.........................................................................................................................7
Qu'est-ce qu'une nouvelle ?......................................................................................................................7
Écrire une nouvelle....................................................................................................................................7
Modifier une nouvelle................................................................................................................................9
Les articles............................................................................................................................10
Qu'est-ce qu'un article.............................................................................................................................10
Écrire un article.........................................................................................................................................11
Modifier un article.....................................................................................................................................12
Réactions articles.................................................................................................................12
Spécial...................................................................................................................................12
L'espace photos....................................................................................................................13
L'espace téléchargements...................................................................................................13
Ajouter un téléchargement.......................................................................................................................14
Gérer les téléchargements.......................................................................................................................15
Astuce !.....................................................................................................................................................15
L'espace Liens......................................................................................................................15
Ajouter un lien...........................................................................................................................................16
Modifier un lien.........................................................................................................................................16
FAQ (Foire Aux Questions)..................................................................................................16
Qu'est-ce que c'est ?................................................................................................................................16
Gestion de la FAQ....................................................................................................................................16
Livre d'Or...............................................................................................................................16
Agenda..................................................................................................................................17
Ajouter un événement..............................................................................................................................17
Modifier un événement.............................................................................................................................17
Un site clés en main avec Guppy / page 1 sur 26
ERIP Aix-Ouest - Gardanne
Les fonctions à connaître absolument..............................................................18
L'éditeur de texte..................................................................................................................18
Fonctions de base....................................................................................................................................18
Fonctions complexes................................................................................................................................19
Envoyer un fichier sur le serveur........................................................................................24
Présentation rapide
La structure de votre site est en ligne, vous pouvez donc maintenant y insérer du contenu ou modifier son
apparence. Nous allons visiter cet espace vierge afin de découvrir son fonctionnement.
Ouvrez votre navigateur internet (Internet Explorer ou Firefox) et connectez-vous à votre site en écrivant
l'adresse donnée par votre fournisseur d'accès dans la barre d'adresse.
La barre d'adresse de Mozilla Firefox
La barre d'adresse d'Internet Explorer 7
Vous voilà chez vous... mais seule la structure est en place. Elle se compose de 4 zones, que vous
habillerez et compléterez à votre idée :
Le contenu de votre site apparaîtra dans la partie centrale (en rouge). La partie supérieure permet une
navigation rapide. Les deux colonnes latérales affichent les informations ou fonctionnalités de votre site.
Vous devez maintenant vous connecter comme Administrateur ou Rédacteur du site.
Visiteurs - Membres - Administrateurs
Le monde entier peut accéder à votre site, cependant il a été configuré de façon à ce que seules les
personnes autorisées (les membres) puissent en consulter certains espaces ou y apporter des
modifications. Actuellement, trois membres seulement sont enregistrés :
●
webmaster (mot de passe : webmaster) : il a tous les droits sur le site et peut le modifier et l'adapter à
son gré. Il peut accorder des droits à certains membres.
●
instit1 (mot de passe : instit1) : il a des droits de rédacteur et peut donc ajouter des éléments (nouvelles,
articles) ou en valider (réactions aux articles). Il ne peut pas modifier l'aspect du site.
●
visiteur (mot de passe : visiteur) : il n'a aucun droit sur le contenu du site. Il pourra néanmoins réagir
aux articles mais la publication (l'affichage) de ses réactions est soumise aux membres administrateurs
-webmaster et rédacteurs-
La configuration la plus équilibrée consiste à créer deux membres possédant des droits de webmaster (le
directeur, responsable du site et un autre enseignant) et autant de membres-rédacteurs que d'enseignants.
C'est l'administrateur du site (le webmaster) qui accordera ces droits.
Devenir membre
Pour devenir membre du site, il faut cliquer sur le bouton correspondant de la boîte
Préférences en haut de la colonne de droite. La zone centrale du site affiche le
formulaire d'enregistrement.
L'adresse du site du nouveau membre n'est pas obligatoire (il peut ne pas en avoir !), de même que la
définition d'une signature et le choix d'un avatar puisque le forum n'est pas activé. Après avoir cliqué sur le
bouton Enregistrer, le nouveau membre verra un récapitulatif des informations qu'il a données et recevra un
message d'accueil automatique à consulter dans sa boîte aux lettres de membre.
Être reconnu comme membre
En arrivant sur le site, entrez votre nom d'utilisateur et votre mot de passe dans la boîte
Préférences (en haut à droite), puis cliquez sur le bouton Envoyer. La page rappelant
vos préférences s'affiche. Si vous avez un nouveau message, il vous
sera signalé.
Pour n'être plus reconnu comme membre, cliquez sur le bouton
Déconnexion.
Enregistrez dès à présent les membres fondateurs du site, nous verrons dans la partie consacrée au
webmaster comment leur attribuer des droits.
Accéder à l ' administration en tant que rédacteur
Pour cette première fois, nous allons entrer dans l'espace administration grâce aux membres présents par
défaut et autorisés à administrer le site, c'est à dire webmaster ou instit1. Souvenez-vous
! le premier a tous les droits sur le site, le second n'a que des droits de rédacteur. Pour
nourrir un peu notre site, nous allons endosser la personnalité du second...
Connectez vous avec instit1 comme nom d'utilisateur et instit1 comme mot de passe.
Cliquez ensuite sur l'icône Admin
en haut à droite de la barre d'icônes.
On vous demande à nouveau votre mot de passe, et vous saisissez à nouveau instit1 puis vous cliquez sur
le bouton Connexion pour pouvoir accéder aux outils d'administration. Une nouvelle page s'affiche,
présentant les icônes de travail :
Cette illustration ne reprend que la section qui nous intéresse.
Chaque icône conduira vers un espace de gestion spécifique. Heureusement, tous ces espaces sont
construits de la même façon et en connaître un permet de les connaître tous. Nous allons les explorer, en
nous attardant sur les premiers. Pour les utiliser au mieux, reportez-vous au chapitre Les fonctions à
connaître absolument à la fin de ce document.
Du contenu pour votre site
Les nouvelles
Qu'est-ce qu'une nouvelle ?
Dans Guppy, les nouvelles sont des billets, des textes qui font vivre votre site : informations, notification de
nouveaux articles, etc. Elles sont triées automatiquement de la plus récente à la plus ancienne. Ce principe
de tri ne peut être modifié.
Seules les 5 dernières nouvelles sont affichées en page d'accueil. Pour accéder à l'intégralité des nouvelles
publiées, le visiteur devra aller dans l'espace qui leur est réservé en cliquant sur l'icône Nouvelles
.
Une nouvelle peut contenir du texte, des images, des vidéos-flash (mais ce n'est pas recommandé), des
tableaux, des liens hypertextes, etc...
Écrire une nouvelle
Cliquez sur l'icône Nouvelles pour accéder à l'espace de gestion des nouvelles...
Votre site étant encore vierge, il n'y a pas encore d'éléments à gérer dans cet espace.
Cliquez sur Écrire une nouvelle pour accéder à l'éditeur... puis observons les champs à renseigner :
Création dans l'état :
●
Actif : la nouvelle sera immédiatement visible sur le site
●
Inactif : la nouvelle ne sera visible que par les administrateurs et les rédacteurs et devra être activée
pour être lue par tous les visiteurs
Pseudo du rédacteur :
●
Ce champ est rempli automatiquement
E-mail du rédacteur :
●
Ce champ est rempli automatiquement
Masquer l'adresse e-mail :
●
Case non cochée : un clic du visiteur sur le nom du rédacteur affiche l'adresse de celui-ci. En cliquant
sur cette adresse, le visiteur pourra lui envoyer un message depuis son logiciel de messagerie.
●
Case cochée : il n'y a pas de lien sur le nom du rédacteur
Titre de la nouvelle :
●
Il est obligatoire de remplir ce champ, sinon la nouvelle n'apparaîtra pas sur votre page d'accueil.
Icône de la nouvelle :
●
Ce champ n'est pas obligatoire. Il permet d'ajouter un petit dessin à droite de la barre de titre de la
nouvelle en cliquant sur le bouton Parcourir le serveur. Vous pourrez créer vos propres icônes si vous
souhaitez donner par exemple un identifiant visuel à vos nouvelles1 (par thèmes ou par auteurs, par
exemple...)
L'éditeur de texte :
●
La longueur du texte d'une nouvelle est sans importance. Guppy limite automatiquement le texte affiché
à quelques lignes : s'il dépasse la longueur autorisée, une icône
permettant d'accéder à la totalité
de la nouvelle sera affichée.
●
L'utilisation de l'éditeur de texte est assez intuitive car il ressemble beaucoup à un traitement de texte
simplifié. Pour utiliser les fonctions complexes, reportez-vous au chapitre Les fonctions à connaître
absolument à la fin de ce document.
Les smileys :
●
Ils servent de ponctuation visuelle.
●
Selon la configuration de votre navigateur, vous pouvez les faire glisser dans l'éditeur ou vous devrez
les copier (clic droit sur le smiley et copier l'image) puis les coller dans l'éditeur (Ctrl+V). Vous avez
accès à d'autres types de smileys en cliquant sur le bouton correspondant de l'éditeur.
Le bouton Enregistrer :
●
Indispensable ! C'est en cliquant dessus que vous enverrez votre nouvelle sur le site.
Modifier une nouvelle
Après avoir enregistré votre nouvelle, vous revenez automatiquement sur la page d'administration des
nouvelles :
Les options de tri modifient l'ordre d'affichage des nouvelles dans l'administration. Elles n'ont aucun effet
sur l'affichage sur le site (ordre chronologique inverse : de la plus récente à la plus ancienne)
Vous pouvez modifier une nouvelle en cliquant sur son titre. La page de l'éditeur
s'ouvre à nouveau. N'oubliez pas de valider les modifications en cliquant sur le bouton Enregistrer !
1
Contactez votre erip pour plus d'informations
Vous pouvez dupliquer une nouvelle : elle sera reproduite intégralement. Cette fonction est intéressante
quand il n'y a que quelques changements à apporter à un document. Attention ! une nouvelle dupliquée
n'est pas visible, il faudra l'activer.
Ce bouton fonctionne en mode bascule : nouvelle visible lorsque l'écran est bleu, nouvelle invisible
lorsque l'écran est noir. Cochez la case devant l'écran pour les nouvelles que vous voulez faire apparaître
ou disparaître puis cliquez sur le bouton Exécuter les actions sélectionnées...
Ce bouton permet d'effacer une nouvelle. Cochez la case devant la croix pour les nouvelles que vous
voulez effacer puis cliquez sur le bouton Exécuter les actions sélectionnées...
Cliquez sur Retour Admin pour revenir à la page d'accueil de l'administration.
Les articles
Qu'est-ce qu'un article
Les articles sont le fond de votre site. Composés de texte mis en forme, d'images, de vidéos, de liens... ils
ne sont pas limités en longueur. Accessibles depuis les menus spécifiques (boîtes-articles) de la colonne
de gauche, ils s'affichent dans la partie centrale.
Il est prévu deux espaces pour ranger vos articles. Dans chaque espace, vous pourrez créer des
catégories pour trier les pages que vous aurez créées. Par exemple :
1ère boîte-articles : L'école
2ème
Catégorie 1 : Présentation
boîte-articles : Les classes
Catégorie 1 : CP
Article 1 : Contact et plan
Article 1 : Fournitures scolaires
Article 2 : Horaires et vacances
Article 2 : Règlement de la classe
Article 3 : Visite virtuelle
Article 3 : Piscine
Article 4 : Histoire de notre école
Catégorie 2 : Personnels
Catégorie 2 : CE1
Article 1 : Sortie au musée
Article 1 : Les enseignants
Article 2 : Le personnel municipal
Catégorie 3 : Partenaires
Catégorie 3 : CE2
Article 1 : Créations poétiques
Article 2 : Cahier d'EPS en ligne
Article 1 : Éducation Nationale
Catégorie 4 : CM1
Article 2 : Mairie
Article 1 : Liste de fournitures
Article 3 : Assoc. Parents d'Élèves
Article 2 : Les volcans
Article 4 : OCCE
Article 3 : Les grandes inventions
Catégorie 4 : Textes
Article ' : Les batraciens
Article 1 : Textes officiels
Article 2 : Règlement intérieur
Catégorie 5 : CM2
Article 1 : Classe verte
Article 2 : Visite du collège
Article 3 : Les planètes
Vous pouvez créer autant de catégories que vous le souhaitez et à l'intérieur de chaque catégorie autant
d'articles que vous le désirez.
Les visiteurs ont la possibilité de réagir aux articles, c'est à dire de laisser un commentaire après lecture.
Guppy est configuré de façon à ce que ces commentaires ne soient visibles qu'après validation des
administrateurs du site (webmasters et rédacteurs).
Il est possible d'ajouter des boîtes-articles. C'est le webmaster qui les met en service grâce au plugin
Menus Extra.
Écrire un article
Cliquez sur l'icône Articles de la section Administration des données pour accéder à l'espace
de gestion des articles. Il est identique à celui des nouvelles et les mêmes fonctions vous sont
proposées. Cliquez sur Écrire un article pour afficher l'éditeur.
La page d'édition des articles ressemble à celle des nouvelles, mais les champs Pseudo et E-mail ont
disparu, remplacés par deux nouveaux champs à renseigner : Catégorie et Boîte
Catégorie de l'article
●
Écrivez dans le champ de droite le nom de la catégorie
●
Une fois les catégories créées, elles s'afficheront dans la liste déroulante du champ de gauche
●
Vous pouvez à tout moment ajouter de nouvelles catégories
●
Par défaut, les catégories sont classées par ordre alphabétique. Vous pouvez forcer l'ordre de
classement en faisant précéder le nom de la catégorie par 01, 02...
●
Plus raffiné : vous pouvez masquer le numéro d'ordre lors de l'affichage en l'écrivant sous cette forme :

●
Une catégorie qui ne contient aucun article disparaît automatiquement de la liste et devra être recréée
Titre de l'article
●
Il est obligatoire
●
Par défaut, les articles sont classés suivant l'ordre alphabétique de leurs titres. Vous pouvez forcer
l'ordre de classement en faisant précéder le titre de l'article par 01, 02...
●
Vous pouvez masquer l'affichage de ce numéro d'ordre en l'écrivant sous cette forme : 
Boîte articles
●
Pensez à choisir la boîte dans laquelle sera placé votre article sinon les nouvelles de la classe
verte se verront peut-être affichées avec les textes officiels...
Une fois votre article rédigé, n'oubliez pas de cliquer sur le bouton Enregistrer en bas de la page, sous
peine de perdre tout votre travail.
Modifier un article
Comme pour les nouvelles, vous pouvez éditer vos articles et les modifier. Vous pouvez les déplacer dans
une autre catégorie, une nouvelle catégorie, une autre boîte, modifier le titre, le contenu... Pensez à cliquer
sur le bouton Enregistrer en bas de la page pour valider vos modifications.
Vous pouvez également autoriser ou non l'affichage de l'article, le dupliquer ou l'effacer (cf. le chapitre Les
nouvelles).
Réactions articles
Ce sont les commentaires qu'ont pu laisser vos visiteurs après leur lecture. Ils sont
affichés à la suite de l'article concerné (par groupes de 5). Nous avons vu plus haut que
leur publication doit être validée par un administrateur du site. En cliquant sur l'icône,
vous aurez accès à la liste de ces messages.
Vous retrouverez les mêmes fonctionnalités que pour les nouvelles et les articles :
●
Éditer (voir le contenu du message)
●
Afficher
●
Supprimer
,
,
.
Pensez à cliquer sur le bouton Exécuter les actions sélectionnées pour valider vos décisions.
Spécial
La boîte Spécial permet d'afficher une information -comme les nouvelles- à la différence que
son contenu est affiché dans son intégralité et est présent sur toutes les pages du site.
Lorsque vous entrez dans l'espace de gestion de la boîte Spécial, vous n'avez que l'éditeur de
texte. Le contenu de cette boîte changera en fonction des événements, mais vous ne pouvez pas l'archiver.
Lorsque cette boîte est vide, seul son bandeau de titre s'affiche.
L ' espace photos
C'est dans cet espace que vous allez gérer la galerie de photos. Vos visiteurs y ont accès en
cliquant sur
dans la barre d'icônes.
Les photos sont affichées sous forme de diaporamas. Un clic sur la photo affichée dans le déroulant
permet de l'agrandir et de lire le commentaire associé.
Vous pouvez créer plusieurs diaporamas, ayant chacun un titre différent, défini par le nom de la catégorie.
Le titre de la photo est affiché dans le diaporama ; il est obligatoire, sinon la photo ne sera pas prise en
compte. Il peut être différent du nom d'origine de la photo. Le commentaire est facultatif.
Pour ajouter une photo depuis votre ordinateur, consultez le chapitre Les fonctions à connaître absolument
à la fin de ce document. Rangez vos photos dans le dossier photo car ce sera le seul accessible dans cet
espace. Pensez à optimiser le poids de vos photos pour ne pas trop ralentir l'affichage (taille et résolution).
Vérifiez que vous respectez le droit à l'image.
Pensez toujours à cliquer sur le bouton Enregistrer en bas de la page pour valider vos modifications.
Comme pour les autres espaces de gestion, vous pouvez éditer le commentaire, dupliquer (ne modifiez pas
alors le titre proposé), afficher/cacher ou supprimer une photo.
Validez vos modifications en cliquant sur sur le bouton Exécuter les actions sélectionnées.
L ' espace téléchargements
Dans cet espace, vous pouvez mettre des fichiers, des documents à disposition de vos
visiteurs. Pensez à la lisibilité des documents que vous proposez : tout le monde n'a pas
Word 2007, donc évitez de proposer des documents textes au format .docx. Préférez
le .doc, correspondant aux versions antérieures ou mieux le .odt d'OpenOffice (logiciel libre et gratuit) si
votre document doit être modifié, sinon proposez du .pdf (OpenOffice sait transposer vos documents sous
ce format).
Dans le cas de documents volumineux, ou d'un ensemble de documents complémentaires, créez un fichier
compressé au format .zip2.
Les documents que vous proposez au téléchargement doivent être placés dans le répertoire "file" de votre
Guppy. Pour savoir comment faire, consultez le chapitre Les fonctions à connaître absolument à la fin de
ce document.
Ajouter un téléchargement
Cliquez sur Ajouter un téléchargement. Vous êtes maintenant familiarisé avec l'espace de gestion...
Vérifiez que vous avez bien l'autorisation de proposer en téléchargement les documents ou programmes
dont vous n'êtes pas l'auteur.
Catégorie du téléchargement :
●
Comme pour les articles, les catégories permettent de créer plusieurs thèmes dans votre espace de
téléchargement
Nom du téléchargement :
●
Donnez un nom explicite, qui sera lu par le visiteur. Ce ne sera pas forcément celui de votre document.
Adresse de téléchargement :
●
Si le document ou le dossier à télécharger est dans le répertoire "file" de Guppy, écrivez dans ce
champ : file/nomdutelechargement.ext où "nomdutelechargement" correspond au nom de votre
document ou de votre fichier et "ext" à l'extension (doc, zip, pdf...)
●
Si le document ou le dossier à télécharger est sur un autre site, rendez vous à son emplacement, faites
un clic droit sur le lien de téléchargement et choisissez "Copier l'adresse du lien" puis collez cette
adresse dans le champ.
2 Plus d'informations auprès de votre erip
Description du téléchargement :
●
Vous pouvez rédiger ici un texte descriptif de l'outil ou du document que vous proposez. Il s'affichera
lorsque le visiteur cliquera sur le nom du téléchargement.
Pensez toujours à cliquer sur le bouton Enregistrer en bas de la page pour valider votre travail !
Gérer les téléchargements
En cliquant sur Tous les téléchargements, vous pouvez, comme dans les autres espaces de gestion éditer,
afficher/masquer, supprimer un des téléchargements que vous proposez.
Astuce !
Pour retrouver le nom et l'adresse d'un document que vous souhaitez proposer au téléchargement, placez
vous dans l'éditeur comme si vous vouliez écrire le commentaire. Cliquez sur le bouton Insérer un lien et
parcourez votre répertoire file. Cliquez sur le nom du fichier adéquat : il s'affichera dans l'éditeur.
Sélectionnez la totalité du texte affiché et coupez-le (Ctrl+X), puis dans le champ adresse de
téléchargement, écrivez file/ et collez (Ctrl+V) le nom.
L ' espace Liens
Un espace Liens est proposé à vos visiteurs, dans lequel vous proposerez l'accès direct à des
sites informatifs, partenaires, amis, éducatifs, culturels... Comme dans les espaces précédents,
vous pouvez ranger les différents liens par thèmes et y adjoindre un commentaire présentant le
site. Il est accessible aux visiteurs par cette icône
de la barre de navigation.
Ajouter un lien
En cliquant sur ce bouton, vous accédez à un espace de gestion que vous connaissez bien maintenant.
Cliquez sur Ajouter un lien, puis créez vos catégories, n'oubliez pas de donner un titre à votre lien dans le
champ Nom du site, Pour ne pas faire d'erreur dans la saisie de l'adresse, copiez-collez le contenu de la
barre d'adresse de votre navigateur lorsque vous êtes sur le site que vous souhaitez indiquer à vos
visiteurs et ajoutez un commentaire présentant le site, son contenu, son intérêt...
Pensez à cliquer sur le bouton Enregistrer en bas de la page pour valider votre travail !
Modifier un lien
Toute modification se fait comme dans les autres espaces.
FAQ ( Foire Aux Questions )
Qu'est-ce que c'est ?
Une FAQ est un ensemble de réponses-types à des questions fréquentes. Elle permet de
synthétiser en un seul espace des informations disponibles dans différents endroits d'un site ou
de donner une aide sur le fonctionnement du site.
Gestion de la FAQ
Elle se gère comme les autres espaces, en triant les différentes questions par thèmes (Catégories), en
saisissant l'énoncé de la question dans le champ correspondant, puis la réponse dans l'éditeur, et bien sûr
en validant chaque question/réponse en cliquant sur le bouton Enregistrement en bas de la page.
Livre d ' Or
Un livre d'or permet à vos visiteurs de laisser des critiques sur votre site. Ces critiques sont
soumises à validation par les administrateurs avant leur publication. En cliquant sur cette icône,
vous accéderez à la gestion de ces messages, construite sur le même principe que les espaces de gestion
que nous avons utilisés.
Agenda
Un agenda est disponible qui permet aux administrateurs du site d'indiquer les dates à noter. Il ne peut y
avoir qu'un événement par jour. Les dates nanties d'un événement apparaissent en orange pour les
visiteurs. Un clic sur ces dates permet d'afficher le commentaire associé.
Ajouter un événement
Cliquez sur Ajouter un événement, choisissez le mois grâce aux flèches à l'extrémité de la zone de titre,
puis cliquez sur le jour. L'éditeur s'affiche et vous permet de saisir le nom de l'événement et le commentaire
associé.
Validez en cliquant sur le bouton Enregistrement en bas de la page.
Modifier un événement
Cliquez sur Tous les événements, Vous retrouvez la configuration de modification habituelle avec les
fonctions Éditer, Afficher/Masquer et Supprimer.
Validez les modifications par un clic sur le bouton Exécuter les actions sélectionnées...
Les fonctions à connaître absolument
L ' éditeur de texte
Dans tous les espaces de gestion, vous trouverez cet éditeur. Il ressemble beaucoup à un traitement de
texte, mais certaines fonctions sont limitées, d'autres fonctionnent un peu différemment.
Fonctions de base
Vous retrouvez dans les barres d'outils de l'éditeur les fonctions que vous utilisez dans un logiciel de
traitement de texte, plus des boutons d'insertion. Le tableau ci-dessous présente tous les boutons
disponibles ; le fonctionnement de certains -repérés par un fond de couleur- sera détaillé dans la partie
suivante.
1ère barre d'outils
2ème barre d'outils
Nouvelle page
Mettre la sélection en Gras
Aperçu avant impression
Mettre la sélection en Italiques
Voir le code source de la
Styles pré-définis pour la
sélection
Formats de paragraphe
pré-définis
Souligner la sélection
Choix de la police
Propriétés du document
Barrer la sélection
Taille de la police
Modèles
Mettre la sélection en indice
Couper
Mettre la sélection en exposant
Copier
Créer une liste numérotée
Coller
Créer une liste à puces
Coller comme texte
Mettre un paragraphe en retrait
Coller de Word
Aligner le texte à gauche
Imprimer
Centrer le texte
page
Affichage pleine page
(mode bascule)
1ère barre d'outils
Annuler la dernière
Aligner le texte à droite
modification
Répéter la dernière
Aligner le texte à gauche et à
modification
droite
Rechercher dans le
Modifier la couleur des caractères
document
de la sélection
Modifier la couleur du fond de la
Remplacer
sélection
Tout sélectionner
Insérer un lien hypertexte
Supprimer le format
Supprimer un lien hypertexte
Insérer un tableau
Insérer une ancre
Insérer une ligne
Insérer une image
séparatrice
À propos de l'éditeur
Insérer une animation flash
Insérer un smiley
Insérer un caractère spécial
Note : L'éditeur souligne les fautes d'orthographe (fautes d'usage uniquement) mais ne propose pas de
correction.
Fonctions complexes
Nous allons nous pencher ici sur les boutons spécifiques à l'éditeur.
Voir le code source de la page
Ce bouton permet d'accéder à l'écriture en mode "programmeur" de votre texte. À moins d'être
un spécialiste du code html, ne cliquez dessus que par curiosité. Il fonctionne en mode bascule : cliquez à
nouveau dessus pour revenir à un espace de travail plus adapté et surtout plus lisible.
Modèles
Ce bouton permet d'accéder à des mises en page pré-définies, très simples, avec des emplacements
réservés pour une image, ou une mise en page façon colonnes.
Coller comme texte
Ce bouton ouvre une fenêtre dans laquelle vous pourrez coller (avec les
touches Ctrl+V) un texte issu de Word, d'OpenOffice, du bloc-notes... et l'intégrer
dans votre document en perdant toute la mise en forme d'origine (couleurs,
tailles, polices...). N'oubliez pas de copier (Ctrl+C) le texte que vous souhaitez
importer auparavant ! Validez en cliquant sur OK.
Coller de Word
Ce bouton fonctionne comme le précédent, mais en conservant la mise en forme d'origine. Laissez
cochée la case "Ignorer les polices de caractères", nous verrons plus loin pourquoi.
Supprimer le format
Un clic sur ce bouton permet de supprimer toutes les modifications de format (casse, couleurs,
police...) d'une sélection.
Insérer un lien hypertexte vers un autre site
Un lien hypertexte permet de se rendre sur une autre page, dans le site ou hors du site en cliquant
sur du texte ou sur une image. Le lien est visible par l'utilisateur :
●
une image-lien sera encadrée
●
le texte-lien sera d'une autre couleur que le texte courant
Dans les deux cas, le pointeur se transforme en main lorsqu'il passe sur un lien hypertexte.
Par défaut, nous parlerons de texte, mais la procédure est la même pour attribuer un lien à une image.
Sélectionnez le texte (un ou plusieurs mots) que vous souhaitez transformer en
lien, puis cliquez sur le bouton. Dans la fenêtre qui s'ouvre, choisissez le type de
lien (URL), le protocole (http ou https pour une page sécurisée, par exemple si
vous souhaitez faire un lien vers Gibii) puis saisissez l'adresse du site comme
dans l'exemple ci-dessous :
Pour supprimer un lien, positionnez le curseur sur le lien (sans le sélectionner) puis cliquez sur le bouton
Supprimer le lien :
. Il ressemble beaucoup au bouton Insérer un lien, mais les maillons sont séparés. Il
n'est actif que lorsque le curseur est sur un lien.
Insérer un lien hypertexte vers une page du site
Notez l'adresse exacte de la page affichée dans la barre d'adresse du navigateur. Sélectionnez le
texte (un ou plusieurs mots) que vous souhaitez transformer en lien, puis cliquez sur le bouton. Choisissez
le protocole Autres et copiez la dernière partie de l'adresse comme dans l'exemple ci-dessous :
Insérer un lien vers un document
Sélectionnez le texte que vous souhaitez transformer en lien, puis cliquez sur le bouton.
Cliquez sur le bouton Parcourir le serveur. Sélectionnez le répertoire contenant votre document, puis le
document à ouvrir.
file : le répertoire dans lequel est rangé le
document
classe1 : le sous-répertoire à l'intérieur de file dans
lequel est rangé le document
Nous verrons dans le chapitre suivant comment envoyer de nouveaux documents vers le serveur.
Insérer une ancre
Une ancre vous permettra de créer un lien à l'intérieur d'une page. Cette fonctionnalité est pratique
dans une page très longue car elle permet de créer comme un sommaire en haut de page en envoyant par
un clic le visiteur à la partie qui l'intéresse.
Positionnez le curseur à l'endroit où vous souhaitez envoyer votre lecteur puis
cliquez sur le bouton Ancre. Dans la fenêtre qui s'ouvre, donnez un nom à votre
ancre. Ce nom doit être significatif pour vous.
Sélectionnez le texte qui enverra vers l'ancre et cliquez sur le bouton Insérer un
lien hypertexte. Choisissez comme type de lien "Ancre sur cette page" et
sélectionnez l'ancre correspondante. Cliquez sur OK.
Insérer une image déjà sur le serveur
Une image, c'est le nom générique que l'on va donner à toute illustration : photo, dessin scanné, gif
animé... Elle doit avoir comme extension .jpg, ou .gif.
Placez le curseur là où vous souhaitez insérer l'image et cliquez sur le
bouton. Dans la fenêtre qui s'ouvre, cliquez sur "Parcourir le serveur".
En haut de la fenêtre, choisissez le répertoire contenant votre image :
img ou photo, cliquez sur le nom de l'image que vous souhaitez afficher.
Si vous avez créé de nouveaux répertoires, ouvrez le répertoire
contenant votre image en cliquant dessus, puis cliquez sur le nom de
l'image que vous souhaitez afficher.
La fenêtre d'insertion est actualisée, avec un aperçu de tout ou partie de
l'image en fonction de sa taille. Modifiez le texte de remplacement, s'il n'est
pas explicite (il sera affiché dans les navigateurs n'acceptant pas les images
ou lu dans les navigateurs avec synthèse vocale destinés aux mal-voyants).
Vous pouvez :
●
Modifier sa taille. Si le cadenas est fermé, largeur et hauteur seront
modifiées proportionnellement.
●
Rétablir la taille d'origine en cliquant sur la flèche en rond,
●
Lui attribuer une épaisseur de bordure (chiffre),
●
Spécifier les espacements par rapport au texte (chiffres),
●
Fixer un emplacement sur votre page (liste de choix dans Alignement),
Enfin cliquez sur OK.
Une fois revenu dans l'éditeur, vous pourrez également modifier la taille de l'image en cliquant sur une des
poignées de redimensionnement (plutôt une poignée d'angle si vous souhaitez conserver la proportionnalité
de votre image). Néanmoins, il est très préférable de définir en amont les dimensions des images, c'est à
dire de les préparer sur votre ordinateur avec une largeur maximum de 300 à 400 pixels et une résolution
de 72 dpi afin d'éviter un temps d'affichage trop long3.
Insérer une image depuis votre ordinateur :
Placez le curseur là où vous souhaitez insérer l'image et cliquez sur le bouton. Dans la fenêtre qui
s'ouvre, cliquez sur "Parcourir le serveur" et placez vous dans le répertoire dans lequel vous allez ranger
votre image. Si nécessaire, créez un répertoire en écrivant son nom (évitez les majuscules, les accents et
les caractères spéciaux) dans la case réservée en bas de la fenêtre, puis cliquez sur Créer.
Le nouveau répertoire est ajouté dans l'explorateur.
Cliquez sur le bouton Parcourir au-dessous de l'explorateur :
3 Pour apprendre à alléger le poids des images, contactez votre erip ou téléchargez le tutoriel Photofiltre
sur le site de la Boîte à Outice (Pédagogie 13)
Vous avez alors accès à l'explorateur de votre propre ordinateur.
Recherchez l'image que vous souhaitez utiliser, cliquez dessus pour la sélectionner puis cliquez sur le
bouton Ouvrir (ou double-cliquez sur le nom de l'image).
Le chemin vers l'image a été automatiquement écrit dans la fenêtre :
Cliquez sur le bouton Charger sur le site. Le nom de votre image s'affiche dans l'explorateur. Cliquez
dessus.
Insérer une animation flash
Pour insérer une animation (par exemple, les vidéos du site youtube sont au format flash), procédez
comme pour insérer une image. Rangez vos animations dans le dossier flash de votre site.
Les animations flash sont au format .swf. On les fabrique avec un logiciel spécifique, mais vous pouvez
convertir vos vidéos à ce format4 grâce à un logiciel de conversion.
Format
Ce bouton permet d'appliquer des formats prédéfinis à des paragraphes. Il suffit de
cliquer n'importe où à l'intérieur du paragraphe pour lui appliquer le format souhaité.
4 Pour convertir une vidéo au format flash, contactez votre erip.
Police
Très peu de polices sont proposées. C'est normal : ce sont les polices qui ont été
recensées comme présentes sur tous les ordinateurs. En effet, le navigateur de vos visiteurs "reconstruit"
vos pages avec les polices dont il dispose sur l'ordinateur des visiteurs. Si vous utilisiez une police
présente dans votre machine, mais pas dans la machine du visiteur, celle-ci utiliserait une de ses polices,
et votre mise en page serait perdue, voire illisible...
Si vous voulez vraiment utiliser une police spécifique (pour un titre, par exemple) intégrez-la dans une
image que vous fabriquerez.
Taille
De la même façon, vous ne pouvez pas fixer en points la taille de votre police. Chaque
ordinateur interprétera la taille proposée en fonction des préférences des utilisateurs.
Vous pouvez tester les options d'affichage en cliquant sur le menu Affichage puis sur Taille du texte dans
votre navigateur sur n'importe quel site
Envoyer un fichier sur le serveur
Pour déposer un document, un fichier, une image... de votre ordinateur dans votre Guppy,
cliquez sur l'icône Fichiers de la section Administration des données.
Choisissez le répertoire dans lequel vous allez envoyer le document :
●
file : pour les fichiers et les dossiers
●
flash : pour les animations flash
●
img : pour les images qui illustreront vos articles et vos nouvelles
●
photo : pour les photos que vous souhaitez afficher en diaporama
Il est conseillé de créer des sous-répertoires en écrivant leur nom (évitez les majuscules, les accents et les
caractères spéciaux) dans le champ prévu à cet effet et en cliquant sur le bouton Nouveau répertoire Cela
permettra de retrouver plus facilement vos documents. Ainsi, chaque rédacteur devrait avoir ses propres
répertoires (dans file, flash, img, photo) et même des sous-répertoires correspondant à ses pages.
Lorsque vous créez de nouveaux répertoires, ils sont ajoutés automatiquement à la liste de choix.
Dans la partie basse du gestionnaire, cliquez sur le bouton Parcourir.
Vous avez alors accès à l'explorateur de votre propre ordinateur.
Recherchez le fichier que vous souhaitez transférer, cliquez dessus pour le sélectionner puis cliquez sur le
bouton Ouvrir (ou double-cliquez sur le nom du fichier).
Le chemin vers le fichier est automatiquement écrit dans le champ.
Cliquez sur le bouton Charger sur le site.
Les fichiers téléchargés apparaissent dans le gestionnaire de fichiers5 :
Un clic sur le nom du fichier permet de le visualiser, un clic sur la croix rouge de le supprimer.
À partir de cet espace, vous pouvez donc transférer des fichiers de tous types depuis l'ordinateur sur lequel
vous travaillez vers vos dossiers de stockage. Vous pourrez donc y envoyer à l'avance les images dont
vous aurez besoin dans vos articles et simplifier d'autant leur saisie...
Vous pouvez envoyer tous types de fichiers sur le serveur, mais deux conditions sont à respecter :
5 Selon le poids du fichier, le transfert sera plus ou moins long.
●
Guppy doit pouvoir gérer leur format
●
vos visiteurs doivent avoir le logiciel correspondant pour les ouvrir et les lire.
Type de document
Extension
Géré par
Logiciel spécifique pour ouvrir le
Guppy
document
dossier compressé
.zip
Oui
Non
dossier compressé
.rar
Non
son ou musique
.wma, .wav, .mp3, etc...
Non
vidéo
.flv, ,mpeg, .wmv, etc...
Non
flash
.swf
Oui
Adobe Flash Reader (gratuit)
texte
.doc
Oui
Microsoft Word
texte
.docx
Oui
Microsoft Word 2007
texte
.odt
Oui
OpenOffice Writer (gratuit)
texte
.pdf
Oui
Adobe Acrobat Reader (gratuit)
image
.jpeg, .gif
Oui
Non
image
.bmp, .png, .tiff
Non

Guppy : le guide du rédacteur

Transcription

Documents pareils

Pour consulter le manuel d`utilisation d`une machine John Deere

Menu utilisateur

Bonjours à tous

FOOTJOY MyJoys - American Golf

VEGA PAIE

VEGA PAIE

Comment vÃ©rifier mon code de licence?

SAFC - Service associé de Franche-Comté

TELENOTES - TELESCOL