CREATION D'UN SITE WEB ECOLE

PROJET DE CREATION D’UN SITE WEB D’ECOLE

Retour à la

            page

pédagogique

1)  Projet de classe

-  Communiquer, s’ouvrir aux autres.

-  Publier nos travaux scolaires.

-  Gérer un site Web de classe : illustrer, animer, mettre à jour des pages.

2) Compétences à développer dans le domaine des TICE

-  Savoir sélectionner les informations utiles et les organiser logiquement.

-  Choisir, classer et présenter des documents numériques.

-  Utiliser (dans les grandes lignes) un logiciel de création de sites (Notepad++).

-  Utiliser un logiciel de dessin et de retouche d’image (Adobe Photoshop).

-  Utiliser un scanner et un appareil photo numérique.

3) Compétences à développer dans le domaine de la maîtrise de la langue

-  Rechercher, trier des documents (textes, images… ).

-  Déterminer le contenu d’un document (Qui lira ce texte, dans quel but ? Quelles sont les informations qui peuvent intéresser le lecteur ?…) -  Rédiger des légendes (photos, cartes… ).

-  Produire différents types de textes : descriptifs, narratifs, prescriptifs, informatifs, poétiques…et travailler sur les liens hypertextes.

-  Travailler sur la mise en page et la présentation des documents : réalisation des maquettes des pages (emplacement des cadres, disposition des différents éléments, choix des couleurs du fond, choix de la police, de la taille et de la couleur des caractères).

4) Déroulement (plusieurs séances par étape)

Etape 1 : Le plan général

-                     Présentation du projet : qu’est-ce qu’un site ; à quoi ça sert ; pourquoi en créer un à Charols ?

-                     Visite de sites d’école pour avoir des idées de rubriques, de présentations, noter ce qui nous plaît et ce que nous trouvons moins intéressant.

-                     Définition du plan général du site en choisissant collectivement les grandes rubriques qui y figureront : le village, l’école, nos productions d’écrits (albums, poésies, journal intercommunal), le sport, nos sorties, des jeux.

-                     Une fois les grandes rubriques décidées, choix  collectif des sous-rubriques qui en découleront.

Exemple : une grande rubrique est choisie : Le Village.

A partir de cette page, nous décidons qu’il y aura une page qui racontera l’Histoire du village, une autre parlera du Pont sur le Roubion, une troisième de La Motte, etc…

Ce travail peut s’affiner par la suite, de nouvelles idées naissant… l’essentiel (la structure) est fait.

- Etablissement d’une première maquette du site en matérialisant les liens entre les rubriques par des fils de laine.

                  Travail collectif réalisé à partir de grandes feuilles de carton représentant les pages principales du futur site. Les enfants représentent par des fils de laine les liens hypertextes qui permettront au visiteur de naviguer à l’intérieur du site (liens des grandes rubriques entres elles, liens internes de ces rubriques vers leurs sous-rubriques).

                  De cette étape découle toute la confection du site à proprement parler. Elle permet la visualisation de l’arborescence du site (cf. 5_Aspects techniques)Les enfants doivent anticiper sur le travail fini, se mettre à la place du destinataire (quels besoins de navigation, quels problèmes peuvent se présenter).

Etape 2 : Choix graphique ; la page d’accueil

-  Définition du contenu de la page d’accueil et choix d’une présentation. Après une recherche collective du contenu (titres des rubriques, logo, photos…), les enfants travaillent par groupe à la présentation et à la mise en page afin de produire une maquette de la page.

Cette maquette est constituée d’une grande feuille sur laquelle on définit les différents éléments qui constitueront la page.

Chaque groupe présente son travail et la classe choisit la maquette qui lui plaît, ou en produit une nouvelle, collectivement, à partir des différentes remarques.

-  Retour sur des sites d’écoles pour comparer leurs pages d’accueil, et deuxième écriture.

Etape 3 : Le village

-  Travail sur la page concernant le village.

Par groupe les enfants cherchent ce qu’il serait intéressant de dire à propos du village (situation géographique, nombre d’habitants, curiosités, économie, tourisme, histoire, vie politique…) et de quelle manière le dire (interview, description, narration, texte informatif, photo légendée, carte, dessin…) et la classe arrête ses choix.

-  Les enfants se répartissent les thèmes à aborder (sous-rubriques) et commencent, par petits groupes, le travail de recherche de documents et de production, au brouillon, des textes et de la mise en page.

Chaque groupe est entièrement responsable de sa page, tant sur le point de vue du contenu que de la présentation. et du choix des liens.

N.B. : Afin d’alimenter la recherche, l’enseignant et les enfants ont apporté :

-  divers documents permettant une recherche historique (la motte de Charols et les mottes féodales en général, l’église, le mur des fusillés) fournis, entre autres, par des habitants du village.

-  des documents pour la situation géographique (carte de la Drôme, renseignements et photos sur le Roubion).

-  des documents sur les activités touristiques (prospectus donnés par la mairie ou envoyés par les Offices du Tourisme de Montélimar et de Die).

-  des documents sur la faune et la flore de notre région (prospectus envoyés par l’Office Nationale des Forêts et l’Office Nationale de la Chasse).

En fonction des besoins, travailler en collectif sur la façon de préparer une interview, le texte informatif, la légende de documents...

-  Mise en page sur papier avec rédaction des textes définitifs (2^ème jet) et positionnement des documents.

(Ce travail, suivi d’une mise en commun critique, peut être suivi d’un 3^ème jet, ou plus, en fonction des remarques des camarades.)

Exemple d'une page en cours d'élaboration :

La Motte

( Le ville / La Motte )

-  Mise en page et saisie des textes avec le logiciel de création de site.

(Au fur et à mesure de l’avancement de chaque groupe, le maître explique, en ateliers, comment saisir des textes et placer des illustrations avec Dreamweaver.

Les pages, définies en collectif, ont été créées à l’avance et sont prêtes à recevoir la saisie.)

-  Présentation à la classe des pages terminées. Des ajouts et des retouches pourront être effectués, tout au long de l’année, selon les informations ou les illustrations nouvelles qui nous parviendraient. Une production informatique est évolutive.

Etape 4 : L’école (travail similaire)

-  Travail sur la page présentant l’école.

Choisir collectivement ce qu’il est important de dire sur notre école ( organisation pédagogique et spatiale, lien avec la Mairie, BCD, fresques, rubrique  nos réalisations  où l’on explique comment ont été faits les bacs à fleurs et les fresques…).




Retour à l'étape

-  Les enfants se répartissent les thèmes à aborder (sous-rubriques). Production des textes de chaque groupe et choix des documents numériques (photos, plan, dessins).

Exemple d'une page en cours d'élaboration :

Notre organisation

(L'école / Notre organisation)

N.B. : Les enfants sont chargés d’imaginer et de réaliser, lors de séances d’Arts Plastiques, les illustrations dont ils pourraient avoir besoin pour leur page.

S’ils ont besoin de photos numériques, ils doivent les définir à l’avance, et les prises de vues demandées par chaque groupe sont réalisées lors d’une sortie.

Ils prennent eux-mêmes les mesures dont ils ont besoin et les réinvestissent lors d'activités mathématiques (mesures de longueurs, calculs de périmètres, d'aires, de volumes... Savezvous combien d'eau pourrait contenir notre cour si nous la transformions en piscine ? Nous, oui ! )

               

-  Mises  en commun, critiques et réécritures.

-  Mise en page et saisie du texte.

Etape 5 : Les autre rubriques

-  Les autres rubriques sont complétées en fonction des projets de classe et actualisées régulièrement.

En tant qu’espace de communication de nos activités, elles sont amenées à s’étoffer au cours du temps

-  Nos albums  : mise en ligne quelques productions des 2 classes (voir les projets d’écriture correspondants sur la page pédagogique)  .

-  Sport  : écriture par les enfants de règles du jeu tirées de certains sports que nous pratiquons.

Reportages sur nos cross, nos rencontres inter-écoles d’athlétisme ou de sports collectifs.

-  Jeux , Poésies  : à compléter au fur et à mesure des productions.

Retour à la page

-  Nos sorties  : reportage sur nos sorties de fin d’année, nos classe pédagogiques  de découverte et les spectacles que nous allons voir..

Tout au long de la création de notre site, nous allons chercher sur internet, au gré des besoins, les animations, gifs et illustrations que vous pouvez rencontrer ça et là.

5)  Aspects techniques

Pour exemple, voici brièvement l'organisation du site que vous êtes en train de visiter.

Arborescence de notre site :

Dossiers :

Il est très important de créer, avant la saisie des documents, les dossiers dans lesquels vont être placés les textes, les pages, les images, les photos, les animations, les sons (le cas échéant)...

 

           

Voici, ci-dessus, nos différentes pages (rubriques et sous-rubriques). Les photos, images, animations...qui les composent sont classées dans les dossiers correspondants.

Une autre présentation possible de nos dossiers :

Si, vous aussi, vous décidez de créer un site web avec vos élèves, n'oubliez pas de nous envoyer l'adresse ainsi que vos remarques ou vos conseils.