sommaire - académie d'aix-marseille · 2010-05-06 · bouton enregistrer, '...

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

' - ' ?Quest ce qu une nouvelle ......................................................................................................................7 Écrire une nouvelle....................................................................................................................................7

Modifier une nouvelle................................................................................................................................9 Les articles............................................................................................................................10

' - ' Quest 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' - ' ?Quest ce que c est ................................................................................................................................16

Gestion de la FAQ....................................................................................................................................16 'Livre dOr...............................................................................................................................16

Agenda..................................................................................................................................17 Ajouter un événement..............................................................................................................................17 Modifier un événement.............................................................................................................................17

Un site clés en main avec Guppy / page 1 sur 26ERIP 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ésentat ion 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

' ' 7La barre d adresse d Internet Explorer

... . 4 , Vous voilà chez vous mais seule la structure est en place Elle se compose de 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

● 1 ( : instit mot de passe 1instit ) : ( ,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

' ' ( ) .Cest 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 nest 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 dutilisateur 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 , ' 1. -défaut et autorisés à administrer le site c est à dire webmaster ou instit 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 1instit ' comme nom dutilisateur et 1instit .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 1instit 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

. , 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


.Cette illustration ne reprend que la section qui nous intéresse

Du contenu pour vot re s i te

Les nouvelles

' - ' ?Quest 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é

5 ' . ' Seules les 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 Cest 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 Noubliez 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

' - ' Quest 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

1 : Catégorie Présentation

1 : Article Contact et plan

2 : Article Horaires et vacances

3 : Article Visite virtuelle

4 : Article Histoire de notre école

2 : Catégorie Personnels

1 : Article Les enseignants

2 : Article Le personnel municipal

3 : Catégorie Partenaires

1 : Article Éducation Nationale

2 : Article Mairie

3 : . 'Article Assoc Parents dÉlèves

4 : Article OCCE

4 : Catégorie Textes

1 : Article Textes officiels

2 : Article Règlement intérieur

2ème - : boîte articles Les classes

1 : Catégorie CP

1 : Article Fournitures scolaires

2 : Article Règlement de la classe

3 : Article Piscine

2 : 1Catégorie CE

1 : Article Sortie au musée

3 : 2Catégorie CE

1 : Article Créations poétiques

2 : ' Article Cahier d EPS en ligne

4 : 1Catégorie CM

1 : Article Liste de fournitures

2 : Article Les volcans

3 : Article Les grandes inventions

' : Article Les batraciens

5 : 2Catégorie CM

1 : Article Classe verte

2 : Article Visite du collège

3 : Article 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 Cest 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 01, 02...classement en faisant précéder le nom de la catégorie par

● : ' ' ' :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 ' ' 01, 02...l ordre de classement en faisant précéder le titre de l article par

● ' ' ' : 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 ' ( 5). affichés à la suite de l article concerné par groupes de 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

' . Cest 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 dorigine 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

2007, . . Word donc évitez de proposer des documents textes au format docx Préférez . , . ' ( ) le doc correspondant aux versions antérieures ou mieux le odt dOpenOffice 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

Validez vos modifications en cliquant sur sur le bouton Exécuter les actions sélectionnées.

!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

Validez vos modifications en cliquant sur sur le bouton Exécuter les actions sélectionnées.

( )FAQ Foire Aux Questions

' - ' ?Quest 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 fonct ions à connaî t re 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 3ème 'barre d outils

Nouvelle page Mettre la sélection en Gras - Styles pré définis pour la

sélection

Aperçu avant impression Mettre la sélection en Italiques Formats de paragraphe

-pré définis

Voir le code source de la page

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 Affichage pleine page

( )mode bascule

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


1ère 'barre d outils 2ème 'barre d outils 3ème 'barre d outils

Annuler la dernière modification

Aligner le texte à droite

Répéter la dernière modification

Aligner le texte à gauche et à droite

Rechercher dans le document

Modifier la couleur des caractères de la sélection

Remplacer Modifier la couleur du fond de la

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 séparatrice

Insérer une image

'À 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 dOpenOffice du bloc notes et l intégrer

' ( ,dans votre document en perdant toute la mise en forme d origine couleurs , ...). ' ( + ) tailles polices Noubliez 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

1 : - ' classe 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 à 300 400 dire de les préparer sur votre ordinateur avec une largeur maximum de à pixels et une résolution

72 ' ' de 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

Guppy

Logiciel spécifique pour ouvrir le document

dossier compressé .zip Oui Non

dossier compressé .rar Non

son ou musique . , . , . 3, ...wma wav mp etc Non

vidéo . , , , . , ...flv mpeg wmv etc Non

flash .swf Oui ( )Adobe Flash Reader gratuit

texte .doc Oui Microsoft Word

texte .docx Oui 2007Microsoft Word

texte .odt Oui ( )OpenOffice Writer gratuit

texte .pdf Oui ( )Adobe Acrobat Reader gratuit

image . , .jpeg gif Oui Non

image . , . , .bmp png tiff Non


sommaire - académie d'aix-marseille · 2010-05-06 · bouton enregistrer, '...

Documents