Formation Site Web Animation Pédagogique Ecoles de Remiremont La Maix   Animation Pédagogique Ecoles de Remiremont La Maix et St Nabord Breuchottes 1 1 1

Programme de la formation Mercredi n°1 1- Explication du fonctionnement: global 2- Des exemples Mercredi n°2 5- Architecture du site 6- Bilan en commun 3- Fonctionnement d’un guppy 4- Essais de réalisations 7- Mise en place du site de l’école 8- Travail en petits groupes 2 2 2

1-Fonctionnement d’un site web: Comment ça marche ? Connexion Wifi Hébergement Ordinateur Perso Box, accès Internet Connexion Fil Relai Wifi 3 3 3

4 4 4

Comment accéder au site? Faire un site: En local En ligne Cf lien Son hébergeur: Où stocker notre site? Son adresse internet: Comment accéder au site? Faire un site: En local En ligne Les techniques: Le code pour les experts Des logiciels : Dreamweaver, Kompozer, ... Guppy and co Les règles et les droits 5

2- Les sites : Formation Atice sur les sites Ecole du bout du monde Le site A Tic et Tac Le site Essai sur les sites Le site Essai Ecole Un site en Htlm Ecole de la Maix Les écoles des Circos 6 6

Une application en ligne, de n’importe où… 3- Le guppy: comment ça marche? Une application en ligne, de n’importe où… Différents niveaux d’administration: Du plus simple ... Créer des catégories Créer des boîtes Créer des articles Insérer des images Insérer des liens … 7 7

Au plus complexe: - télécharger et installer une skin - modifier la skin: l’aspect général - modifier l’entête (photofiltre) - modifier le menu icônes - modifier la page accueil - modifier l’affichage des boîtes - ajouter des plugins - configuration générale - utiliser Filezilla pour transférer des fichiers - utiliser photofiltre pour travailler les images - Insérer un diaporama …

Zone accessible: skin, boîtes:

Zone experte: on entre dans des configurations fines :

Zone accessible Gestion des plugins: expert

Quelques sites Guppy: Des sites d'aide Des sites pour essayer Des forums ...

4- Essais et réalisations: - Choix d’un thème à travailler Ou compléter la fiche AIDES : Site aide Formationatice.perso.sfr.fr - Les sites des Circonscriptions

5- Architecture du site: Quelques choix à faire: Activation du forum, blog, livre d’or, faq, …? Autorisation des inscriptions? Des parties privées? Les parties téléchargement, liens, photos, …? Les zones sondage, devinettes, calendrier, visites, lettre d’information, webmaster, techniques, présentation, …? La page d’accueil: l’éditorial, les nouvelles, …? 14 14 14

Quelle architecture: Le titre L'image La page d'accueil Les menus de gauche Les menus de droite Les options ...

16 16 16

6- Bilan en commun: Les difficultés Les astuces Les plugins Les sites d’aide 17 17

7- Mise en place du site d’école: Demande d’hébergement Mise en place du Guppy (Filezilla) Mise en place de l’architecture Mise en place des données figées Travail sur les différentes parties Travail en classe 18 18

8- Travail en petits groupes: Création des menus Création d’articles 19 19

le lien 9- Un questionnaire en ligne: Utilisation d'un questionnaire en ligne (dans le cadre du CAFIPEMF) pour analyser les pratiques pédagogiques. le lien 20 20 20