Chapitre 6 FrontPage 4Lettres

Transcription

Chapitre 6 FrontPage 4Lettres
Chapitre 6 : Création de sites Web
4ème Lettres
I. Introduction :
Un site web est un ensemble de pages web reliées par des liens hypertextes.
Une page web est un document multimédia qui peut être créée par un éditeur de sites web tel que Nvu,
FrontPage, Dreamweaver,…
Ces éditeurs fonctionnent en mode visuel, on les appelle éditeurs WYSWYG (What You See is What You
Get).
Dans ce chapitre, on va utiliser « Ms FrontPage» pour la création d’un site Web.
II. Les fonctions de base :
1. Lancement de l’application :
Dérouler le menu Démarrer, choisir Programmes puis chercher Ms Office FrontPage.
Ou cliquer 2 fois de suite sur son raccourci du bureau.
2. Enregistrement :
Une page Web réalisée à l’aide de « Ms Front Page » possède le format : htm.
Les pages web doivent être enregistrées dans un même endroit afin de garantir l’efficacité des liens entre
les pages.
3. Choix d’un thème :
Un thème est un arrière plan (motif, couleur,…) appliqué à une ou plusieurs pages du site.
Pour choisir un thème dérouler le menu Format puis choisir Thème.
4. Insertion d’une image :
Pour améliorer l’apparence des pages web on y insère des images significatives en suivant ces étapes :
- Préciser l’endroit d’insertion.
- Dérouler le menu Insertion puis choisir Image.
- Choisir l’option Images Clipart ou À partir du fichier.
- Sélectionner l’image à insérer.
5. Insertion d’un fichier :
Il est possible d’importer le contenu d’un fichier pour le mettre dans une page web, pour cela :
- Préciser l’endroit d’insertion.
- Dérouler le menu Insertion puis choisir Fichier.
- Chercher le fichier à insérer.
www.espaceinfo.tn
Page 1/3
6. Insertion d’un tableau :
Pour insérer un tableau :
- Préciser l’endroit d’insertion puis dérouler le menu Tableau.
- Choisir Insérer puis Tableau.
- Fixer le nombre de lignes et de colonnes puis valider.
7. Création d’un lien hypertexte interne :
Un lien hypertexte interne nous ramène vers une zone du même document.
Pour créer un lien interne on doit passer par 2 étapes :
1. Créer le signet :
- Sélectionner l’objet destination (texte, image,…).
- Dérouler le menu Insertion puis choisir Signet.
- Taper le nom du signet puis valider.
2. Établir un lien vers le signet :
- Sélectionner l’objet source
- Dérouler le menu Insertion puis choisir Lien hypertexte.
- Choisir le signet puis valider.
8. Création d’un lien hypertexte externe :
Un lien hypertexte externe permet de se déplacer entre les pages d’un site web.
Pour créer un lien externe :
- Sélectionner l’objet source.
- Dérouler le menu Insertion puis choisir Lien hypertexte.
- Choisir la page destination puis valider.
Remarques :

La page destination doit être enregistrée pour valider le lien.

Pour suivre un lien hypertexte, cliquer au-dessus en appuyant sur la touche Ctrl.
II. Les fonctions avancées :
1. Création d’un texte défilant :
Pour rendre une page plus attractive, on peut animer les textes :
- Sélectionner le texte à animer.
- Dérouler le menu Insertion puis choisir Composant Web.
- Cliquer sur Texte défilant.
- Choisir les options préférées puis valider.
www.espaceinfo.tn
Page 2/3
2. La transition de pages :
La transition de pages est un effet aperçu lors du passage d’une page à une autre, pour la créer :
- Dérouler le menu Format puis choisir Transition de page
- Sélectionner un effet puis choisir une durée de transition.
On peut visualiser le site Web créé dans un navigateur en passant par le menu Fichier.
3. les pages de cadres :
Pour faciliter la navigation dans un site WEB, Il est plus convenable d’avoir sur une partie de la page
initiale, tous les liens vers les autres pages. La page initiale sera divisée en plusieurs cadres.
On l’appelle « page de cadres ».
a. Création d’une page de cadres :
Pour créer une page de cadres :
- Afficher les options de l’icône de création d’une nouvelle page.
- Choisir l’option « Page ».
- Activer l’onglet « Cadres ».
- Choisir le type du cadre puis valider.
b. Ouverture de la cible d’un lien hypertexte dans un cadre :
- Sélectionner la source du lien hypertexte.
- Choisir la commande « Lien hypertexte » du menu insertion.
- À partir de bouton « cadre de destination » choisir le cadre désiré.
- Choisir la page à ouvrir puis valider.
www.espaceinfo.tn
Page 3/3