Formation Site Web Animation Pédagogique Ecoles de Remiremont La Maix

Présentation au sujet: "Formation Site Web Animation Pédagogique Ecoles de Remiremont La Maix"— Transcription de la présentation:

1 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

2 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

3 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 4

5 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

6 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

7 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

8 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 …

9 Zone accessible: skin, boîtes:

10 Zone experte: on entre dans des configurations fines :

11 Zone accessible Gestion des plugins: expert

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

13 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

14 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

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

16 16 16 16

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

18 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

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

20 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