FrontPage: Création des pages web et de la structure du site

Lorsque nous avons les pages de notre site, FrontPage nous a donnés une page portant le nom de index.htm et les autres aux noms par défaut nouvellepage2(3,4,5).

La page index est la page qui s'ouvre en premier quand on visite un site, on l'applle donc la page d'accueil.

Tout site doit avoir une page index.

Renommez maintenant les autres pages en cliquant du bouton droit sur chacune de ces pages et en choisissant l'option Renommer.


Entrez les noms suivants :

apropos : pour la page qui va afficher vos informations persnnelles.

contact : pour la page qui va permettre aux visiteurs de vous communiquer.

imagesfleurs : cette page va afficher les images des fleurs en grandes dimensions.

ATTENTION

Ne modifiez pas l'extension .htm qui signifie que le type de page sur laquelle on travaille est une page web.

Pour renommer ces pages utilisez seulement les miniscules et évitez d'utiliser les accents, l'appostrophe, la virgule, l'espace ...

En ce qui concerne la dernière page, renommez- la en modele.dwt.

Oui en modifiant cette fois l'extensio .htm en .dwt : Dynamic Web Template (Modèle web dynamique)

Cette page sert comme modèle qu'on va appliquer sur toutes les autres pages.

Les pages de votre site auront donc le même look, mais leurs contenus changent.

STRUCTURE DU SITE

Passez maintenant en mode Navigation.



Vous voyez un objet qui représente la page d'accueil index.

A partir de cet objet vous allez construire une structure de votre site, c'est à dire vous allez définir les relations entre les pages créées.

Dans notre exemple, nous avons une page d'accueil et 3 pages en relation avec elle.

Alors nous aurons 2 niveaux pour cette structure :

1. Un niveau Parent : c'est la page index


2. Un niveau Enfant : qui contient les 3 pages.

Faites glisser les pages une par une vers l'objet index.

PROCEDURE :

1. Cliquez sur la page apropos et maintenez le bouton de la souris appuyée puis glisser vers l'objet index.
2. Vous voyez simultanément le résultat que vous obtiendrez.
3. Relâchez le bouton, vous avez créer une branche de l'objet index.

Répétez les mêmes étapes por les pages contact et imagesfleurs.

Renommez les objets obtenus aux noms des pages créées.

L'IMPORTANCE DE LA STRUCTURE

Cette structure va nous faciliter la création d'une barre de navigation qui permettra aux visiteurs de se déplacer facilement sur votre site .