Création pages WEB 

: FrontPage
Un dossier pour le site
En tout premier lieu dans la création d'un site, et quel que soit le logiciel, vous devez créer
un dossier qui contiendra l'ensemble de vos données : pages Internet (HTML) et médias
(images, sons...).Si vous avez une page ou un média en-dehors du dossier, vous le
visualiserez correctement en local. Cependant, après le transfert chez l'hébergeur, vous ne
pourrez plus accéder à la page ou au média et vous obtiendrez un message d'erreur.

Interface de FrontPage 2003

L'interface de FrontPage ressemble à celle de Word. Elle comprend :

 Une barre de menu
 Une barre d'outils Standard
 Une barre d’outils Mise en forme
 Une barre d'outils Affichage (sur le côté gauche)

La structure du site

Pratique 1 :
 Création pages WEB : FrontPage
1. Démarrer FrontPage
2. Créer deux nouvelles pages : Accueil et Perso
3. Sur la page Accueil
4. Insérer un trait Horizontal : Menu Insertion
5. Ecrire le texte Accueil : centrer, taille 36 pts, couleur bleu foncé, police Albertus Extra Bold
6. Insérer un trait Horizontal : Menu Insertion
7. Insérer Image à partir de fichier et choisir l’image Etudiant : Mettre au centre et modifier sa
taille 300*400
8. Au dessous de l’image insérer le texte « Ceci est un lien hypertexte vers mes informations
personnelles » : mettre en Calibri, gras taille 14 pts
9. Passer à la page Perso
10. Ecrire le texte Informations personnelles : Albertus, taille 121 pts, centré, surlignage gris clair
11. Insérer un trait Horizontal
12. Insérer un objet Date et Heur puis insérer un trait horizontal
13. Insérer un tableau de 7 lignes et 2 colonnes et activer les outils de disposition
14. Fusionner la première ligne, insérer une image clipart ‘personne’ et mettre à droite
15. Remplir la première colonne par les champs suivants : Nom, Prénom, Date de Naissance, Lieu
de Naissance, Adresse, Téléphone
16. Remplir la deuxième colonne
17. Aller à la page Accueil : sélectionner le texte et clic avec le bouton droit Lien hypertexte et
choisir la page Perso.htm
18. Clic droit sur la page et clic sur propriétés de la page, modifier le titre de la page en Accueil et
la même chose pour la page perso mettre un titre Informations Personnelles
19. Enregistrer les deux pages
20. Fichier, Afficher dans le navigateur et tester le lien

Pratique 2 :
 Création pages WEB : FrontPage
1. Démarrer FrontPage et créer un nouveau site web

2. Il faut avoir les pages suivantes : Index, Lion, Tigre, Guépard et Chat

3. Sur la page index : écrire le titre Les Félins (centré, 36 pts, Bauhaus 93), insérer l’image
Félins.gif et mettre au centre, sous l’image écrire le texte suivant :

« Les félins ou félidés (Felidae) constituent une famille de l’ordre des carnivores, de
la sous-classe des euthériens, dans la classe des mammifères.
Parmi leurs traits caractéristiques figurent leur tête ronde au crâne raccourci, leur
mâchoire dotée d’environ trente dents, et leurs griffes rétractiles, exception faite du
guépard, du chat viverrin et du chat à tête plate. »
4. Sur la page Lion : écrire le titre Lion (centré, 36 pts, Bauhaus 93), insérer l’image Lion
et mettre au centre
5. Sur la page Tigre : écrire le titre Tigre (centré, 36 pts, Bauhaus 93), insérer l’image
Tigre et mettre au centre

6. Sur la page Guépard : écrire le titre Guépard (centré, 36 pts, Bauhaus 93), insérer
l’image Guépard et mettre au centre
7. Sur la page Chat : écrire le titre Chat (centré, 36 pts, Bauhaus 93), insérer l’image
Chat et mettre au centre
8. Revenir à la page Index : Insérer un bouton interactif Colonne liée 6 avec un texte
Index et un lien hypertexte vers la page Index
9. Insérer un bouton interactif Colonne liée 6 avec un texte Lion et un lien hypertexte
vers la page Lion
10. Insérer un bouton interactif Colonne liée 6 avec un texte Tigre et un lien hypertexte
vers la page Tigre
11. Insérer un bouton interactif Colonne liée 6 avec un texte Guépard et un lien
hypertexte vers la page Guépard
12. Insérer un bouton interactif Colonne liée 6 avec un texte Chat et un lien hypertexte
vers la page Chat
13. Mettre tous les boutons au centre de la page
14. Modifier les titres des pages par les Titres suivants : Les Félins, Lion, Tigre, Guépard et
Chat
15. Enregistrer les pages
16. Tester le site sur le navigateur

Structure du site

Les pages du site :

Création pages WEB : FrontPage