Cours autotutoral : Créer des pages WEB facilement.

(Partie I ; se poursuit avec le cours Gérer un site WEB facilement

Note : ce cours a été développé pour la formation continue des maîtres du secondaire au CPTIC avec C.Oïhénart, et inclut de nombreuses idées de B.Gisin, B.Class et plusieurs participants.

Principe de cet exercice :

Exercice guidé il n'est fourni que par le WEB, par souci de cohérence entre les moyens employés et la matière enseignée.

Il peut bien sûr être imprimé, de même que tous les documents fournis par les nombreux liens inclus. Aucune documentation papier n'est fournie autrement, que chacun se sente libre d'imprimer ce qu'il juge nécessaire. Nous pensons que cela mène en fait à moins de gaspillage de papier.

L'excellent cours de C. Oïhénart, synthétique et complet est disponible ici, il nous servira de référence. (Sans doute le meilleur cours Home Page sur le web pour imprimer et comme référence)!

Index

1. Comprendre
2. Créer une page simple contenant du texte, une structure et une mise en forme simple.
3. Ajouter dans votre page quelques images et un tableau,. créer une deuxième page.
4. Ajouter à votre page quelques liens à l'intérieur du document, vers votre deuxième page, et vers d'autres sites.
5. Quelques ressources pour progresser.
6. Suite du cours

Comprendre :

Comprendre ce qu'est HTML.

Dans Netscape, choisir une page simple (celle-ci par exemple) activer le menu : View /Page source.

Ne pas s'affoler.

Référence sur le cours Oïhénart:

• Introduction

Une page simple :

Prenez le texte du document (ici un document ClarisWorks ou word) de départ,:

• Via le WEB : Tout le dossier des documents documents de départ Mac, (clic droit pour PC)
  Clarisworks (Pour PC compressé ZIP) et word6

Copiez tout le texte, le collez-le dans Home Page MAC (PC) (On pourrait aussi Exporter depuis l'application, mais les filtres de conversion font presque tous un travail lamentable et surtout impossible à modifier après).

Ajoutez un titre.

Ajoutez des sous-titres.

Mettez quelques éléments en gras, en italique.

Créez une liste numérotée (par exemple une Table des matières au début), observez la différence entre les modes :

1. édition et
2. prévisualisation

Donnez le Titre de la page (Options du document, onglet paramètres).

C'est ce nom-là qui apparaîtra dans la barre de titre de Netscape. (Tout en haut de la fenêtre)

Sauvez votre page.

Dans les préférences de Home page on règle les valeurs par défaut.

Ouvrez-la avec Netscape (bouton prévisualiser avec le navigateur) . Observez l'effet, notez les éventuelles différences.

Sauvez votre document dans un dossier réservé à votre site, avec un nom qui soit tout de suite compatible avec les serveurs possibles.

Quelques consignes de nommage).

Vous devriez avoir quelque chose dans le genre de ceci (Page 1 version 1).

Référence sur le cours Oïhénart:

• Les bases de Home Page
• Mise en page du texte

Images :

Ouvrez le document avec les images copiez-en une.

Ouvrez votre document réalisé auparavant (en Clarisworks ou Word) collez l'image dans Home Page.

Définissez les propriétés de l'image

(voir Comment introduire des images dans votre page WEB)

Il y a une bibliothèque d'images nombreuses fournie avec Home Page : Menu File, Bibliothèques, Ouvrir... Ouvrir bibliothèque.

Crééz un dossier images dans votre dossier de site pour les y ranger.

N'oubliez pas de cliquer le bouton regrouper pour copier près de votre document HTML le(s) éventuels fichiers image issu(s) de bibliothèque(s). Choisissez l'option dossier multimédia nommé comme ci-dessus images.