Utiliser FrontPage 2000 - guide pratique pour enseignants
Etape 3 : Donner un contenu à votre page d'accueil
Etape 4 : Créez et gérez des hyperliens
Avec FrontPage 2000, il devient facile de créer un site web seul ou en travail de groupe. En effet, FrontPage vous permet de créer la structure de votre site, d'y appliquer un thème grahique, d'organiser les fichiers et les dossiers. Vous pouvez importer et exporter des fichiers, tester et réparer les liens, et bien sûr concevoir et fixier le contenu de vos pages web.
Malgré sa puissance, cet outil se fait simple d'emploi et s'applique à ressembler à un traitement de texte. Les éléments que vous intégrez dans une page y apparaissent comme ils apparaîtraient dans un navigateur. Vous n'avez pas besoin d'apprendre le langage HTML, FrontPage 2000 génère le code pour vous.
Les premiers pas dans FrontPage 2000
La fenêtre FrontPage - les barres d'outils
Il est facile de s'orienter dans FrontPage 2000 dès lors que l'on connaît la place des fichiers et des dossiers et la technique de navigation. Lorsque vous ouvrez FrontPage pour la première fois, vous êtes face à l'affichage en mode Page. Les barres d'outils que vous voyez sont communes à tous les modes d'affichages de FrontPage. Il s'agit des barres Menu, Outils Standard, Format.
Créer un site Web
Un site Web est un document ou ensemble de documents qui peuvent être consultés sur un site Web. Il peut compter une ou plusieurs pages Web liées entre elles. Celles-ci sont des documents qui ont leur "indépendance", c'est à dire leur propre adresse Web. La page par laquelle les internautes sont invités à amorcer leur visite du site est appelée page d'accueil. Microsoft FrontPage 2000 propose différents modèles de pages ou de sites parmis lesquels vous pourrez trouver ce qui vous convient.
Commencer à construire un site Web
- En mode Page, cliquez la flèche à droite du bouton Nouveau,
et cliquez Web
- Dans l'onglet sites Web, cliquez Site Web vide puis OK
- Dans le menu Affichage, cliquer le bouton Affichages. Cliquez pour
ajouter une Page d'accueil
- Cliquez-droit l'icône Page d'accueil et cliquez Renommez.
Renommez-la en Page d'accueil du Lycée Jacques Prévert
- Pour ajouter cinq pages liées à votre pages d'accueil, cliquez-la
une première fois, puis cliquez cinq fois
- Renommez les nouvelles pages, par exemple en Agenda, Classes,
Activités sportives, Activités du foyer socio-éducatif et Liens
Faciliter la navigation
- Dans l'affichage en mode Navigation, double-cliquez la page Agenda
- Au menu Format, cliquez Bordures partagées
- Sélectionnez l'option Toutes les pages, puis cochez les
cases Haut, Gauche et Bas
- Cochez la case Inclure des boutons de navigation sous
l'option Gauche et cliquez OK
- Cliquez la zone de bordure partagée en haut (elle apparaît en
pointillés). Le texte apparaît sélectionné
- Dans le menu Insertion, cliquez Bannière de page
- Sélectionnez Image, vérifiez que "Agenda" est
indiqué dans la boite du Texte de la Bannière de page et cliquez OK
- Cliquez dans la bordure de gauche
- Au menu Insertion, cliquez Barre de navigation
- Sélectionnez les options Même niveau, Vertical, Texte et OK
- Cliquez dans la bordure du bas
- Au menu Insertion, cliquez Barre de navigation
- Sélectionnez les options Niveau le plus élevé, Horizontal, Texte
et OK
Votre site, quoique toujours en construction, dispose désormais d'une structure de navigation complète. Chaque page est identifiée et permet de naviguer facilement vers les autres pages du site.
Les affichages de FrontPage 2000
Une fois que vous avez créé la structure d'un site web, vous pouvez utiliser chacune des six modes d'affichage de FrontPage 2000 :
Affichage
Page
Affichage
Dossiers
Affichage
Rapports
Affichage
Navigation
Affichage
Hyperliens
Affichage
Tâches
L'affichage Page : éditer vos pages
L'écriture, la réalisation des pages Web se font en mode Page. Dans cet affichage, vous pouvez ajouter du contenu textuel ou pictural, ajouter des graphiques, des effets de transition, ou des éléments animés. Vous pouvez aussi appliquer des thèmes ou vérifier l'orthographe et la grammaire. Dans ce cadre, vous modifiez les pages comme vous modifieriez un document Word.
L'affichage Dossiers : Organiser votre site Web
Cette vue affiche l'organisation de votre site, des fichiers et dossiers qui le constituent. Vous pouvez, dans cet affichage, créer, supprimer, déplacer et copier des dossiers et fichiers. Un peu d'exercice :
Dans
l'affichage Dossiers (Barre d'outils Affichage - bouton Dossiers) vous pouvez
voir à gauche la liste de vos dossiers et à droite leur contenu.
Dans
la liste de gauche, cliquez Images
Dans
la liste de gauche, contemplez la liste de son contenu : il est vide. En effet,
nous n'avons pas encore créé d'images, donc il n'y a rien que nous aurions pu y
mettre.
L'affichage Rapports : Collecter de l'information sur votre site Web
Dans cet affichage, vous pouvez aisément trouver des informations telles que le nom, la taille, le type ; le nombre de liens et la date de modification des fichiers.
L'affichage Navigation : Entretenir votre site
L'affichage Navigation vous présente une vue de la structure de votre site Web. Vous pouvez créer, modifier cette structure, l'afficher mais aussi l'imprimer. Cliquer sur un signe + permet de développer une arborescence sous-jacente. Cliquer un - permet de l'escamoter.
L'affichage Hyperliens : Gérer vos liens
Dans l'affichage Hyperliens, vous pouvez voir les pages dans la fenêtre de gauche et les hyperliens à droite. Ceux-ci sont illustrés de façon graphique, qu'il s'agisse de liens entre vos pages ou fichiers ou vers des sites externes.
L'affichage Tâches : Surveiller l'exécution des tâches
Avec cet affichage, vous pouvez générer et suivre une liste de tâches : les créer, les assigner à une page spécifique, et suivre leur exécution. Il s'agit donc d'un outil de collaboration qui peut être précieux, en particulier si votre site est réalisé par plusieurs équipes qui se relaient sur un petit nombre d'ordinateurs, donc dans des circonstances où le travail des uns ne se déroule pas forcément sous les yeux des autres. Vous pouvez préciser à qui vous confiez l'exécution d'une tâche et rappeler en quelques mots de quoi il s'agit. Tant que la tâche n'aura pas été exécutée, elle apparaîtra pourvue d'un point rouge. Dès lors qu'elle aura été exécutée, elle sera marquée d'un point vert.
Donner un contenu à votre page d'accueil
Le contenu de votre page d'accueil est à la fois la première impression que donnera votre site, la clef de voûte de la navigation, et une vitrine sur le monde. Y intégrer les éléments que l'on souhaite avec précision et liberté est donc essentiel pour réaliser un site qui vous ressemble et qui fasse de l'effet.
L'environnement de votre page d'accueil : en-tête et bordures partagées
Lorsque vous êtes en affichage Page et que vous double-cliquez sur l'icône représentant votre page d'accueil, vous accédez à votre page qui, en l'état, comprend déjà un en-tête : il a été automatiquement ajouté lorsque vous avez appliqué un thème à votre site Web.
- Cliquez à droite de votre menu et tapez Entrée
- Au menu Insérer, cliquez Barre de navigation
- Dans la boite de dialogue des Propriétés, sélectionnez l'option
Niveau Enfant. Vous ajoutez ainsi des boutons liant à chacune des pages se
trouvant au niveau immédiatement inférieur à votre page d'accueil
- Dans la zone Orientation et apparence, sélectionnez les options
Horizontal et Boutons
Vous pouvez maintenant choisir de ne pas avoir de bordure partagée à gauche de votre page d'accueil, tout en la conservant dans le reste de votre site Web :
- Cliquez Format - Bordures partagées
- Dans la boite de dialogue, sélectionnez l'option Page actuelle et
supprimez l'option Gauche
- Cliquez OK
Le corps de la page
Cette partie de la page contient les informations substantielles que vous avez sélectionnées pour y être mises en valeur. Il peut bien sûr s'agir de texte mais aussi d'images ou d'extraits audio ou vidéo, et bien sûr de liens hypertexte.
Ajouter du texte est très simple : vous pouvez en entrer directement dans la page FrontPage 2000, coller un texte en provenance d'un traitement de texte comme Word 2000, ou encore importer du texte d'un fichier sans l'ouvrir. Le formatage du texte est très aisé et emploie les mêmes techniques que celles d'un traitement de texte moderne. Vous pouvez aussi inclure dans un texte des listes à puces ou numérotées, et des retraits de paragraphes.
Pour importer du texte d'un autre fichier, il vous faut choisir Importer - Fichier, choisir le type de fichier qui vous concerne dans la boite de dialogue, et cliquer Ouvrir.
Ajouter des images
- Cliquez à l'endroit où vous souhaitez intégrer l'image, cliquez le
bouton Centrer de la barre d'outils,
- Cliquez Insérer - Image - Clipart
- Dans la boite de dialogue de la Clip Gallery de Microsoft, sur
l'onglet Clip Art, choisissez académique et cliquez l'image représentant
une pile de livres
- Cliquez le bouton Insérer l'image
- Sur la page, sélectionnez l'image, saisissez le coin inférieur
droit de l'image et retaillez-la à votre convenance
Si vous diminuez la taille de l'image, utilisez le bouton Rééchantillonner de la barre d'outils Images. Vous créerez ainsi un fichier image plus petit en taille, et donc plus court à télécharger pour l'utilisateur.
Modifier le positionnement du texte autour de l'image.
- Cliquez sur l'image
- Cliquez Format - Position
- Dans la boite de dialogue, cliquez le style de positionnement du
texte qui vous convient
- Cliquez OK
Créer des hyperliens
Les hyperliens sont ce qui fait la spécificité du Web : ils permettent de lier les informations entre elles comme cela n'avait jamais été possible auparavant, et de naviguer d'un site à l'autre. La plupart des visiteurs de votre site y auront été conduits en suivant un lien hypertexte. Comme ils sont le moyen privilégié de circulation d'un site à un autre, d'une information à l'autre, ils sont véritablement la respiration du web. Il en ressort deux choses pour votre site : les liens hypertexte doivent permettre de mieux naviguer sur votre site, et surtout vous devez fournir aux visiteurs de votre site des liens vers l'extérieur, pour que votre web ne soit pas un cul-de-sac.
Lorsque vous créez un hyperlien dans l'affichage en mode page, FrontPage 2000 formate automatiquement le lien en bleu souligné.
Comprendre l'URL
On appelle URL (Uniform Resource Locator) les
adresses web, celles grâce auxquelles votre navigateur va chercher les pages
que vous visionnez. Elles contiennent des informations sur le protocole (mode
de communication que votre navigateur adoptera pour dialoguer avec les autres
ordinateurs du web), le serveur, le chemin et le nom du fichier.
Lien absolu, lien relatif
Les hyperliens peuvent être absolus ou relatifs.
Un
lien absolu donne l'adresse intégrale (toute l'URL), on s'en sert généralement
pour lier vers un site extérieur.
Un
lien relatif n'indique au navigateur que le chemin à parcourir depuis l'endroit
où il se trouve (la page en cours). Si le protocole ou le domaine manquent à
une URL, le navigateur utilise en effet le protocole et le domaine en cours. On
se sert donc de ces liens essentiellement pour lier vers une page du site où
l'on se trouve déjà.
Pour créer un lien sous FrontPage 2000, vous n'avez pas besoin de connaître la destination sous forme d'URL : vous pouvez naviguer vers la page ou le fichier qui vous intéresse. FrontPage 2000 crée par défaut des liens relatifs pour les adresses à l'intérieur de votre site, et des liens absolus pour les adresses extérieures. Si vous renommez ou déplacez un fichier, FrontPage met à jour tous les liens pointant vers ce fichier. La gestion de vos liens s'en trouve donc considérablement facilitée.
Créer un hyperlien
Vers l'intérieur de votre site
- Ouvrez votre site et mettez-vous en affichage Page. Double-cliquez
sur la page d'accueil
- Sélectionnez le titre d'une page web que vous aurez entré sur la
page
- Cliquez le bouton Hyperlien
- Choisissez la page correspondante dans la boîte de dialogue qui
s'ouvre alors et cliquez OK. Le texte devenu hyperlien se formate
automatiquement en bleu souligné
Vers l'extérieur de votre site
- Double-cliquez une page en affichage Page
- Entrez un texte qui vous servira d'hyperlien
- Cliquez le bouton Hyperlien
- Entrez l'URL de votre choix et cliquez OK, ou bien allez sur cette
page avec votre navigateur et appluyez sur Alt+Tab pour revenir vers
FrontPage. Le lien de la page cible vous est proposé dans la boîte de
dialogue.
Créer des hyperliens sur une image
- Cliquez sur l'image que vous venez d'insérer
- Sur la Barre d'outils, cliquez le bouton Hyperlien
- Dans la boite de dialogue, entrez l'URL du lien que vous souhaitez
créer
- Cliquez OK. L'image est devenue un hyperlien.
Gérer les liens de votre site web
Plus un site gagne en richesse d'information, plus les liens qui sont créés en tous sens deviennent difficiles à gérer. FrontPage 2000 vous propose donc une série d'outils pour réparer les liens cassés. On appelle lien cassé un lien dont l'URL de detination n'est plus pertinente, et qui donc ne mène à rien. L'utilisateur qui cliquerait sur ce lien se trouverai face à un message d'erreur.
Vérifier vos hyperliens
- Dans l'affichage en mode Rapports, cliquez le bouton Vérifier les
hyperliens sur la barre d'outils.
- Sélectionnez l'option Vérifier tous les hyperliens et cliquez
Démarrer
Pour vérifier tous les hyperliens, sauvegardez toutes les pages ouvertes.
Réparer les hyperliens
- Dans le menu affichage, cliquez rapports puis Hyperliens cassés
- Une liste des hyperliens cassés de votre site Web s'affiche. Si un
lien pointe vers un site extérieur, le statut de ce lien est indiqué comme
Inconnu
- Double-cliquez sur un hyperlien cassé
- Cliquez Edition de la page
- Si vous connaissez l'URL correcte du lien cassé, modifiez-la dans
la boîte de dialogue Remplacer l'hyperlien avec, ou bien
- Cliquez Parcourir pour localiser la page ou le fichier dans un site
web, le système de votre ordinateur ou le Web mondial
- Pour réparer du même coup toutes les occurrences de cet hyperlien
dans toutes les pages du site sur lequel vous travaillez, cliquez Changer
dans toutes les pages, ou bien
- Pour réparer les occurrences de ce lien dans des pages que vous
aurez sélectionnées, cliquez Changer dans les pages sélectionnées
Dernière
mise à jour le mardi 5 décembre 2000
- Cliquez Remplacer
Dernière
mise à jour le mardi 5 décembre 2000