Avant de se lancer dans la création
d'un site Web, il est bon de savoir à quoi l'on s'engage
et de planifier l'action... Cette fiche pratique vous donne un aperçu
des différentes tâches à réaliser avant
de voir le résultat en ligne. La liste des tâches et
leur organisation vous sont données à titre d'exemple
et sont bien sûr à adapter en fonction de votre classe
et de la durée des séances.
Dans cet exemple de planning, l'organisation
est prévue pour des séances de 2 ou 3 heures.
|
Etape
|
Thème
|
Sous-thèmes
et sujets de recherche/mise en place
|
|
|
Navigation sur le Web |
Période de navigation-observation-inspiration : ce
qui existe sur le Net
Acquisition des notions de base (navigation, bannières…)
|
|
2
|
Conception générale du
site
|
|
|
3
|
Organisation du contenu |
Brainstorming sur le thème, découpage en sous-thèmes
Découpage en fonctions, attribution des responsabilités
|
|
4
|
Charte graphique
|
Allure générale du site : sérieux, léger,
pédagogique, utilitaire…
Elaboration de la charte : photos ? dessins ? vidéos
? logos ?
Liste des ressources nécessaires (textes, images, photos,
sons, vidéos…) |
|
5
|
Réflexion sur
le contenu
|
Réflexion et rédaction concernant chaque sous-thème
|
|
6
|
Elaboration/recherche
des images
|
Navigation sur le Web pour rechercher des images
Sortie avec appareil photo numérique, si possible
|
|
7
|
Formation Front Page
niveau débutant
|
Mini site (réel) de 4 pages avec liens hypertextes
sur un mot ou une image |
|
8
|
Charte de navigation
|
Bannière, bouton de navigation
Plan du site |
|
9
|
Rédaction du
contenu
|
Réflexion et rédaction concernant chaque sous-thème
(suite) |
|
10
|
Modification des images
|
Utilisation de Paint (Microsoft) ou Photoshop (Jasc software)
ou autre |
|
11
|
Formation Front Page
niveau moyen
|
Amélioration du site : tableau, réception
de message, compteur
|
|
12
|
Scannerisation ou récupération
des photos
|
Insertion des images et photos dans le site |
|
13
|
Choix des sons/musiques
|
Insertion des sons/musiques dans le site
Téléchargement d'un logiciel de gestion de Wav
Elaboration de sons/musiques adéquats |
|
14
|
Formation HTML
|
Structure d'un programme HTML, introduction aux balises
Simplification du code HTML
|
|
15
|
Formation Front Page
: niveau avancé
|
Réponses (ou recherche de solution) aux problèmes
spécifiques du site de la classe |
|
16
|
Création de gifs
animés/vidéos
|
Téléchargement d'un programme de création
de gifs animés/vidéos
Formation rapide
Elaboration de gifs animés/vidéos en rapport
avec le site |
|
17
|
Mise au point finale
|
Contrôle final des textes, images, photos, sons, vidéos…
Intervention éventuelle de personnes extérieures
|
|
18
|
Hébergement et
transfert
|
Consultation des conditions d'hébergement
Téléchargement d'un programme de transfert,
transfert du site
|
|
19
|
Référencement
|
Préparation des informations nécessaires (cf.
fiche "Référencement")
Référencement sur des moteurs de recherche
Référencement à l'aide d'un meta-référenceur
|
| 20 |
Tests
|
Contrôle du site : recherche à l'aide d'un
moteur, classement dans le référencement,
temps de téléchargement, syntaxe, navigation…
|
© CyberEcoles, 2000.
