FrontPage: la bannière, la barre de navigation

Dans la 1ère ligne vous allez insérer une image Bannière, c'est-à-dire une image qui représente le titre de votre site. Elle doit avoir ces dimensions par exemple 800 de largeur sur 200 de hauteur.
Cliquez donc avec le bouton droit sur la cellule et choisissez Propriétés de la cellule.
Spécifiez la hauteur en 200 px.
Puis cliquez sur Parcourir pour sélectionner votre image.

Par exemple, moi j'ai ajouté ici une image Fleur.jpg

BARRE DE NAVIGATION

La barre de navigation permet au visiteur de se déplacer sur les pages de votre site.
Elle lui fournit des textes qui portent les noms des pages avec des liens en dessous.
La création de cette barre se fera en se basant sur la structure créée précédemment.
Rappelez vous la structure de votre site:

Alors, en revenant à notre tableau, la ligne n°2 contiendra cette barre, cliquez donc sur Composant web dans le menu Insertion.
Sélectionnez Barre de liens, et dans la zone Type de barres cliquez sur Barre basée sur la structure de navigation.
Faites suivant pour choisir un style de barre.
L'étape suivante vous demande de sélectionner une orientation pour la barre.
Dans la 2ème fenêtre qui s'ouvre cochez la case Page d'accueil et l'option pages enfants

Voila donc la barre est créée.
Passez maintenant à la ligne n°4, vous allez y insérer une autre barre de navigation, mais cette fois d'une façon différente.
Ecrivez les noms de pages de votre site comme suit :
Accueil – Fleurs – A propos – Fleurs
Effectuez une mise en forme pour ces textes, par exemple choisissez la taille 10 pour la police.
- La tâche que vous allez faire maintenant, c'est de créer des liens à vos pages à partir de ces textes:
Sélectionnez donc le mot Accueil puis cliquez en dessus avec le bouton droit et sélectionnez Lien hypertexte.
Sélectionnez la page index.htm et cliquez sur OK.

Alors quand le visiteur clique sur Accueil, la page index va s'afficher devant lui.
Répétez cette opération pour les autres pages.

LA ZONE MODIFIABLE

Bien, donc, tout ce que vous avez fait jusqu'à présent sera cloné sur toute les pages du site.
Cependant, vous voulez laisser un espace qui contiendra un contenu d'une page différent de ce que va contenir l'autre page..
en effet le contenu de la page d'accueil n'est pas le même de la page Apropos ou contact ou Fleurs…
Positionnez-vous donc dans la 3ème ligne et cliquez sur la 1ère cellule avec le bouton droit.
Cliquez sur l'option Gérer les zones modifiables

Entrez un nom de votre choix pour cette zone et cliquez sur Ajouter.

Vous aurez cet affichage

Répétez la même procédure pour la 2ème cellule avec un autre nom pour la zone.

L'ATTACHEMENT

Vous allez dans cette étape cloner votre travail sur les pages de votre site.
Sélectionnez donc ces 4 pages :
Maintenez la touche Ctrl appuyée puis cliquez sur le nom de chaque page.
Dans le menu Format cliquez sur Modèle web dynamique puis sur Attacher un modèle web dynamique.
Sélectionnez modele.dwt et cliquez sur Ouvrir.
Le message qui s'affiche vous indique que l'opération a réussit.

Ouvrez donc chaque page et voyez si c'est bien fait.

L'APERCU DANS LE NAVIGATEUR

Vous pouvez tester votre travail dans un navigateur
Pour ce faire, ouvrez par exemple la page d'accueil
Cliquez dans la barre d'outils sur Aperçu dans un navigateur.

Testez le fonctionnement des liens entre les pages.