Index cours Racines et Fleurs

Un site web élémentaire avec NVU

< 1 2 [ 3 ] 4 5 6 7 8 9 10 11 12
13 14 15 16 17 18 >
Index du cours Plan de la leçon Objectifs @#~!%£!! Recherche

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.

Coche la case correspondant à chaque action quand tu as terminé cette action. Cela te servira d'aide mémoire.

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 "Mon site web" dans ton répertoire personnel.
  • Répertoires du site webDans ce répertoire, crée un sous-répertoire "images".

Ton répertoire personnel se présentera donc comme celui de "Dominique Dupont", élèves de "7G" et qui est illustré ci-contre.


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

Certains éléments sont déjà bien connus (barre de menu, barres d'outils,...). Nous apprendrons à utiliser les autres progressivement.

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.

  • Fichier > Enregistrer sous...

Immédiatement, une boîte de dialogue apparaît ; elle nous demande d'indiquer un titre pour la page.
Le titre est bien la mention qui apparaît en haut de la fenêtre, dans la barre de titre, comme ci-dessus.

Titre de la page

  • Indique la mention " Mon premier site web " puis clique sur le bouton OK..

Titre de la page

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

  • Recherche ton répertoire " Mon site web ".

  • Comme dans la copie d'écran ci-dessus, indique le nom index.html pour la page d'accueil.
  • Ensuite, et en utilisant le même méthode, enregistre au même endroit trois autres pages vierges: chanteur.html, loisirs.html et chinois.html.
  • Les noms des fichiers ne doivent jamais comporter : des espace, des caractères accentués

Quand tu as fini, montre ton travail au professeur.

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


Quand les quatre fichiers sont enregistrés, passe à la page suivante


Dernière modification 07/03/2005
Ecrire