Pas à pas vers votre site d'école
Le canevas présent est issu du site web de l'école Paul Cézanne de Rabat. Pour plus d'information sur le projet, sa conception et la participation des enseignants et élèves, lisez le projet Cézanne.
Téléchargez le fichier canevas.zip - 150ko
Créez un nouveau dossier 'site' et dézippez le fichier canevas.zip dans ce dossier. Gardez dans ce dossier uniquement les fichiers nécessaires pour votre site.
(Conseil : créez un deuxième dossier 'sources' qui contiendra les originaux de vos images, textes et autres documents de votre site. Il est utile d'y créer un sous-dossier 'anciennes' pour garder une trace des anciennes pages avant de modifier un fichier)
Le premier fichier d'un site s'appelle
toujours 'index.htm'.
Le canevas utilise des 'cadres' qui partagent l'espace de l'écran en
plusieurs parties. Dans chaque cadre s'affiche un fichier spécifique.
Le fichier index contient le jeu de cadres, c'est-à-dire il définit
la disposition des différents cadres et spécifie le fichier à
afficher pour chaque cadre. Avantages
et inconvénients des cadres
Dans le canevas, le fichier index est composé de trois cadres horizontaux. Le premier (Boutons.htm de 30 pixel) est statique et affiche les liens de base du site. Le deuxième (Logo.htm 80 pixel) identifie le site et permet au visiteur de revenir à tout moment à la page d'entrée du site. (Ce deuxième cadre peut aussi évoluer en fonction du lien sélectionné - pour des raisons de complexité, je traite ce point dans un deuxième temps)
Le troisième cadre qui occupe le reste de l'espace disponible affiche par défaut le fichier LaUne.htm. Il sera remplacé par un autre fichier (ou jeu de cadres) en fonction du lien sélectionné sur la page d'entrée ou dans la barre des boutons.Tous les boutons pointent vers un deuxième jeu de cadre (...-page.htm) qui partage le cadre du bas en deux parties. Sur la gauche, un cadre pour le menu de la sélection (...-menu.htm de 25%) et sur la droite un cadre qui affiche en premier le fichier ...-prem.htm qui fait office de page d'entrée. Ce fichier sera remplacé en fonction du lien sélectionné dans le menu.
Ouvrez le fichier 'LaUne.htm' avec
votre éditeur
de pages htm et modifiez le contenu de cette page. Lors que vous modifiez
l'intitulé d'un lien, veillez à ne pas modifier le nom du fichier
attaché. (Si vous perdez un lien, utilisez le schéma
pour retrouver le nom du fichier attaché et rétablissez
le lien)
Modifiez ensuite les fichiers dans les dossiers (par exemple : dans le dossier Administration se trouvent les fichiers contact.htm (pour les adresses), temps.htm (pour l'horaire et les vacances), infogene.htm (pour les informations générales, règlement intérieur) etc.)
Modifiez les fichiers ...-page.htm
dans leurs dossiers respectifs (Act-page.htm, Adm-page.htm, Actupage.htm, Claspage.htm
et Ele-page.htm) Le
fichier ...-menu.htm contient les liens vers les fichiers du dossier, ...-prem.htm
résume les fichiers du dossier. Ces pages d'entrée
peuvent afficher des dessins d'enfants réalisés autour d'un concours
de dessin pour le site.
(Si votre éditeur ne supporte pas les cadres, vous devez modifier ...-menu.htm
et ...-prem.htm séparément.)
En tout, le canevas contient 26 pages à modifier. Certaines (page des liens, page des profs) sont déjà remplies.
Liste de tous les fichiers du site :
| Nom du fichier | Jeu de cadres | Proposition de contenu |
| Boutons.htm | index.htm | Liens vers tous les dossiers du site - toujours visible |
| Logo.htm | index.htm | Lien retour à la Une, identification de l'école |
| LaUne.htm (1) | index.htm | Fichier d'entrée sur le site, descriptif et liens vers tous les dossiers du site, liens vers les fichiers récents |
| /Administration/Adm-menu.htm | Administration/Adm-page.htm | Menu du dossier Administration |
| /Administration/Adm-prem.htm | Administration/Adm-page.htm | Page d'entrée de l'Administration (actuellement non utilisé) |
| /Administration/Contact.htm (2) ! | Administration/Adm-page.htm | Adresses et plan d'accès de l'école (actuellement page d'entrée d'Adm.) |
| /Administration/temps.htm (3) ! | Administration/Adm-page.htm | Emploi du temps et vacances |
| /Administration/Infogene.htm (4) | Administration/Adm-page.htm | Règlement intérieur et informations générales |
| /Administration/Inscription.htm (5) | Administration/Adm-page.htm | Formalités d'inscription, tarifs etc |
| /Administration/statistiques.htm (6) | Administration/Adm-page.htm | Répartition des classes |
| /Administartion/annexe.htm (7) | Administration/Adm-page.htm | Informations annexes; cantine, assurance scolaire, garderie |
| /Administartion/conseil.htm (8) | Administration/Adm-page.htm | Conseil d'école |
| /Presentation/Pre-menu.htm | /Presentation/Pre-page.htm | Menu du dossier Présentation |
| /Presentation/Pre-prem.htm (9) | /Presentation/Pre-page.htm | Page d'entrée du dossier Présentation, plan de l'école |
| /Presentation/Lieux/Lieux.htm (10) | /Presentation/Pre-page.htm | Photos de l'école |
| /Presentation/Effectifs/Enseignants.htm (11) | /Presentation/Pre-page.htm | Photos des enseignants et du personnel de l'école |
| /Presentation/Rabat.htm (12) | /Presentation/Pre-page.htm | Page sur la ville ou le quartier |
| /Presentation/PaulCezanne.htm (13) | /Presentation/Pre-page.htm | Page sur le personnage qui donne son nom à votre école |
| /Classes/Clasmenu.htm | /Classes/Claspage.htm | Menu du dossier Classes |
| /Classes/Clasprem.htm (14) | /Classes/Claspage.htm | Page d'entrée des classes (résumé des pages réalisées) |
| /Classes/MSA/MSA.htm* | /Classes/Claspage.htm | Première page de la classe MSA |
| /Classes/MSA/MSAphoto.htm* | /Classes/Claspage.htm | Page pour la photo de classe |
| /Classes/MSA/MSAtravail.htm* | /Classes/Claspage.htm | Page pour le travail collectif effectué en classe |
| /Activites/Act-menu.htm | /Activites/Act-page.htm | Menu du dossier Activités scolaires et extra-scolaires |
| /Activites/Act-prem.htm (15) | /Activites/Act-page.htm | Page d'entrée des Activités |
| /Activites/Chorale/Chorale.htm (16) | /Activites/Act-page.htm | Page pour la chorale de l'école |
| /Activites/Usep/USEP.htm (17) | /Activites/Act-page.htm | Page pour les activités de l'USEP à l'école |
| /Activites/Correspondance/correspondance.htm (18) | /Activites/Act-page.htm | Page pour les correspondances avec d'autres écoles |
| /Activites/Partenariat/partenariat.htm (19) | /Activites/Act-page.htm | Page pour les activités du partenariat |
| /Activites/Informatique/informatique.htm (20) | /Activites/Act-page.htm | Page pour l'atelier informatique |
| /Actualite/Actumenu.htm | Actualite/Actupage.htm | Menu du dossier Actualité |
| /Actualite/Actuprem.htm (21) | Actualite/Actupage.htm | Page résumant tous les fichiers récents de l'école |
| /Recree/Ele-menu.htm | Recree/Ele-page.htm | Menu du dossier des élèves |
| /Recree/Ele-prem.htm (22) | Recree/Ele-page.htm | Page d'entrée du dossier Récréation (dessins) |
| /Recree/Betise.htm (23) | Recree/Ele-page.htm | Page pour le bêtisier |
| /Recree/Jeux.htm (24) | Recree/Ele-page.htm | Page pour jeux et charades |
| /Recree/Carnaval/index.htm (25) | Recree/Ele-page.htm | Page un pour les photos du carnaval de l'école |
| /Recree/Carnaval/carnaval2.htm (26) | Recree/Ele-page.htm | Page deux pour les photos du carnaval de l'école |
| /Professeurs/Page des profs.htm (aménagée) | - | Page pour les enseignants de l'école |
| /Liens/Liens.htm (aménagée) | - | Page des liens vers d'autres sites |
* Le dossier MSA avec ses
trois pages est un dossier type à recopier pour chaque classe. De cette
manière, les élèves peuvent créer des pages dans
ce mini-site et faire des essaies sans toucher aux autres fichiers du site.
Comment
participer à la vie du site ?
Testez en local votre site sous Internet Explorer et Netscape Navigator
Téléchargez tous les dossiers et fichiers vers le serveur en utilisant un logiciel ftp.
Vérifiez le bon fonctionnement de votre site en ligne.