Livret d'utilisation de l'extranet du lycée – C.F.A. du Mené.

SommaireLivret d'utilisation de l'extranet du lycée – C.F.A. du MenéExtranet – Blog.....................................................................................................................................1

1- Accès............................................................................................................................................12- Gestion du blog............................................................................................................................3

2.1- Écrire ou modifier un article................................................................................................32.1.1- Gérer les catégories......................................................................................................32.1.2- Écrire un nouvel article................................................................................................42.1.3- Gérer les commentaires................................................................................................7

2.2- Gérer les liens du site...........................................................................................................82.2.1- Gérer les catégories......................................................................................................82.2.2- Gérer les liens...............................................................................................................9

2.3- Gérer les images avec NextGen.........................................................................................102.3.1- Préparer les images avant de les « uploadés » sur le blog.........................................102.3.2- Préparer le blog pour la gestion des images...............................................................132.3.3- Vérifier sur le blog le fonctionnement de la nouvelle galerie....................................16

Extranet – Blog

1- AccèsPour accéder au blog rendez-vous à l'adresse suivante :http://www.lyceecfadumene.fr puis cliquer sur le lien « blogs » à gauche ou aller directement à l'adresse http://www.blogs.lyceecfadumene.fr .

Vous êtes maintenant sur la page d'accueil de votre blog.

Page 1/16

Cliquer sur votre blog.

Pour accéder à l'interface d'administration :Compléter l'URL de votre blog avec avec wp-login.php, comme sur l'image ci-dessous et taper sur entrée.

Vous êtes maintenant connectés à l'interface (tableau de bord) de votre site

Le blog ci-dessus s 'appelle « Le blog des cours d'informatique ». L'espace disque dont il dispose est de 300 Mo. Les blogs élèvent disposent de 100 Mo.

Page 2/16

Saisir votre identifiant et votre mot de passe. Valider en cliquant sur « Connexion »

Si votre navigateur vous le demande, répondez que vous ne souhaitez pas enregistrer votre mot de passe.

2- Gestion du blog

2.1- Écrire ou modifier un article

2.1.1- Gérer les catégoriesPour gérer les catégories cliquer sur « Catégories » dans le menu « Articles ».

L'utilisation des catégories vous permet de ranger vos messages par thème (exemples de catégories : Travail, Vacances, Lycée etc...)Les visiteurs de votre site pourront ensuite faire des recherches par catégories dans vos articles.

1- Donner un nom à la catégorie que vous souhaitez créer2- Choisir la catégorie mère (par exemple pour créer la sous catégorie « Traitement de texte » dans la catégorie « Bureautique »)3- Ajouter la catégorie4- Modifier les catégories existantes en cliquant sur leur nom.

Page 3/16

Menu « Articles »

1

2

3

4

2.1.2- Écrire un nouvel articlePour créer un nouvel article, clique sur « Ajouter » ou « Modifier »dans le menu « Articles ».

Page 4/16

Il est possible de gérer les catégories à partir d'ici aussi.

Il est possible d'autoriser ou d'interdire les commentaires sur l'article en cours de création.

Contenu de l'article.

L'écriture de l'article est facilitée par l'utilisation de l'éditeur visuel.

1- Taper ici le titre de l'article2- Saisir le contenu de l'article3- Mettre en forme le texte de l'article à l'aide des d'outils de l'onglet « visuel ».

4- Créer un lien hypertext :– Taper le texte du lien– Surligner le texte et cliquer sur la première icône

(la seconde sert à supprimer un lien déjà créé)– Dans la fenêtre qui s'ouvre :

5- Ajouter un média dans l'article :Cela permet d'afficher une image dans l'article ou de mettre un fichier en téléchargement (par exemple au format PDF)Après avoir cliquer sur l'icône la fenêtre ci-dessous s'ouvre.

Page 5/16

1

2

3

4

Saisir l'URL du lien (attention à ne pas oublié le http://Choisir d'ouvrir le lien dans une nouvelle fenêtre.Faire Insérer.

5

Page 6/16

Cliquer sur « Sélectionner » pour parcourir votre ordinateur à la recherche du fichier à insérer dans l'article.

Mettre un titre et une description au fichier

Cliquer sur « URL du fichier » pour insérer un lien vers le fichier dans l'article.

2.1.3- Gérer les commentairesLes visiteurs du blog peuvent laisser des commentaires. Vous devez modérer ces messages afin de supprimer ceux que vous jugerez indésirables.

Lorsque qu'un commentaire est posté sur le blog, vous recevez un message dans votre boîte mail :

Page 7/16

Le lien vers le fichier est inséré dans l'article.

Cliquer ici pour enregistrer ou mettre à jour (lors d'une modification) l'article

Choisir la ou les catégories de l'article.

Cliquer sur le dernier lien pour accéder à l'interface de gestion des commentaires.

Vour retrouvez cette interface en vous connectant sur votre blog et en allant ensuite dans la partie « Commentaires » du menu « Articles ».

Saisir votre mot de passe et votre identifiant pour accéder à l'interface d'administration de votre blog.

Il vous reste à déterminer quoi faire des commentaires en attente de modération :– Approuver– Indésirable (permet de créer une liste noire des personnes qui ne peuvent plus poster)– Supprimer

Une fois un commentaire approuvé, il est mis en ligne automatiquement :

2.2- Gérer les liens du site

2.2.1- Gérer les catégoriesPour gérer les catégories cliquer sur « Catégories des liens » dans le menu « Liens ».

1- Saisir le nom de la catégorie de liens2- Cliquer sur « Ajouter une catégorie »3- Cliquer sur la catégorie pour la modifier.

Page 8/16

Menu « Liens »

1

2

3

2.2.2- Gérer les liensPour gérer les liens cliquer sur « Modifier » ou « Ajouter » dans le menu « Liens ».

1- Entrer le nom du site2- Entrer l'URL du site3- Choisir la catégorie du lien4- Choisir la cible (c'est à dire comment la fenêtre du lien va s'ouvrir lorsque les visiteurs cliqueront dessus) – Par défaut, choisir « _blank ».

Page 9/16

1

2

3

4

2.3- Gérer les images avec NextGenNextGen est un module additionnel de Wordpress qui permet de gérer des galeries d'images.

2.3.1- Préparer les images avant de les « uploadés » sur le blog1- Redimensionner les images afin de limiter la place qu'elles prendront sur votre espace. Petit rappel, vous disposez de 100 Mo pour votre blog.

Pour visualiser les propriétés des images que vous souhaitez utiliser, ouvrir le logiciel Xnview et afficher les photos comme ci-dessous. (On peut aussi utiliser Paint.NET ou The Gimp. L'avantage de Xnview, c'est qu'il peut traiter plusieurs images d'un seul coup.)

Les trois dernières images ont des dimensions (2016x1512 px, 16 millions de couleurs) et des poids (770,35 ko, 793,70 ko et 877,21 ko) trop importantes pour être incorporer au blog directement. Il faut les redimensionner.

Page 10/16

Page 11/16

1- Sélectionner les images à redimensionner puis faire clic droit « Convertir »

2- Choisir la cible du redimensionnement :- Renommer (garde l'original et créé une copie redimensionnée)- Remplacer (supprime l'original et le remplace par la copie redimensionnée)- Choisir le format : jpg

Les images sélectionnées apparaîssent ici

Dans l'onglet « Transformations »

Dans l'onglet « Général »

1

2

3

3- Choisir la transformation :- Cliquer sur redimensionner- Cliquer sur « Ajouter »- Choisir la largeur et cliquer sur « Garder les proportions » et sur « Respecter l'orientation inverser »- Cliquer sur « Lancer »

2- Préparer une archive zip contenant les images que vous souhaitez ajouter à une galerie du site.

Page 12/16

- Faire un clic droit sur le dossier à compresser- Choisir « 7-Zip » puis « Ajouter à Matériels.zip »

- le logiciel crée l'archive (il existe d'autres logiciels pour faire ce travail : Izarc, Winrar, Winzip...)

L'archive contenant les images retravaillées est prête à être transférée sur votre blog.

2.3.2- Préparer le blog pour la gestion des images

Page 13/16

Add Gallery /Images :

Ici j'ai créé une galerie appelée « Info & Mutlimédia au Lycée ».

Un message vous indique que tout c'est bien déroulé.

Page 14/16

Saisir le nom de la galerie dans laquelle vous souhaitez insérer vos images. (ne rien faire si la galerie existe déjà).Cliquer sur « Add gallery » pour enregistrer la nouvelle galerie.

Cliquer sur « Parcourir » pour récupérer l'archive Zip que vous avez créé.

Choisir la galerie dans laquelle vous voulez insérer les images.

1

2

3

Cliquer sur « Start upload »

Manage Gallery :

Cliquer sur la galerie que vous souhaitez paramétrée.

1- Cliquer sur Add page, pour créer une nouvelle page sur le blog sur laquelle les images seront présentées à vos visiteurs.

2- Remplir les descriptions de la galerie et des images

3- Cliquer sur « Save Changes » pour sauvegarder vos réglages.

Page 15/16

Interface pour envoyer les images une par une.

13 2

2.3.3- Vérifier sur le blog le fonctionnement de la nouvelle galerie

Page 16/16

Si tout c'est bien déroulé, une nouvelle galerie est disponible dans le menu galerie.Un clic sur l'image ouvre la page de la galerie.