Accueil PalmAttitude.org
6
5
4
ressources Forums
Association
 
Le site pour la technologie au collège

Que fait-on en Quatrieme? / Production d'un service
       

Mise en place de la structure du site

Avant même de commencer à écrire quoi que ce soit, tu vas mettre en place l'ossature du site dans ton répertoire personnel.

Etape 1

  • A l'aide de l'explorateur de Windows (Windows 98) ou de l'explorateur du poste de travail (Windows 2000 & XP), crée un répertoire portant le nom de votre projet dans le repertoire Poste_prof/Classes/Quatrieme/4xx.
  • Dans ce répertoire, crée un sous-répertoire " Images "uis un autre au nom de "Docs".

Ton répertoire personnel se présentera donc comme celui de ci dessus.


Etape 2

Tu vas maintenant créer les quatre pages de ton site.

  • Démarre le logiciel NVU.

La fenêtre de NVU ressemble très fort à une fenêtre de logiciel de traitement de texte. On y voit :

  • une barre de menus
  • plusieurs barres d'outils
  • des onglets de navigation de pages
  • une zone d'édition
  • ...

Interface NVU

Dans le logiciel NVU, tu vas enregistrer la page vierge qui est présentée.

Enregistrer une page vierge ? Grands dieux ! Mon maître est devenu ouf !

Pas du tout. Bien lucide, au contraire. Lors de la construction d'un site web, un point essentiel est de penser à la structure de celui-ci. C'est ce que nous avons fait en présentant d'abord le plan d'ensemble.
Les pages vierges sont, en quelque sorte, les fondations sur lesquelles nous allons construire.

Lors du premier enregistrement d'une page avec NVU, il faut fournir deux informations :

1. Le titre de la page : c'est la mention qui apparaîtra dans la barre de titre de la fenêtre du navigateur. Le titre de la page que tu lis actuellement est présenté sur l'illustration ci-dessous.

Titre de la page

2. Le nom du fichier dans lequel la page va être enregistrée.

  • Dans le menu Fichier sélectionne la commande Enregistrer sous...
  • Indique le titre de la page " Mon premier site web ", dans la boîte de dialogue qui apparaît.

Titre de la page

  • Clique sur le bouton OK.

La boîte de dialogue d'enregistrement de fichier apparaît.

  • Recherche ton répertoire  Mon Projet . Il ne contient, pour l'instant, que les sous-répertoires " images " et  "Docs".
  • Comme dans la copie d'écran ci-dessus, indique le nom index.html pour la page d'accueil à la place du nom par défaut " Mon premier site web " .

 

index.html ! Personnellement, je ne trouve pas cela très poétique. Pourquoi pas "ma jolie page web.html" ?

Parce que la page d'accueil d'un site web doit obligatoirement être nommée " index " ou " default ". C'est, en tous les cas, la page qui est envoyée lorsque l'on ne précise pas d'adresse dans le navigateur.

Tu vas maintenant créer et enregistrer trois autres pages vides.

  • Clique sur le bouton de la barre d'outils.

Une page vierge s'ouvre dans un nouvel onglet. Cette page est actuellement sans titre...


  • Enregistre cette page près de la précédente.
    • Son titre est: " Mon chanteur préféré ",
    • le nom de fichier est " chanteur.html "
  • Ensuite, et en utilisant la même méthode, enregistre au même endroit deux autres pages vierges :
    • loisirs.html (titre : " Mes loisirs préférés ") et
    • chinois.html (titre: " Mon portrait chinois ").

Structure du site web

La structure générale de ton site web est maintenant créée. Elle contient les répertoires images et docs et les quatre fichiers HTML vides.

Tu complèteras ces quatre pages dans la suite de la leçon.

Quand tu as fini, montre ton travail au professeur.



Quand tu as visualisé les différentes pages et bien compris ce que l'on attend de toi, passe à la page suivante