1  Introduction
2  Notions préliminaires
3  La structure d’un site Web scolaire
4  Un peu de vocabulaire
Les applications
La page Web (vue dans un navigateur)
Petit lexique du webmestre
5  Aide-mémoire
6  Démarrage d’un site Web
7  Création du répertoire racine
8  Configuration de NVU
Configuration du site local
Configuration du site distant
9  L’espace de travail : les outils, la mise en forme et l’affichage
10  Description de la fenêtre de travail
11  La barre d’outils de composition
12  La barre de mise en forme
13  L’affichage des pages
14  Les modes d’affichage
Le mode Normal
Le mode Balises HTML
Le mode Source
Le mode Aperçu
15  La construction d’une page Web
16  Création d’une nouvelle page
17  Titre de la page et nom de fichier
18  Saisie et mise en forme du texte
19  Insertion d’une image
Onglet Emplacement
Onglet Dimensions
Onglet Apparence
Onglet Liens
20  Insertion d’une barre horizontale (filet)
21  Fond de page et couleur des liens
22  Insertion et édition d’un tableau
Création du tableau
Modification de la taille des cellules du tableau
Ajout et suppression de rangées et de colonnes
Fond de cellule et fond de tableau
Contenu des cellules
Fusion de cellules
Mise en page à l’aide de tableaux
23  Création d’hyperliens
Lien à partir d’une image vers une page ou un site Web
Lien à partir d’un texte vers une page ou un site Web
Création d’une ancre
Lien vers une ancre de la même page
Lien vers une ancre d’une autre page
24  Prévisualisation dans le navigateur
25  Utilisation de modèles
26  Transfert vers le site distant (serveur Web)
27  Bibliographie et références
NVU sur la toile
Tutoriels NVU
Cyberduck
Images
Manuel

1. Introduction

NVU, éditeur gratuit de page Web du projet Mozilla, s’adresse aussi bien au débutant qu’au plus  confirmé.
Un éditeur de pages Web comme NVU se présente sous la forme d’un simple traitement de texte  avec toutes ses fonctions, sauf qu’ici, elles sont orientées vers la publication de pages pour  Internet.
On parle alors d’éditeur en mode WYSIWYG, c’est-à-dire que vous créezà l’écran ce que vous  faites et ce que vous avez fait sera ce qui sera vu par les autres. Nul besoin de connaître  parfaitement le langage HTML ; il vous suffit de connaître les bases de la création d’un site Web et mettre votre site en ligne.
Ce document a été rédigé pour aider les enseignants et les enseignantes à réaliser un site Web  pour leur classe ou leur école. En outre, ils sont invités, une fois qu’ils seront initiés, à passer les  armes à leurs élèves!

2. Notions préliminaires

2.1. La structure d’un site Web scolaire
Généralement, la création d’un site Web est précédée d’une étape de planification qui détermine  les éléments suivants : le nombre de pages, le contenu de chaque page et les liens associant les  pages entre elles. Une bonne planification et le regroupement des pages et ressources dans des répertoires distincts à l’intérieur du site faciliteront la gestion de votre site.
2.3. Aide-mémoire
Ces quelques trucs vous permettront de réaliser votre site Web sans anicroche et de le gérer  facilement. Gardez-les en mémoire… ou collez-les sur votre écran d’ordinateur!

• N’utilisez jamais les accents
• Évitez les noms de plus de huit lettres
• Évitez les espaces dans les noms de répertoires; ils seront traduits par %20
• Utilisez plutôt le tiret cadratin ( _ )
• Regroupez vos images dans un dossier à part
• Utilisez des polices de caractères standards (Arial, Times, Courrier, Verdana)

3. Démarrage d’un site Web

3.1. Création du répertoire racine
Pour démarrer votre site Web, vous devez tout d’abord créer le dossier racine du site. Vous  pouvez le nommer du nom de votre école, sans accent ni espace. Prenons l’exemple qui vous  permettra de vous pratiquer, mon_ecole.
Je vous suggère créer le répertoire sur le bureau de votre ordinateur, afin d’éviter la création de  liens relatifs (pour éviter que les liens créés le soient à partir de votre disque local).
À l’intérieur de ce répertoire, créez un dossier nommé images. Si vous avez déjà en votre   possession des photos (format jpeg) ou illustrations (format gif) qui serviront à votre projet, vous  pouvez les y déposer.
3.2. Configuration de NVU
Maintenant que votre dossier racine est créé, voici comment configurer NVU afin qu’il reconnaisse  votre site.
S’il n’est pas affiché, faites apparaître le gestionnaire de sites, par le menu Affichage.
Vous allez maintenant configurer, pour commencer, un site local(sur votre ordinateur) et ensuite un site distant.