Admin CliCours
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.
