Etape 1 – Créez les pages des cadres
Nous allons créer une page Web composée de trois cadres. Le premier, situé en haut de la page, va contenir le titre, le deuxième, placé à gauche, la barre de navigation dans le site et le troisième, la page principale, où vous pouvez lire toutes les informations.
1 – Dans FrontPage, ouvrez le site Web qui va accueillir vos pages. Pour cela, choisissez, dans le menu Fichier, l’option Ouvrir un site Web. Dans la fenêtre affichée, recherchez l’endroit où vous avez mémorisé le dossier représentant le site.
Pour notre exemple, l’emplacement du site est situé dans C:Mes documents. Cliquez sur le nom du dossier Mon site Web. Validez en cliquant sur le bouton Ouvrir.
Le logiciel affiche un nouveau volet représentant la liste des dossiers et des fichiers contenus dans le site Web.
2 – A droite du volet Liste des dossiers, une nouvelle page vierge est déjà présente. Sauvegardez-la en choisissant, dans le menu Fichier, l’option Enregistrer sous. Indiquez l’emplacement de la sauvegarde. Ici, restez à la racine de C:Mes documentsMon site Web. Dans la zone Nom du fichier, remplacez le nom du fichier actuel par celui que vous souhaitez, par exemple Titre. Cliquez ensuite sur le bouton Modifier, situé à droite de la zone Titre de la page, et tapez Titre dans la zone Titre de la page. Validez en cliquant sur les boutons OK et Enregistrer.
3 – Afin d’égayer votre page, vous pouvez appliquer une couleur de fond en choisissant, dans le menu Format, l’option Arrière-plan. Pour modifier la couleur, cliquez sur la flèche de la zone Arrière-plan.
Cliquez sur la couleur souhaitée. Si aucune ne vous convient, cliquez dans la liste sur Autres couleurs et recherchez la couleur souhaitée. Validez en cliquant sur le bouton OK.
Choisissez maintenant une couleur pour le texte en cliquant sur la flèche de la zone Texte. Attention ! si vous avez défini une couleur d’arrière-plan foncée, adoptez une couleur claire pour le texte et vice versa. Validez en cliquant sur le bouton OK.
4 – La page de titre est un bandeau contenant le titre du site et une image. Pour placer ces éléments, créez un tableau. Dans la première colonne, vous placerez l’image et dans la deuxième le titre. Choisissez, dans le menu Tableau, l’option Insérer, et cliquez sur Tableau. Dans la zone Lignes, tapez 1. Dans la zone Colonnes, tapez 2. Dans la zone Spécifiez la largeur, tapez 640 et cochez la case En pixels. Cliquez sur OK.
5 – Indiquez la taille de chaque cellule du tableau. Cliquez dans la première cellule, puis choisissez, dans le menu Tableau, l’option Propriétés, et cliquez sur Cellule. Cochez les cases Spécifier la largeur et En pixels et tapez dans cette zone 150. Cliquez sur OK. Refaites cette manipulation pour la deuxième cellule qui doit faire 490 en pixels.
6 – Pour insérer l’image, cliquez dans la première cellule.
Puis et sur le bouton ci-contre. Et sur Parcourir. Recherchez l’image souhaitée dans C:Mes documentsMon site Web. Sélectionnez-la et validez en cliquant sur le bouton Ouvrir.
7 – Cliquez dans la deuxième cellule et tapez le texte souhaité, par exemple Bienvenue sur mon site.
Une fois cette page terminée, enregistrez les modifications en cliquant sur le bouton disquette. Fermez-la en choisissant, dans le menu Fichier, l’option Fermer.
8 – Créez la deuxième page, celle qui va contenir le sommaire permettant de naviguer dans le site.
Cliquez donc sur le bouton ci-contre. Pour éviter de taper du texte trop long dans la largeur de la page, nous vous conseillons de taper les données dans un tableau qui fait une colonne et une ou plusieurs lignes selon le contenu souhaité. La largeur de la colonne est de 150 pixels.
Les données de cette page seront associées à un lien pour accéder à d’autres pages. Enregistrez cette page dans C:Mes documentsMon site Web et nommez-la Navigation.
9 – Créez la troisième page, qui est la page d’accueil de votre site. Ici, vous pouvez saisir de nombreuses informations. Enregistrez cette page dans C:Mes documentsMon site Web et nommez-la Accueil.
Etape 2 – Créez la page principale
Cette page va contenir les cadres. Pour vous aider dans cette création, le logiciel met à votre disposition un assistant vous proposant différents modèles de pages contenant des cadres.
1 – Fermez toutes les pages Web que vous venez de créer et laissez le site ouvert.
2 – Choisissez, dans le menu Fichier, l’option Nouveau. Dans le menu qui se déroule, cliquez sur Page.
3 – Dans la fenêtre affichée, les modèles de pages Web sont classés par thèmes, représentés dans des onglets. Cliquez sur l’onglet Cadres.
4 – Parmi tous les modèles, cliquez sur celui que vous souhaitez utiliser.
Lorsque vous cliquez sur le nom d’un modèle, un aperçu de la position des cadres dans la page apparaît en bas à droite de la fenêtre. Pour notre exemple, cliquez sur Bannière et sommaire. Validez en cliquant sur le bouton OK.
A droite de l’écran, apparaît une page divisée en trois cadres. Chaque cadre contient deux boutons :
– le premier, nommé Choisir la page initiale, permet d’insérer dans le cadre une page Web que vous avez créée auparavant. C’est cette méthode que nous allons utiliser ;
– le second, nommé Nouvelle page permet d’insérer une nouvelle page Web vierge dans le cadre et il ne reste plus qu’à la remplir. Si vous utilisez cette méthode, n’oubliez pas d’enregistrer la page contenue dans ce cadre, sinon vous risquez de perdre toutes les informations que vous venez de taper.
5 – D’abord, insérez la page contenant le titre. Pour cela, cliquez sur le bouton Choisir la page initiale dans le cadre du haut.
Dans C:Mes documentsMon site Web, recherchez la page Web souhaitée. Ici, cliquez sur Titre.hm. Validez en cliquant sur le bouton OK.
6 – Il est possible que la hauteur du cadre ne corresponde pas à la hauteur du tableau créé dans la page Titre, et donc la moitié de la page est masquée.
Vous pouvez agrandir la hauteur du cadre en plaçant le pointeur de la souris sur le trait horizontal séparant le cadre du haut des cadres du bas. Effectuez ensuite un cliquer-glisser vers le bas.
7 – En effectuant les manipulations expliquées dans les nos 5 et 6 de cette étape, insérez la page Navigation dans le cadre de gauche, et la page Accueil dans le cadre de droite.
8 – Enregistrez la page des cadres en choisissant, dans le menu Fichier, l’option Enregistrer sous. L’emplacement de la sauvegarde est C:Mes docu mentsMon site Web. Dans la zone Nom du fichier, tapez Defaut (évitez les accentuations sur les voyelles). Cliquez sur Enregistrer.
9 – Vous pouvez modifier le contenu des pages Titre, Navigation et Accueil tout en étant dans la page Defaut. Mais n’oubliez pas ensuite de cliquer sur le bouton afin de mémoriser ces modifications.
Etape 3 – Vérifiez le résultat
Le seul moyen pour vérifier si le résultat vous convient est d’ouvrir la page nommée Defaut dans votre navigateur Internet.
1 – Une fois que vous avez terminé la page principale, fermez le fichier en choisissant, dans le menu Fichier, loption Fermer.
2 – A partir du Bureau de Windows, recherchez la page principale en ouvrant les dossiers C:, Mes documents et Mon site Web.
3 – Effectuez un double-clic sur la page Web nommée Defaut.htm. La page apparaît avec les cadres.