Création de la deuxième page :
Cette deuxième page est consacrée à situer la Haute-Marne.
Dans cette page, nous verrons :
- Les tableaux
- Les liens
- Les images
Démarrez Claris (cf. leçon 5)
Sur le document vierge présenté par Claris, nous écrirons en guise de titre: "Où nous trouver ?" suivi de la touche "entrée". Mettez cette phrase sous la forme de Titre 2 depuis la fenêtre "normal" (voir leçon précédente) et centrez ce titre.
Ensuite, insertion d'une ligne horizontale "Insertion, Filet Horizontal" ou utilisez le bouton 15 (cf.: leçon précédente)
Maintenant passons au corps de la page.
Création d'un tableau
En HTML, la juxtaposition d'images et de texte se fait à l'aide de tableau pour cela nous allons créer un tableau de 2 colonnes sur 2 rangées, sans bordure (traits de tableau) visible.
Dans Claris, cliquez sur le bouton 16 ou faites "Insertion, Tableau". Dans la fenêtre qui s'ouvre, mettez 0 (zéro) dans contours, 2 dans Rangées et 2 dans Colonnes et validez par la croix en haut, à droite de cette fenêtre (bizarre, mais c'est ainsi lorsqu'il y a des petites croix).
Insertion d'images
Positionnez-vous dans la première cellule en haut à gauche et cliquez sur le bouton "image" (14). Dans la fenêtre qui s'ouvre, sélectionnez le dossier "Image", prenez "France.gif" et cliquez "ouvrir".
C'est fait, votre première image est insérée dans une page. Cliquez dans la cellule supérieure droite du tableau et insérez votre texte de présentation.
Ex :" Nous sommes sous le point rouge au centre du triangle Nancy, Troyes, Dijon.".
Positionnez-vous dans la cellule inférieure droite du tableau et c'est là que nous insérons notre deuxième image. On procède comme la fois précédente ou comme ici "Insertion, Image" et on choisit "hmarne.gif". Dans la cellule inférieure gauche, ajoutez un commentaire.
Ex : "Notre pays est largement desservi par les réseaux de transport terrestre."
Modification d'un tableau :
Un clic sur les bords du tableau le sélectionne, ensuite, si vous positionnez sur la séparation verticale de ce tableau, le curseur de la souris ce change en double flèches.
Vous pouvez alors choisir les largeurs des cellules de gauche et de droite du tableau. Un double clic sur le bord du tableau ouvre une fenêtre de paramétrage de ce tableau (équivalent au bouton 9). Dans le champ "largeur" de l'onglet "autres", vous pouvez choisir la largeur du tableau par rapport à votre page d'affichage. Exemple "80" défini un tableau sur 80% de la page de votre navigateur et validez (la croix en haut à droite de la fenêtre "tableau).
Puis centrez votre tableau dans la page avec le bouton (18).
NB: à l'avenir, si le besoin s'en fait sentir, vous devez savoir que vous pouvez fusionner plusieurs cellules dans un tableau. A ce moment là vous devrez consulter l'aide en ligne avec la touche F1 car ce sujet ne sera pas abordé dans cette simple présentation.
Mise en place d'un lien vers le menu principal :
Avant l'enregistrement, nous allons placer un lien qui ramène le visiteur au menu principal.
Positionnez-vous sous le tableau, écrivez "Retour au menu", sélectionnez ce texte, mettez le en italique et centré sur la page puis cliquez sur éditeur de lien (bouton 10). Cliquez sur "fichier", choisissez "index" dans le dossier "haute-marne" et cliquez sur "ouvrir".
Une adresse vient s'afficher dans la fenêtre de lien. Fermer cette fenêtre avec la petite croix, "x", située en haut à droite de celle-ci.
Il nous reste à mettre un fond et à enregistrer cette page.
Mettez le fond, (bouton 11, option de document, définissez l'image de fond avec "fond-cuir.gif" du dossier image), validez (cf. leçon précédente) et choisissez un titre "Où trouver la Haute-Marne".
Pour l'enregistrement, cliquez sur la disquette
"Enregistrer" (bouton 3), donnez le nom de fichier "h-m" et
validez. Ici le logiciel ne demande plus de titre, puisque
nous l'avons déjà mis dans "option de document".
Laissez Claris ouvert.
Pour visualisez votre travail, faites un double clic sur le fichier "h-m.htm" du dossier "Mes Documents, Internet, haute-marne" de l'Explorateur Windows.
Votre navigateur Internet devrait s'ouvrir et afficher votre page "h-m.htm"
Voici où vous en êtes (aux nuances de couleurs et de fond près):
Dans cette visualisation, la Haute-Marne est belle, ça on le savait (Pub) , mais je parlais du plan de la Haute-Marne et c'est celui-ci que nous allons améliorer.
Dans Claris, cliquez avec le bouton droit de la souris sur la carte de la Haute-Marne. Choisissez "Modifier la transparence/l'entrelacement", en déplaçant la souris sur la carte qui vient de s'ouvrir, une pipette apparaît. Cliquez avec le bouton gauche sur la couleur orange et fermez cette fenêtre en validant l'enregistrement proposé.
Retournez sur votre navigateur Internet et "actualisez"
l'affichage. 
avec IE ou 
avec NS
Notre pays est plus beau ainsi !!! il semble flotter sur le fond de cuir. C'est un avantage des fichiers GIF et uniquement de ceux-ci, une couleur parmi les 256 possibles peut être transparente.
Si vous cliquez sur "Retour au menu" situé en bas de votre page, vous revenez à la page d'accueil. Mais à l'accueil, il n'y a encore pas de lien créé, nous le ferons plus tard.
En attendant la prochaine fois, essayez de modifier votre tableau, vos mises en forme de texte etc. et visualiser les résultats.
