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 :
Lycée Pilote de Sousse : 2010 / 2011
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 :
Lycée Pilote de Sousse : 2010 / 2011
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 :
Lycée Pilote de Sousse : 2010 / 2011
3
Création pages WEB : FrontPage
Lycée Pilote de Sousse : 2010 / 2011
4
