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


