FRONTPAGE EXPRESS

DOSSIER 1
CREATION D'UN SITE WEB AVEC FRONTPAGE EXPRESS
NOM :
Prénoms :
Classe :
Groupe :
Date :
N° dossier
CREATION D'UN SITE WEB
1
TITRE DU DOSSIER
FRONTPAGE EXPRESS
Semaine :
Commentaires :
Notes :
Création de pages au format HTML
Frontpage Express est une sorte de traitement de texte pour le Web. Il comporte de
nombreux outils bien utiles, qui vont te permettre de créer des pages Web de bonne qualité
sans connaissances préalables.
Tu pourras saisir ton texte dans une fenêtre, puis lui appliquer des styles avec le pointeur de
la souris, grâce à une barre de menus et des outils. Ils te serviront à modifier la tailles des
caractères, écrire en gras, en italique, choisir une couleur... Tu pourras également ajouter
des graphiques et des éléments multimédias.
1 L’interface :
BARRE DES OUTILS
PAGE EN COURS
D'ELABORATION
FOND
TEXTES
Dossier1_3eme_frontpage.doc
Page - 1 -
MJM Nov 1999
DOSSIER 1
CREATION D'UN SITE WEB AVEC FRONTPAGE EXPRESS
2 Utilisation de Frontpage Express
Après avoir cliqué sur l'icône Fpxpress
Cette fenêtre apparaît à l'écran.
Pour enregistrer
rapidement
Outils à utiliser pour la mise
en forme du document
Nouveau document
− Clique sur l'icône nouveau document ou va dans fichier puis nouveau document.
− Tape ton document.
3 Mise en forme
− Réalise la mise en page des documents avec ces outils :
Choix de la police de caractères
Augmente ou
diminue la taille
des caractères
Change la
forme du
texte
Couleur
du texte
Alignement du
texte
Tu peux passer d’un document à l’autre en utilisant la commande fenêtre de la barre des
menus.
Dossier1_3eme_frontpage.doc
Page - 2 -
MJM Nov 1999
DOSSIER 1
CREATION D'UN SITE WEB AVEC FRONTPAGE EXPRESS
4 Inserer un Fond
Pour inserer un fond d’ecran, il faut : Cliquer sur « forma »t puis « arrière plan »,
Coche « Image d’arrière plan » puis « Parcourir »
:
5.Insérer une image
5
Afin de rendre ton document plus attractif, tu peux insérer des images, pour cela :
1. Place le curseur à l’endroit ou l’image doit s’inserer
2. Va dans « Insertion » puis « Image » ou clique sur l'icône
ou
Dossier1_3eme_frontpage.doc
Page - 3 -
MJM Nov 1999
CREATION D'UN SITE WEB AVEC FRONTPAGE EXPRESS
DOSSIER 1
6. Mettre les fleches
Pour mettre des fleches et des liens on fait un tableau 3 colonnes et 2 lignes
7. Enregistrer un document
Lorsque l'ensemble des images à insérer seront placées au bon endroit, tu
enregistreras chaque page sous un nom différent dans le répertoire « mes
documents/Technologie »: tu peux créer un dossier particulier ex EXERCICE1
Pour enregistrer clique sur « Fichier » dans la barre des menu puis « enregistrer sous »
Voilà ce que tu obtiens
Nom de la page
qui apparaît dans
la barre bleu
Different du nom
du fichier
Clique sur « Fichier… » Donne un nom . Attention evite les espaces et caractères spéciaux .
Dossier1_3eme_frontpage.doc
Page - 4 -
MJM Nov 1999
DOSSIER 1
CREATION D'UN SITE WEB AVEC FRONTPAGE EXPRESS
8 Créer des liens
A présent que tes pages sont réalisées et enregistrées, il est impératif de les "lier"
entre-elles, par des liens hypertextes.
Dans le document Saison.HTM
1. Sélectionne le texte qui sera le lien ex : Printemps
2. Clique sur l'icône
La fenêtre suivante apparaît
Clique sur pages ouvertes.
3. Les pages que tu as créés et sauvegardées sont disponibles dans la liste.
4. Sélectionne le nom de la page à lier. Ex : Printemps.htm
9. Architecture du site
Voici l’architecture du site que nous allons créer pour les besoins de l’exercice.
Tu vas maintenant créer
les 5 pages en les
sauvegardant avec les
noms mentionnés ci
contre.
Printemps
printemps.gif
PRINTEMPS.HTM
Dossier1_3eme_frontpage.doc
SAISONS
Printemps
Eté Automne
Eté
été.gif
ETE.HTM
Page - 5 -
SAISONS.HTM
Hiver
Automne
Automne.gif
AUTOMNE.HTM
Hiver
Hiver.gif
HIVER.HTM
MJM Nov 1999
DOSSIER 1
CREATION D'UN SITE WEB AVEC FRONTPAGE EXPRESS
10 RECAPITULATIF DU TRAVAIL A REALISER
Page : SAISONS.HTM
1-Compose la première page : SAISONS.HTM.
La police et la taille reste libre.
Enregistre sous SAISONS.HTM dans le repertoire qui t' as été attribué.
2) Compose la deuxième page :
PRINTEMPS.HTM
Sur cette page tu placeras l’image
Printemps.gif
Tu auras la possibilité de choisir le fond de ton choix.
Ajoute en bas à droite de la feuille
le mot : Retour.
3) Idem pour pages 3 4 & 5 avec pour titre respectif :
• ETE.HTM image Eté.gif.
• AUTOMNE.HTM image Automne.gif.
• HIVER.HTM image Hiver.gif.
4) Création des liens entre les pages.
Se placer dans la page SAISONS.HTM
Sélectionner la ligne PRINTEMPS
Pointer l'icône Lien
Page 2,3,4,5
Réalisation des liens hypertextes
Et lier la page PRINTEMPS.HTM
Procéde de la même façon pour les autres pages.
5) Lien en retour:
De la même façon on liera le mot
«Retour»
avec la page SAISONS.HTM.
6) Visualiser les enchainements
Pour visualiser les liens, il faut lancer le navigateur ex : INTERNET EXPLORER et ouvrir le
document Saisons.HTM
Dossier1_3eme_frontpage.doc
Page - 6 -
MJM Nov 1999