FrontPage 98 est un éditeur de texte HTML, pour préparer des

Transcription

FrontPage 98 est un éditeur de texte HTML, pour préparer des
Aide–mémoire :
FrontPage 98 est un éditeur de texte HTML, pour préparer des pages Web. Il est facile à
utiliser, puisqu'il suffit de taper le texte voulu et d'y ajouter des images, des tableaux, des liens
hypertextes...
FrontPage permet aussi la gestion des fichiers, la vérification des liens hypertexte et la
modification du code source en langage HTML.
A. QU’EST-CE QU’UN SITE WORLD WIDE WEB
Le World Wide Web (également connu sous les noms de W3, Web et WWW) est un
ensemble de documents multimédias reliés entre eux par des liens hypertexte permettant de
passer d'un document à un autre, généralement d'un clic de la souris. Si cette définition vous
paraît compliquée, c'est probablement parce que j'ai utilisé plusieurs termes que vous ne
connaissez pas : documents, multimédias et liens hypertexte. Permettez- moi de définir ces
termes afin que tout soit plus clair.
Commençons par le mot clé: document. Un document est simplement un texte et/ou
une image et son environnement, par exemple: un rapport. Les documents sont souvent
imprimés sur du papier. Vous avez sans doute créé des centaines de documents sur papier: des
résumés de livres à l'école; des lettres de remerciement à des parents éloignés et généreux; et
peut-être des copies d'examens. Vous avez écrit ces documents sur du papier, mais si vous les
aviez produits sur un ordinateur et affichés sur un écran, ces informations auraient toujours été
des documents. Vous savez maintenant ce que je veux dire par document.
Le terme multimédia fait allusion à la possibilité de lier un document créé sur
ordinateur à toutes sortes d'objets. Vous pouvez placer des images dans un document, par
exemple. Vous pouvez aussi placer des sons dans des documents (un document World Wide
Web publié par le bureau du Président des États-Unis joue une mélodie dont le titre
prometteur est «Socks the cat's meow» ), Tout objet qu'un ordinateur peut créer, afficher ou
restituer peut être placé dans un document. Vous savez maintenant ce que signifie multimédia.
Nous arrivons à ce qui fait la particularité du World Wide Web : le lien hypertexte.
Les liens hypertexte sont des connexions permettant de passer d'un document à un autre.
Supposez, par exemple, que vous lisiez un document sur le ministère du Commerce et sur ses
activités. Ce document réfère au Palais de l'Élysée par un lien hypeItexte. Vous cliquez sur les
mots Palais de l'Élysée et vous voyez apparaître un nouveau document concernant le
président.
Pour revenir à ma définition, le World Wide Web est simplement un ensemble de documents
multimédia reliés par des liens hypertexte. En cliquant sur les liens hypertexte, vous pouvez
passer d'un document à un autre.
Pour afficher un document du World Wide Web, vous devez posséder un navigateur Web
comme Microsoft Internet Explorer. Les documents que vous lisez, ou affichez, avec un
navigateur Websontécrits à l'aide d'instructions HTML. Le navigateur Web ipterprète ces
1
instructions HTML pour reconstituer un document sur votre écran. Les instructions HTML
contiennent également, en ce qui concerne les liens hypertexte, des adresses nommées
Uniform Resource Locators, ou URL, qui décrivent les adresses exactes d'autres documents
HTML.
B. PRESENTATION DE FRONTPAGE :
Bienvenue dans Microsoft FrontPage 98, l'outil de création et de gestion de site Web ne
requérant aucune connaissance en programmation mais pourvu d’une puissance suffisante
pour des développeurs de sites Web expérimentés. FrontPage 98 met à votre disposition tous
les outils pour concevoir et créer un site World Wide Web très attrayant et dans lequel il est
facile de se déplacer.
FrontPage 98 comprend l'Explorateur FrontPage, qui vous permet de créer, concevoir et gérer
l’ensemble de votre site Web, et l'Éditeur FrontPage, pour créer et modifier des pages Web
sans avoir à connaître le langage HTML (HyperText Markup Language). Pour rendre la
création de sites Web accessible à tout utilisateur, FrontPage comporte de nombreuses
fonctionnalités, telles qu'une bibliothèque de thèmes graphiques d'aspect professionnel, un
ensemble complet d'assistants et de modèles destinés à la création de pages et de sites Web
FrontPage, des éléments de page actifs offrant des fonctionnalités complexes sans
programmation et une liste des tâches conçue pour assurer le suivi des tâches lors de la
création de votre site Web FrontPage.
Grâce à l'Explorateur FrontPage vous pouvez créer la structure ou l'agencement de votre site
Web, appliquer des thèmes graphiques à ses pages, organiser ses fichiers et dossiers, importer
et exporter des fichiers, tester et réparer des liens hypertexte, administrer des privilèges
d'accès, assurer le suivi des tâches et lancer l'Éditeur FrontPage afin de créer et modifier le
contenu de vos pages Web. Lorsque votre site Web FrontPage est terminé, utilisez
l'Explorateur FrontPage pour le publier sur votre ordinateur, l'intranet de votre entreprise ou le
World Wide Web.
L'Éditeur FrontPage vous permet de créer, concevoir et modifier des pages World Wide Web.
À mesure que vous ajoutez du texte, des images, des tableaux, des champs de formulaire et
d'autres éléments dans votre page, l'Éditeur FrontPage les affiche tels qu'ils apparaîtraient
dans un navigateur Web. Bien qu'il s'agisse d'un outil puissant, l'Éditeur FrontPage est d’une
utilisation facile en raison de son interface largement répandue, similaire à un traitement de
texte. Vous n’avez pas besoin d’apprendre le langage HTML pour utiliser l'Éditeur FrontPage
puisque ce dernier crée le code HTML à votre place.
Il est possible de modifier directement le code HTML à l’aide du mode HTML de l'Éditeur
FrontPage. Dans ce mode, vous pouvez taper du texte, modifier des balises HTML ou du code
de script et utiliser des commandes de traitement de texte telles que Couper, Coller,
Rechercher et Remplacer.
FrontPage appartient à la famille des produits Microsoft Office et il intègre de nombreuses
fonctionnalités propres à Microsoft Word et Microsoft Excel, telles que la Bibliothèque de
cliparts Microsoft, la vérification orthographique, le dictionnaire de synonymes et la
modification facile des tableaux. FrontPage 98 gère également les liens hypertexte créés dans
des documents Microsoft Office 97.
2
C. EXPLORATEUR FRONTPAGE
L'Explorateur FrontPage est un outil de création, d’organisation, d’administration et de
publication des sites Web FrontPage. Utilisez l'Explorateur FrontPage pour créer la structure
ou l'agencement de votre site Web, organiser ses fichiers et dossiers, importer et exporter des
pages et des fichiers, tester et réparer des liens hypertexte, administrer les privilèges d'accès,
assurer le suivi des tâches et lancer l'Éditeur FrontPage afin de créer et modifier le contenu de
vos pages Web. Lorsque votre site Web FrontPage est terminé, l'Explorateur FrontPage vous
permet de le publier sur votre ordinateur, l'intranet de votre entreprise ou le World Wide Web.
Un site Web FrontPage se compose d'un ensemble de pages HTML, d'images, de documents
et d'autres fichiers et dossiers. Les auteurs peuvent créer, supprimer, ouvrir, modifier et
fermer des sites Web en utilisant l'Explorateur FrontPage et l'Éditeur FrontPage sur un
ordinateur client. Les sites Web FrontPage sont stockables sur un serveur Web distant, sur un
serveur Web s'exécutant sur le même ordinateur que le programme client ou dans le système
de fichiers de l'ordinateur client.
Un site Web FrontPage contient également une série de fichiers d’assistance qui ajoutent des
fonctionnalités sophistiquées telles que les barres de navigation, la réparation et le nouveau
calcul des liens hypertexte, la génération d'index dans l'ensemble du texte, la création
cohérente d'éléments à partir de thèmes, l’élaboration automatique de sommaires et la gestion
intégrée de formulaires.
Voici quelques-unes des fonctionnalités-clés de l'Explorateur FrontPage :
·
Vous pouvez rapidement créer des sites Web d'aspect professionnel en vous aidant des
assistants et modèles Web intégrés. Par exemple, l'Assistant Site Web d'entreprise vous aide à
présenter votre société sur le World Wide Web, le modèle Site Web d'assistance à la clientèle
à lancer un site d'assistance à la clientèle, l'Assistant Discussion à héberger un groupe de
discussion et le modèle Site Web d'un projet à publier un site Web de gestion de projet.
·
Si vous disposez déjà d'un site Web, vous pouvez facilement le convertir en un site
Web doté de toutes les fonctionnalités FrontPage au moyen de l'Assistant Importation de sites
Web de l'Explorateur FrontPage. En quelques étapes, cet assistant importe vos pages, images
et fichiers, tout en préservant la structure du site Web ainsi que ses liens hypertexte.
·
Vous pouvez importer des fichiers dans votre site Web FrontPage en spécifiant un
dossier dans votre système de fichiers pour y importer le contenu. Vous pouvez également
exporter des fichiers de votre site Web FrontPage vers votre système de fichiers.
·
Vous pouvez afficher et gérer les fichiers, les dossiers, les liens hypertexte et
l'agencement d'un site Web FrontPage en sélectionnant un des sept modes d'affichage de
l'Explorateur FrontPage. Chaque mode vous présente une perspective différente d'un même
site Web FrontPage vous permettant de gérer vos sites Web FrontPage depuis leur création
jusqu'à leur publication sur un serveur Web.
·
Dans l'Explorateur FrontPage, vous pouvez appliquer une ou plusieurs bordures
partagées (zones de la page réservées à un contenu devant apparaître sur chacune des pages).
Les bordures partagées comportent généralement des barres de navigation (liens hypertexte
vers d'autres pages dans le site Web FrontPage en cours). Lorsque vous créez un site Web
FrontPage à partir du mode Navigation de l'Explorateur FrontPage, FrontPage peut créer des
bordures partagées et des barres de navigation qui sont automatiquement mises à jour chaque
fois que vous ajoutez, déplacez ou supprimez des pages dans la structure du site Web.
3
·
FrontPage comprend une bibliothèque de graphismes et de modèles en couleur
d'aspect professionnel (appelés thèmes) qui peuvent être appliqués à un site Web FrontPage
quelconque. Les thèmes améliorent l'aspect des puces, des polices, des barres de navigation,
des bordures de tableau, des traits horizontaux et des arrière-plans de page, et ils confèrent un
aspect attrayant et homogène à tout site Web FrontPage.
·
Vous pouvez double-cliquer sur une page quelconque dans l'Explorateur FrontPage
pour l'ouvrir afin de la modifier dans l'Éditeur FrontPage. Dans l'Explorateur FrontPage, vous
pouvez également associer d'autres éditeurs à d'autres types de fichier dans votre site Web
FrontPage. Lorsque vous double-cliquez sur un fichier qui a été associé à un éditeur, il s'ouvre
dans cet éditeur.
·
Lorsque vous êtes prêt à publier votre site Web FrontPage sur le World Wide Web ou
sur l'intranet de votre entreprise, la commande Publier de l'Explorateur FrontPage transfère les
pages et fichiers vers le World Wide Web ou un serveur Web tout en vérifiant
automatiquement les adresses des pages et les chemins d'accès à vos fichiers.
·
Si vous utilisez l'Explorateur FrontPage pour renommer ou déplacer un fichier dans
votre site Web FrontPage, toutes les références de lien hypertexte vers ce fichier sont
automatiquement mises à jour au sein du site Web FrontPage, y compris les liens hypertexte
provenant de documents Microsoft Office 97. Vous pouvez également vérifier et réparer les
liens hypertexte rompus, y compris les liens hypertexte vers des sites World Wide Web
externes. Dans un environnement multi-auteur, vous pouvez actualiser des liens hypertexte
afin d’incorporer et d’afficher les modifications récentes apportées au site Web FrontPage par
d'autres auteurs.
·
Le mode Tâches de l'Explorateur FrontPage vous permet d'assurer le suivi des tâches
Web non terminées (telles que les corrections de fautes d'orthographe) dans toutes les pages et
de les mener à terme. Si vous cliquez sur une tâche, la page correspondante s'affiche
directement. Certaines tâches sont générées automatiquement pendant que vous créez et gérez
un site Web FrontPage ; vous pouvez ajouter d'autres tâches et les affecter à d'autres auteurs
FrontPage.
·
Dans les environnements multi-utilisateurs, vous pouvez protéger un site Web contre
les accès non autorisés en obligeant les utilisateurs à fournir un nom d'utilisateur et un mot de
passe pour accéder au site ou pour le modifier..
À l'ouverture, on se retrouve dans l'Explorateur FrontPage, pour gérer les documents du site :
Afficher soit les dossiers, soit Menu Affichage ou barre de navigation à gauche de l'écran.
les fichiers, soit les liens entre
eux...
Modifier le nom d'une page Cliquer avec le bouton droit de la souris, sur son nom,
Web
choisir Renommer. (Les liens concernés seront mis à jour
automatiquement.)
Supprimer un document
Bouton droit. Supprimer. (Attention, le document supprimé
ne va pas dans la Corbeille.)
4
Changer le nom du site Web
Outils/Paramètres du site Web, onglet Configuration.
Vérifier tous les liens vers Outils/Vérifier les liens hypertexte.
d'autres sites
Préparer une liste des étapes Affichage/Tâches, cliquer avec le bouton droit dans la liste,
importantes à réaliser
Nouvelle tâche.
Vérifier l'orthograhe de toutes Outils/Orthographe,
les pages
pour les corriger, bouton Modifier la page.
Remplacer un mot dans toutes Outils/Remplacer,
bouton
Modifier
les pages
(ne fonctionne pas pour les titres).
Obtenir de l'aide
la
page
Dans le menu ?, voir l'option Aide sur Microsoft
FrontPage.
Création d’un nouveau dossier
1
Dans l’Explorateur FrontPage, vous pouvez créer un nouveau dossier dans deux modes :
-
Dans le volet Tous les dossiers du mode Dossiers, cliquez sur le dossier auquel vous
voulez ajouter un nouveau dossier.
Dans le volet Contenu du mode Navigation, cliquez sur le dossier auquel vous voulez
ajouter un nouveau dossier. Pour ajouter un nouveau dossier au même niveau que ceux
apparaissant dans le volet Contenu (mode Navigation), cliquez n’importe où dans ce
volet pour annuler la sélection de fichiers ou de dossiers.
2 Dans le menu Fichier, sélectionnez Nouveau, puis Nouveau dossier.
L’Explorateur FrontPage crée un nouveau dossier appelé « Nouveau_Dossier ».
3 Pour modifier le nom du dossier, tapez son étiquette.
Sélection de pages
Dans l’Explorateur FrontPage, vous pouvez sélectionner des pages de la manière suivante :
!
!
!
!
En mode Dossiers, cliquez sur les pages que vous voulez sélectionner dans le volet
Contenu (mode Navigation).
En mode Tous les fichiers, cliquez sur les pages que vous voulez sélectionner dans la
liste des dossiers et des fichiers.
En mode Navigation, vous pouvez sélectionner une page seule dans le volet
Navigation en cliquant sur cette page. Vous pouvez sélectionner une ou plusieurs
pages dans le volet Contenu (mode Navigation) en cliquant sur celles-ci.
En mode Liens hypertexte, vous pouvez sélectionner une page seule dans le volet
Toutes les pages ou dans le volet Liens hypertexte en cliquant sur celle-ci.
5
!
!
En mode État des liens hypertexte vous pouvez sélectionner une ou plusieurs pages
qui contiennent des liens hypertexte en cliquant sur celles-ci dans la liste de l’état des
liens hypertexte.
En mode Tâches vous pouvez sélectionner une ou plusieurs pages liées à des tâches
en cliquant sur celles-ci dans la liste des tâches.
Impression de la structure de navigation
Utilisez cette procédure pour imprimer la structure de navigation du site Web FrontPage en
cours affichée dans le volet Navigation du mode Navigation de l'Explorateur FrontPage.
Conseil : Vous pouvez afficher un aperçu avant impression de la structure de navigation en
cliquant sur la commande Aperçu avant impression du menu Fichier.
1- Dans le menu Fichier, choisissez Imprimer le mode Navigation.
2 - Dans la boîte de dialogue Impression, spécifiez les options d'impression telles que le nom
de l'imprimante et le nombre de copies, puis cliquez sur OK.
Aperçu de la structure du site Web avant impression
Dans le mode Navigation, de l’Explorateur FrontPage, vous pouvez visualiser la structure du
site Web avant de l’imprimer.
1
Dans le menu Fichier, cliquez sur Aperçu avant impression.
2
Lorsque vous avez terminé l’aperçu de la structure du site Web avant impression,
cliquez sur Fermer.
D. ÉDITEUR FRONTPAGE
L'Éditeur FrontPage est un outil conçu pour la création, la conception et la modification des
pages World Wide Web. À mesure que vous ajoutez du texte, des images, des tableaux, des
champs de formulaire et d'autres éléments dans votre page, l'Éditeur FrontPage les affiche tels
qu'ils apparaîtraient dans un navigateur Web.
Vous n’avez pas besoin d’apprendre le langage HTML pour utiliser l'Éditeur FrontPage
puisque ce dernier génère le code HTML à votre place. L'Éditeur FrontPage crée toutes les
balises HTML courantes, y compris les extensions telles que les feuilles de style en cascade,
les cadres et les contrôles ActiveX.
Le mode HTML de l'Éditeur FrontPage vous permet de modifier directement le code HTML.
Dans ce mode, vous pouvez taper du texte, modifier des balises HTML et utiliser des
commandes de traitement de texte courantes telles que Couper, Coller, Rechercher et
Remplacer.
6
Bien qu'il s'agisse d'un outil puissant, l'Éditeur FrontPage est facile à utiliser grâce à son
interface largement répandue, similaire à un traitement de texte.
Voici quelques-unes des fonctionnalités-clés de l'Éditeur FrontPage :
·
Vous pouvez créer de nouvelles pages HTML sur la base d'assistants page et de
modèles. L'Éditeur FrontPage présente un vaste choix de formats de page et vous pouvez
créer vos propres modèles.
·
Vous pouvez appliquer un des nombreux thèmes FrontPage, créés par des
professionnels, pour conférer à vos pages un aspect dynamique et en couleur. Vous pouvez
également ajouter et créer des bordures pour vos pages et insérer des barres de navigation
conçues pour guider les utilisateurs de votre site Web.
·
Vous pouvez ouvrir n'importe quel fichier HTML dans l'Éditeur FrontPage tout en
préservant les balises HTML de la page. Vous pouvez également ouvrir de nombreux types de
fichiers courants, et l'Éditeur FrontPage les convertit au format HTML. Quelques-uns des
types de fichiers que vous pouvez ouvrir : Microsoft Word 2.0 et 6.0, Microsoft Word 6.0
pour MS-DOS, Microsoft Word 95 et 97, Microsoft Excel 4.0 et 5.0, Microsoft Excel 95 et
97, et WordPerfect 6.x. L'Éditeur FrontPage conserve les liens hypertexte provenant de
documents Microsoft Office 97.
·
Vous pouvez insérer du texte dans tous les styles HTML, créer des listes multiniveaux, modifier la taille et la couleur du texte et effectuer une mise en forme comme le
centrage d'un titre et la mise en italique d'un texte. Grâce à la gestion des feuilles de style en
cascade, vous pouvez contrôler les marges, les espacements de ligne, le type et la taille de
police.
·
Grâce à l'interface Pointer-Cliquer, vous pouvez créer des liens hypertexte vers des
pages et des fichiers de votre site Web FrontPage ou vers des pages et des fichiers sur le
World Wide Web. Pointez sur une page et FrontPage vous crée automatiquement la syntaxe
de lien hypertexte correcte.
·
Vous pouvez insérer pratiquement tout les types d’image. L'Éditeur FrontPage
convertit ces images au format GIF ou JPEG. Double-cliquez sur une image et elle s'ouvre
dans votre programme d'édition d'images favori où vous pouvez la modifier. Créez une image
interactive en ajoutant des zones réactives (zones de l'image comportant des liens hypertexte).
Au moyen des commandes d'édition d'image de FrontPage, vous pouvez recadrer, faire
pivoter et redimensionner une image, la convertir en noir et blanc, lui conférer des bordures
en relief et modifier sa luminosité et son contraste. FrontPage comprend la Bibliothèque de
cliparts Microsoft, vaste bibliothèque d'images clipart, de photos et de séquences vidéo.
·
Vous pouvez créer des formulaires comportant des champs texte, des cases à cocher,
des cases d'option, des zones de liste déroulante et des boutons de commande. Lorsque vous
créez un formulaire, le programme de traitement de formulaire FrontPage par défaut
enregistre automatiquement les informations de formulaire dans un fichier ou les envoie vers
une adresse électronique. Vous pouvez opérer votre choix parmi une série de programmes de
traitement de formulaire FrontPage ou ajouter votre propre programme de traitement de
formulaire dans un formulaire.
·
Grâce aux commandes de modification de tableaux de FrontPage, vous pouvez créer
un tableau, insérer des lignes et des colonnes, les aligner et créer des couleurs de fond, à l'aide
de l'interface Pointer-Cliquer.
7
·
Vous pouvez doter votre page de puissantes fonctionnalités en insérant des
composants FrontPage. Ces derniers ajoutent des fonctions interactives telles que les barres de
navigation, les groupes de discussion thématiques, les recherches en texte intégral et les
programmes de traitement de formulaire ; fonctions qui seraient fastidieuses à programmer
sans FrontPage. Par exemple, le composant Sommaire crée automatiquement un contour
HTML de votre site Web avec des liens hypertexte vers chaque page et l'Enchaînement
d'images exécute une séquence d'images en utilisant des effets similaires à un panneau
d'affichage en rotation.
·
Vous pouvez créer de nouvelles pages de cadres, modifier l'aspect de vos cadres et
affecter des pages initiales à chaque cadre, tout cela au moyen de l'interface Pointer-Cliquer.
FrontPage affiche vos pages de cadres dans le style WYSIWYG (What You See Is What You
Get - tel écrit, tel écran) et génère le langage HTML.
·
Vous pouvez insérer des contrôles ActiveX, des Plug-In et des applets Java dans
l'Éditeur FrontPage. Vous pouvez lancer une session de modification de script, créer et insérer
des scripts JavaScript et des scripts Microsoft Visual Basic Scripting Edition.
En cliquant sur le nom d'une page, on entre dans l'Éditeur FrontPage.
1. Édition de texte
Afficher les barres d'outils
Voir le menu Affichage.
Annuler la dernière
opération
Edition/Annuler...
Marquer la fin d'un
paragraphe
La touche du clavier Entrée.
Changer de ligne, en
demeurant dans le même
paragraphe
Les touches Maj + Entrée.
Mettre en forme les
caractères sélectionnés
Format/Police.
Appliquer une mise en
forme prédéterminée pour
un paragraphe
Format/Paragraphe.
voir les styles Titre1, Titre2,... et l'alignement du
paragraphe.
Ajouter une ligne
Insertion/Ligne horizontale.
Choisir des caractères
spéciaux
Insertion/Symbole.
Ajouter des numéros ou
des points devant certains
paragraphes
Format/Puces et numéros, onglet Puces
graphiques ou onglet Liste numérotée.
Écrire directement en
langage HTML (ou
apporter une correction)
Onglet HTML, au bas de l'écran de l'éditeur
FrontPage.
8
Visualiser le résultat
obtenu
Onglet Aperçu.
2. Gestion des fichiers
Enregistrer la page en cours
Fichier/Enregistrer sous,
(modifier aussi le Titre de la page, qui sera utilisé par
les moteurs de recherche.).
Nom de fichier : maximum de 8 caractères, pas
d'accents, pas de blancs ni de caractères spéciaux,
extension ".htm".
En général, la page d'accueil s'appelle "index.htm".
Modifier les propriétés
d'une page, comme le titre,
l'arrière-plan, les marges...
Fichier/Propriétés de la page
ou cliquer avec le bouton droit de la souris dans la
page...
3. Format général du site (thèmes, cadres et arrière-plan)
Choisir une mise en forme
prédéterminée pour toutes les
pages d'un site
Format/Thème.
Lorsqu'un thème est appliqué,
modifier le contenu des
"Boutons"
Sélectionner la barre des boutons.
Edition/Propriétés du composant FrontPage.
(Cocher, par exemple, Niveau enfant et Page d'accueil).
Créer des cadres (pages
Cadre/Nouvelle page de cadre,
différentes partageant le même pour chaque cadre, indiquer ensuite la page initiale (si elle
écran)
existe déjà) ou en créer une nouvelle.
Afficher ou non les bordures
de cadre
Fichier/Propriétés de la page, onglet Cadres.
Créer des fenêtres à l'intérieur
d'une page
Outils/Bordures partagées.
Ajouter une image en arrièreplan
Format/Arrière-plan, bouton Parcourir.
Modifier les couleurs de
l'arrière- plan, des liens et du
texte
Format/Arrière-plan.
9
4. Tableaux
Créer un tableau
Tableau/Insérer un tableau.
Choisir le nombre de lignes et de colonnes, la taille de la
bordure...
Modifier l'alignement, la
largeur ou la couleur d'une
cellule
Tableau/Propriétés de la cellule
Changer les marges, la
bordure, les couleurs du
tableau au complet
Tableau/Propriétés du tableau
Note: Si vous choisissez une largeur en pourcentage (100%),
votre tableau s'ajustera à toutes les tailles d'écran.
5. Images
Insérer une image
provenant d'un fichier
Insertion/Image,
utiliser les différents boutons au bas, pour naviguer.
Ajouter une image ClipArt
Insertion/Image, bouton ClipArt.
Prévoir un texte de
remplacement si l'image
n'est pas affichée
Dans les Propriétés de l'image (clic avec le bouton
droit), remplir la case Texte.
Rendre une image
transparente
Cliquer sur le bouton Rendre transparent de la barre
d'outils Image.
Inscrire un texte sur une
image
Avec le bouton Texte, de la barre d'outils Image.
6. Liens hypertexte
Créer un lien hypertexte
Sélectionner l'image ou le texte du lien.
Insertion/Lien hypertexte,
choisir, dans les icônes au bout de la case URL, le
type de lien requis.
a) Lien avec une autre
page du même site
Pour un lien vers un autre fichier, dans la case
URL, n'inscrire que le nom du fichier, sans
référence à son emplacement sur le disque.
b) Lien vers un autre
site Web
Inscrire l'adresse d'un site Web ou,
lorsque le navigateur Internet Explorer est ouvert,
l'adresse en cours est affichée automatiquement.
c) Lien pour envoyer un
message électronique
Inclure une adresse de courrier électronique:
choisir l'icône de message email et taper l'adresse
de courriel.
10
Ajouter un lien vers un
signet, dans la même
page
1. Placer un signet à la destination du saut:
Edition/Signet.
2. Sélectionner le texte servant de lien.
Insertion/Lien hypertexte, cliquer sur le
triangle noir au bout de la case Signet.
Choisir celui voulu.
Situer un lien sur une
partie d'une image
1. Créer une zone réactive: choisir le bouton
voulu dans la barre d'outils Image,
encadrer avec le crayon la zone voulue.
2. Choisir le lien.
Tester tous les liens
hypertexte
Dans l'onglet Aperçu, au bas de l'écran,
ou directement dans le navigateur.
Modifier un lien
Le sélectionner, Edition/Lien hypertexte.
Effacer un lien
S'y positionner, Edition/Supprimer le lien
hypertexte.
7. Ajouts possibles
Créer une ligne de texte en
mouvement
Insertion/Eléments actifs/Texte défilant.
Varier le mode d'arrivée d'une
page ou d'un site
Format/Transitions de page.
Animer l'affichage d'un
paragraphe
Format/Animation.
Relier un composant externe
Dans Insertion/Avancé, choisir entre
- Applet Java
- Plug-in
- Contrôle ActiveX
- Script.
Exécuter un clip vidéo
Insertion/Eléments actifs/Vidéo.
Insérer un son ou un clip vidéo Se fait simplement par l'ajout d'un lien vers un ficher vidéo
(*.avi) ou d'un fichier sonore (*.mid, *.au ou *.wav).
Ajouter un fond sonore
Fichier/Propriétés de la page, onglet Général, section Fond
sonore, bouton Parcourir.
Spécifier, dans l'onglet Général, le nombre de répétitions.
11
Aperçu d'une page avant impression
Dans l’Éditeur FrontPage, vous pouvez voir l'aspect d'une page avant de l’imprimer.
Remarque : L’affichage de l’aperçu de la page avant impression n’est pas identique à ce qui
s’affiche dans un navigateur Web. Lorsque vous visualisez l’impression de pages, celles-ci
sont paginées et portent un numéro. Les navigateurs Web ne paginent pas et n’assignent pas
de numéros de page.
1
Dans le menu Fichier, cliquez sur Aperçu avant impression.
2
Lorsque vous avez terminé l’aperçu de la page avant impression, cliquez sur Fermer.
Impression d'une page
Dans l’Éditeur FrontPage, vous pouvez imprimer la page active sur une imprimante ou dans
un fichier. Les liens hypertexte et les images sont imprimés tels qu’ils apparaissent en mode
Normal dans l’Éditeur FrontPage.
1
Dans le menu Fichier, cliquez sur Imprimer, ou cliquez sur le bouton Imprimer de
la barre d’outils Standard :
2
Dans la zone Étendue d'impression, sélectionnez l’étendue des pages à imprimer.
3
Dans la zone Copies, sélectionnez le nombre de copies à imprimer.
4
Si vous voulez assembler les copies et que votre imprimante gère cette fonction,
cliquez sur Assemblées.
5
5
Si vous voulez imprimer dans un fichier, activez la case à cocher Imprimer dans
fichier.
Cliquez sur OK.
Rétablissement d'une opération
Sur une même page, vous pouvez rétablir jusqu’à trente opérations, après les avoir annulées.
!
Dans l’Éditeur FrontPage, cliquez sur Rétablir dans le menu Edition ou sur le bouton
Rétablir dans la barre d ’outils Standard :
12
Annulation d'une opération
Sur une même page, vous pouvez annuler jusqu’à trente opérations.
!
Dans l’Éditeur FrontPage, cliquez sur la commande Annuler dans le menu Edition ou sur
le bouton Annuler dans la barre d’outils Standard :
E- PREPARATION D'UNE PAGE WEB
Résumé des principales étapes
•
•
•
•
•
•
•
Planification
Logiciels
Titres des pages
Liens hypertextes
Images et miniatures
Tests dans un navigateur
Publication des pages Web
1- Planification
La première chose à faire est de déterminer le contenu et l'allure du site.
Par exemple, le contenu d'un site racontant un voyage à Malanville pourrait être imaginé avec
des photos, beaucoup de photos, encadrées d'un peu de texte. On y ajouterait quelques liens
vers des sites intéressants de la localité et une adresse de courrier électronique, pour recevoir
des commentaires.
2- Logiciels
Pour réaliser un site Internet, il faut avoir un logiciel adapté. Parmi les éditeurs de pages Web,
on trouve Netscape Composer, disponible avec le navigateur Netscape, tandis qu'Internet
Explorer amène FrontPage Express, une version réduite de FrontPage 98.
Ces logiciels (Netscape et Internet Explorer) sont gratuits et peuvent être téléchargés à partir
de sites comme: http://www.tucows.com ou http://download.com .
Ainsi, FrontPage Express est disponible avec Internet Explorer, pour écrire les textes, créer
des liens et ajouter des images, sans avoir besoin de connaître la programmation. Il est très
"Wysiwyg", c'est-à-dire qu'il suffit de taper le texte pour que celui-ci soit transformé en
langage HTML.
Une série d'icônes permettent de modifier la mise en forme :
13
3- Titres des pages
En général, la page de démarrage d'un site s'appelle « index.htm ». Mais le titre qui apparaît
vraiment dans Internet, par exemple « La ville de Malanville, vue par Mérault », s'inscrit
plutôt dans les propriétés de la page. C'est en cliquant avec le bouton droit de la souris sur
n'importe quel élément (image, tableau, page...) qu'on accède à ses propriétés.
4- Liens hypertexte
Maintenant, nous touchons à l'essentiel : Internet est facile à utiliser à cause des liens
hypertexte. Mais comment faire pour qu'un clic sur un mot souligné amène vraiment à telle
page ? Avec FrontPage, c'est d'une simplicité enfantine. On sélectionne d'abord le mot qui
deviendra le lien hypertexte, par exemple « La frontière à Malanville » et on clique sur
l'icône des liens
case URL.
, pour ajouter le nom du fichier requis ou l'adresse d'un autre site, dans la
De la même manière, un message du genre « Écrivez-nous » peut devenir un lien vers le
courrier. Le Type de lien est alors mailto: et la case URL contient une adresse électronique.
5- Images et miniatures
Avant d'être placée dans un site Web, une photo doit être numérisée, c'est-à-dire informatisée,
avec un "scanner à plat" ou avec un appareil photo numérique. Plusieurs boutiques de finition
de photos offrent aussi des services de transformation d'images en fichiers, sur disquette.
Quand les images sont très grandes, elles ralentissent le chargement. C'est pourquoi on voit
souvent des miniatures, de petites images sur lesquelles il suffit de cliquer pour obtenir
l'agrandissement. Ce procédé demande deux versions de la même photo, de taille différente.
La miniature peut être crée par un logiciel de dessin, comme celui du scanner ou un autre,
semblable à Paint Shop Pro, un partagiciel disponible à l'adresse suivante :
http://www.wska.com. La taille de l'image est réduite, en hauteur et en largeur, jusqu'à
obtenir la dimension voulue. L'image est alors enregistrée sous un autre nom. (En passant, les
formats GIF ou JPG occupent moins d'espace que les traditionnels BMP.)
Les petites images sont placées dans la page principale, par le menu Insertion/Image ou avec
. Pour chacune d'elles, on crée un hyperlien vers le fichier
l'icône Insérer une image
contenant l'agrandissement.
Mais comment mettre un texte à gauche ou à droite d'une photo ? Avec un tableau de deux
cases, dont la bordure est nulle, invisible (voir le menu Tableau et les Propriétés du tableau).
14
6- Tests dans un navigateur
Les résultats sont ensuite vérifiables directement dans Internet Explorer ou dans Netscape.
Est-ce que les tableaux et les images occupent bien l'espace ? Est-ce que les liens sont valides
? Comment les couleurs ressortent-elles ?
Les gens qui liront cette page Web n'utiliseront pas tous le même genre d'équipement. Les
tests doivent donc comprendre des changements dans la configuration de l'écran (640 par 480
pixels, 1024 par 768 pixels, 256 couleurs ou 16 millions...).
7- Publication de pages Web
Une fois tous les textes prêts, tous les liens vérifiés, il faut transférer les documents sur un
serveur du réseau Internet, afin qu'ils soient disponibles pour tout le monde, en tout temps. La
plupart des fournisseurs d'accès à Internet accordent gratuitement un certain espace disque
pour les pages personnelles.
Sinon, certains sites offrent des espaces gratuits, en échange de publicité. On peut voir une
liste de sites dans http://perso.wanadoo.fr/gp.site/gratis en suivant les liens Hébergement
et Pages Web-Site.
Le transfert de documents se fait selon un protocole FTP. Des logiciels gratuits, comme FTP
Explorer, se trouvent sur le site de http://www.tucows.com avec les liens Win 95/98,
Network Tools, FTP and Archie.
Au premier démarrage, on précise les informations venant du fournisseur : Host Address,
Login et Password. Le bouton de téléchargement Upload permet de choisir les fichiers à
transférer. Quand le message "Transfer complete" apparaît, on peut se déconnecter du
serveur FTP.
À partir de ce moment, le site Web devient visible pour tous. Pour le faire connaître, il faut
maintenant l'inscrire dans les annuaires et les outils de recherche, comme Yahoo! ou La
toile du Québec. (Les instructions sont disponibles facilement sur chacun de ces sites.)
15
F. CAS PRATIQUE
Leçon 1 : Créer un nouveau site
Vous allez créer un nouveau site Web à l'aide de Microsoft FrontPage 98. Ce site vous
servira tout au long des leçons. Vous y créerez de nouvelles pages au fur et à mesure.
NB : Pour que vous puissiez suivre ces leçons, nous supposons que vous disposez de tous les
droits nécessaires pour créer un site Web sur votre serveur. Si tel n'était pas le cas, demandez
à votre administrateur réseau les autorisations nécessaires.
1 - Lancez Microsoft FrontPage, depuis le menu Démarrer, puis Programme.
2 - La boîte de dialogue Nouveau Site Web FrontPage s'affiche.
3 - Dans la zone Choisissez le type de site Web à créer, sélectionnez Depuis un Assistant
ou un modèle, puis l'option Site Web vide.
4 - Dans la zone Choisissez un titre pour votre site Web FrontPage, entrez le nom que
vous désirez ou laissez la valeur par défaut "Mon nouveau site Web". L'adresse par défaut
pour votre site apparaît en dessous sous la forme http://serveur/monsiteweb.
Validez par OK. FrontPage crée les répertoires qui contiendront vos pages et images, puis
passe en affichage "Navigation".
16
L'affichage Navigation consiste en un écran divisé en 2 parties : celle du haut présente
l'organisation de votre site, celle du bas contient une présentation de dossiers et de fichiers, à
la manière de l'Explorateur Windows.
L'explorateur FrontPage est l'un des composants principaux de Microsoft FrontPage. Vous
l'utilisez pour créer de nouveaux sites, puis plus tard pour les modifier, en assurer la
maintenance, les administrer, et publier les sites Web opérationnels.
Les 7 boutons sur la barre "Affichage" vous proposent différents modes de visualisation de
l'information dans votre site Web FrontPage. Vous pouvez y choisir la manière dont vous
voulez voir le contenu de votre site tout au long du projet de conception, depuis les premières
étapes jusqu'au moment où il est prêt à être publié sur le World Wide Web.
1
2
3
4
5
6
7
17
1- Dossiers :
Organise les fichiers et les dossiers
2 - Tous les fichiers : affiche des informations sur tous les fichiers.
3- Navigation : Définit le structure des barres de navigation sur le Web.
18
4 - Liens hypertextes : affiche les liens hypertextes depuis et vers toute page
5 – Etat des liens hypertexte : teste et répare tous les liens hypertexte.
19
6 – Thème : Change l’apparence de votre site Web FrontPage.
7 – Tâches : Crée et gère les tâches à effectuer.
Leçon 2 : Créer les premières pages
1 - Cliquez le bouton Nouvelle page dans la barre d'outils
FrontPage. Par défaut, comme votre site Web ne contient
aucune page, elle est nommée Page d'accueil.
Vous venez de créer la page qui sera la porte d'entrée de
votre site Web.
20
2 - Assurez-vous que la page d'accueil est bien sélectionnée, et ajoutez trois nouvelles pages
en cliquant le bouton Nouvelle page. Lors de la création de la première, un message vous
propose de créer automatiquement des barres de navigation pour relier vos pages entre elles.
Cliquez sur Non.
Vous disposez maintenant de trois nouvelles pages, qui portent le nom Nouvelle page
1, 2 et 3.
Avant de commencer à travailler sur ces pages, donnons leur un titre significatif.
Donner un titre aux pages :
1 - La page d'accueil étant toujours sélectionnée, appuyez sur la touche Tabulation de votre
clavier.
FrontPage met en surbrillance la page à gauche et en dessous de la page d'accueil et active
son titre pour l'édition.
2 - Tapez, par exemple "Etat-Civil" et validez par la touche Entrée.
3 - Appuyez de nouveau sur la touche Tabulation, et modifiez le titre de la 2ème page en
"Etudes". Répétez l'opération pour la 3ème page, que vous nommerez "Activités
professionnelles".
Votre écran correspondra alors à celui-ci :
21
Astuce : une autre manière d'ajouter une page en affichage Navigation, est de cliquer avec le
bouton droit sur une page, et de choisir la commande Nouvelle page dans le menu contextuel.
Cette commande créera une page en dessous de la page cliquée.
Toute modification que vous effectuez sur la structure de votre site FrontPage en affichage
Navigation ne sera appliquée que lorsque vous aurez effectué certaines actions, telles que
changer d'affichage, basculer vers une autre application Windows ou ouvrir une page dans
l'Editeur FrontPage.
Donc, si vous vous êtes trompé ou si vous avez changé d'idée, vous pouvez utiliser le bouton
Annuler
sur la barre d'outils, pour annuler votre dernière action.
Leçon 3 : Ouvrir les pages dans l'Editeur FrontPage
Maintenant que la structure de votre site est faite, nous allons ajouter du contenu sur chacune
des pages. Si la création et la gestion des pages sont plus pratiques dans l'Explorateur
FrontPage, la mise en page et l'édition sont faites dans l'Editeur FrontPage. Il permet de
créer, éditer et afficher les pages, grâce àune interface WYSIWYG (What You See Is What
You Get - ce que vous voyez est ce que vous obtenez), similaire à des programmes tels que
Microsoft Word ou Microsoft Publisher. Tous les formatages de texte, de styles et de pages
sont basés sur les standards HTML (HyperText Markup Language, le langage de description
de pages du Web). (NDLA : "basés" est le terme exact car Microsoft Frontpage utilise des
balises HTML qui lui sont propres et ne sont pas exécutables par d'autres navigateurs..!)
1 - Dans l'Explorateur FrontPage, cliquez sur le bouton Navigation
affichage.
de la barre
2 - Double-cliquez la page d'accueil dans la fenêtre de Navigation ou sélectionnez la page, et
choisissez la commande Ouvrir du menu Edition de l'Explorateur FrontPage.
La page d'accueil s'ouvre dans l'Editeur FrontPage.
22
Pour ajouter du texte, commencez à taper comme vous le feriez dans un traitement de textes.
1 - Tapez "Bienvenue sur mon site Web !", puis appuyez sur Entrée. Le fait d'appuyer sur la
touche Entrée crée un nouveau paragraphe sur la page.
2 - Sur une nouvelle ligne, tapez "N'oubliez pas de visiter les autres pages de mon site" et
appuyez sur Entrée. Vous pourrez bien sûr remplacer ce texte par celui de votre choix,
accompagné d'une description du contenu de votre site.
Votre page devrait maintenant ressembler à ceci :
Dans le menu Fichier, cliquez sur Enregistrer sous. Vous avez la possibilité d'enregistrer
votre page sur votre site Web FrontPage, sur le World Wide Web, sur votre disque, ou comme
modèle. Vous pouvez également en changer le titre et l'URL (Uniform Resource Locator).
L'URL est un nom unique que le navigateur Web utilisera pour trouver et afficher la page.
Cliquez sur OK.
23
Leçon 4 : Edition de page
Editer la page Etat-Civil
Cette seconde page de votre site contiendra une liste àpuces de vos centres d'intérêt. Vous
pourrez bien sûr la personnaliser plus tard.
1 - Dans le menu Fichier de l'Editeur FrontPage, choisissez Ouvrir. La boîte de dialogue
Ouvrir s'affiche. Elle vous permet d'ouvrir des pages depuis votre site Web FrontPage actuel,
votre disque dur, sur un autre serveur Web, ou directement sur le World Wide Web.
Dans la liste, sélectionnez la page Etat-Civil et validez par OK.
2 - Entrez le texte suivant : "Voici quelques-uns de mes centres d'intérêt". Cliquez sur le
bouton Centrer
sur la barre d'outils. La phrase que vous venez de saisir est centrée.
Lorsque vous appliquez un formatage de texte, tel que le centrage, FrontPage ajoute les tags
(marqueurs) HTML correspondants dans la page.
3 - Dans le menu Insertion, choisissez Ligne horizontale. Une ligne de séparation est insérée
sous votre texte.
4 - Cliquez sur le bouton Liste à puces
de la barre d'outils. Frontpage commence une
liste et affiche la première puce. Entrez le texte suivant : "Intérêt 1 : description de mon
activité favorite" et appuyez sur Entrée, afin de terminer l'élément de liste et de créer la
prochaine puce.
5 - Sur la ligne suivante, entrez "Intérêt 2 : ", puis appuyez sur Entrée. Sur la 3ème ligne,
entrez "Intérêt 3 : ", puis appuyez sur Entrée deux fois, ce qui permet de terminer la liste.
6 - Vous pouvez copier et coller du texte comme dans n'importe quel traitement de textes.
Pour compléter le texte des 2ème et 3ème puce, sélectionnez "description de mon activité
favorite", dans le menu Edition, choisissez Copier. Placez ensuite le curseur derrière
"Intérêt 2 : ", et dans le menu Edition, choisissez Coller. Répétez l'opération pour la 3ème
puce.
Astuce : vous pouvez également utiliser les combinaisons de touche CTRL + C pour copier
et CTRL + V pour coller.
7 - Enregistrez votre page, avant de continuer, en appuyant sur le bouton Enregistrer
sur la barre d'outils.
Votre page devrait maintenant ressembler à ceci :
24
Editer la page Etudes :
Dans cette troisième page, nous allons insérer 2 images. Les images et illustrations apportent
décoration et personnalisation à vos pages Web.
1 - Dans le menu Fichier de l'Editeur FrontPage, choisissez Ouvrir. Dans la liste,
sélectionnez la page Etudes et validez par OK.
2 - Entrez le texte suivant : "Voici 2 superbes photos extraites de la bibliothèque d'images
FrontPage". Cliquez sur le bouton Centrer
venez de saisir est centrée.
sur la barre d'outils. La phrase que vous
3 - Dans le menu Insertion, choisissez Ligne horizontale et appuyez sur Entrée.
4 - Pour importer les images sur la page, dans le menu Insertion, choisissez Image… . La
boîte de dialogue "Image" qui s'affiche vous permet de choisir l'emplacement d'où elles seront
importées : votre site Web FrontPage actuel, votre disque dur, un autre serveur Web, depuis
un scanneur ou la bibliothèque Microsoft Clip Gallery.
5 - Cliquez sur le bouton Fichier
, qui vous permet de parcourir votre disque.
6 - Dans la boîte de dialogue "Sélectionner le fichier", déplacez-vous jusqu'au dossier où est
installé FrontPage, par défaut "C:\Program Files\Microsoft FrontPage", et ouvrez le dossier
"\tutorial". Sélectionnez-y l'image sunset.gif et cliquez OK. La première image est insérée.
Appuyez sur Entrée pour créer une nouvelle ligne et répétez l'opération pour insérer l'image
city.gif, situez dans le même dossier.
25
sur
7 - Enregistrez votre page, avant de continuer, en appuyant sur le bouton Enregistrer
la barre d'outils. Dans la boîte de dialogue "Enregistrer les fichiers incorporés", cliquez sur
OK, pour enregistrer les images que vous avez insérées.
Votre page devrait maintenant ressembler, plus ou moins (!) à ceci :
Editer la page Activités professionnelles
Dans cette quatrième page, nous allons insérer une courte liste de liens hypertexte (ou
hyperliens) vers d'autres sites du World Wide Web.
1 - Dans la barre d'outils FrontPage, choisissez le bouton Ouvrir
sélectionnez la page Activités professionnelles et validez par OK.
. Dans la liste,
2 - Entrez le texte suivant : "Voici une liste de mes sites favoris sur le World Wide Web !".
Cliquez sur le bouton Centrer
est centrée.
sur la barre d'outils. La phrase que vous venez de saisir
3 - Dans le menu Insertion, choisissez Ligne horizontale et appuyez sur Entrée.
26
Nous allons maintenant insérer des hyperliens. Ce sont des pointeurs à partir d'un texte ou
d'une image vers d'autres pages ou d'autres types de fichiers sur le World Wide Web.
Les hyperliens sont le principal moyen de navigation entre les pages des sites Web. Il est
possible de les créer de 2 manières : depuis un texte descriptif ou automatiquement.
4 - Entrez le texte suivant "Microsoft France" et appuyez sur Entrée.
5 - Sélectionnez avec votre souris les 2 mots que vous venez de saisir, et dans le menu
Insertion, choisissez Lien hypertexte.
La boîte "Créer un lien hypertexte" s'affiche. Elle vous permet de définir la cible du lien, qui
peut être une page ou un fichier de votre site Web FrontPage actuel, sur votre disque dur, sur
un autre serveur Web, ou directement sur le World Wide Web. Vous pouvez également créer
directement un lien vers une messagerie.
Dans le champ URL, tapez http://www.eu.microsoft.com/france/ et cliquez sur OK.
"http://" correspond à HyperText Transfer Protocol, le protocole Internet qui permet aux
navigateurs Web de récupérer l'information sur les serveurs Web.
www.eu.microsoft.com/france/ est l'URL du site Microsoft France, c'est-à-dire l'adresse
unique du site sur le Web.
7 - Cliquez n'importe où dans votre page, pour désélectionner le texte. Vous remarquerez qu'il
a changé de couleur et qu'il est maintenant souligné, pour indiquer que c'est un lien ypertexte.
Lorsque la page sera affichée dans un navigateur Web, le fait de cliquer sur le lien conduira
vers la page d'accueil du site Microsoft France.
Créons maintenant un hyperlien automatique :
1 - Tapez directement sur la page http://www.yahoo.fr, par exemple, et appuyez sur Entrée.
"Yahoo!" est l’un des moteurs de recherche de l'Internet, pour retrouver des informations en
générant des requêtes à partir de mots-clés.
Dès que vous avez validé par Entrée, le formatage du texte a changé, pour indiquer que
FrontPage 98, tout comme le font les applications de la suite Office 97, avait reconnu un
hyperlien. Comme une URL n'est pas forcément descriptive en soi, il est souvent préférable
de la modifier pour le nom du site auquel elle se rapporte. Vous pouvez le faire directement,
en remplaçant le texte, sans supprimer l'hyperlien.
2 - Avec votre souris, mettez en surbrillance l'URL que vous venez de saisir, et tapez le mot
Yahoo!, pour remplacer le texte. L'hyperlien pointe toujours sur la même URL, mais son
"étiquette" est différente.
Créons maintenant un lien hypertexte à l'aide de votre navigateur Web :
Cette méthode est des plus pratiques, puisque vous visitez effectivement la page vers laquelle
vous désirez pointer.
27
Remarque : si vous ne disposez pas d'accès Internet sur l'ordinateur d'où vous suivez cette
leçon, passez directement à la section suivante.
1 - Positionnez votre curseur sur la ligne suivante, tapez "Microsoft FrontPage" et appuyez sur
Entrée. Sélectionnez ensuite ce texte.
2 - Dans le menu Insertion, choisissez Lien hypertexte. La boîte "Créer un lien hypertexte"
s'affiche.
3 - Cliquez sur le bouton Navigateur
. FrontPage lance alors votre navigateur Web.
Lorsque vous visiterez la page vers laquelle doit pointer votre hyperlien, vous basculerez vers
FrontPage, et l'adresse de la page cible s'inscrira dans le champ.
4 - Dans la zone adresse du navigateur, tapez ttp://www.eu.microsoft.com/france/frontpage
et appuyez sur Entrée. Le navigateur affiche la page d'accueil Microsoft FrontPage en
Français, où vous pouvez trouver toutes les informations utiles sur ce produit.
5 - Sur votre clavier, appuyez simultanément sur ALT+TAB, ou cliquez sur l'icône de
l'Editeur FrontPage dans la barre des tâches, pour revenir à la boîte de dialogue "Créer un lien
hypertexte". L'URL de la page d'accueil Microsoft FrontPage a été entrée dans le champ
URL. Cliquez OK. Cliquez n'importe où dans votre page, pour désélectionner le texte.
6 - Enregistrez votre page, en appuyant sur le bouton Enregistrer
sur la barre d'outils.
Votre page devrait maintenant ressembler, plus ou moins !), à ceci :
28
Leçon 5 : Afficher d’un site Web
Afficher votre site Web
Maintenant que votre site est terminé, vous pouvez l'afficher dans votre navigateur, et ainsi en
voir l'apparence et la mise en page. Vous NE pourrez PAS naviguer entre les pages, à moins
d'utiliser la technique de création de liens vue au paragraphe ci-dessus, et tester les liens
hypertexte que vous avez créés.
1 - Dans l'Editeur FrontPage, cliquez sur le menu Fenêtre. La liste des pages créées s'affiche,
pour autant que vous ne les ayez pas fermées. Sélectionnez la page d'accueil pour la passer au
premier plan. Si vous l'aviez fermée, ouvrez-la.
2 - Dans le menu Fichier, choisissez Aperçu dans le navigateur, afin de prévisualiser la
page courante dans votre navigateur. Vous verrez ainsi exactement comment s'affiche la page,
avant de publier votre site Web FrontPage. Il faut qu'au moins un navigateur soit installé sur
votre ordinateur.
3 - Dans la boîte de dialogue qui s'affiche, sélectionnez le navigateur que vous souhaitez
utiliser, et cliquez Aperçu.
29
La page d'accueil est affichée dans le navigateur, vous pouvez cliquer sur la barre de
navigation pour afficher les autres pages de votre site.
Astuce : Il existe un moyen plus rapide d'afficher les pages en cours de création. Si vous
disposez de Microsoft Internet Explorer sur votre système, vous pouvez immédiatement
afficher les pages de votre site Web FrontPage, en sélectionnant l'onglet Aperçu dans l'Editeur
FrontPage.
Quitter FrontPage :
30