FrontPage 2003

Cours frontpage 2003
FrontPage 2003
I.
II.
III.
Définition
C’est un logiciel Microsoft utilisé pour la création de sites Web. FrontPage est
facile d'utilisation et Wysiwyg (What You See Is What You Get) ce qui veut dire que
la présentation que vous faites à l'écran sera affichée telle quelle sur le navigateur
Internet.
Un site Internet est un ensemble de pages reliées entre elles par des liens
hypertextes, avec une page principale : la page d'index. C'est la page d'entrée (ou
d’accueil) du site. Cette page va servir de table de matière.
Lancement de FrontPage
1. Menu démarrer
2. Tous les programmes
3. MS. office (MS. Frontpage, selon l’installation)
L’interface de FrontPage
L’interface de FrontPage ressemble assez à celle du Word 2003, on y retrouve les éléments
suivants :
La barre de titre
La barre des menus
La barre d’outils
La barre de mise en forme
Une barre d'outils Affichage (en bas de la fenêtre)
IV.
Démarrage de la création du site
Pour commencer la création du site il faut suivre les étapes suivantes :
1. Menu fichier
2. Nouveau
3. Site Web à une page
4. Site Web normal
5. OK
1
Sassi mohamed sami
Cours frontpage 2003
Dans la liste des dossiers, on retrouve 2 répertoires créés automatiquement:
Private (qui contiendra (entre autre) les résultats des formulaires et autres parties
privées)
Images pour stocker les images.
Le fichier index.htm est la page d‘accueil du site, schématisée par la petite maison.
On peut créer autant de pages qu’on veut en cliquant sur fichier / nouveau/page ou en
cliquant sur l’icône nouvelle page sur la barre d’outils ou sur le volet affichant l’arborescence
du site sur la gauche.
V.
Application d’un thème :
Pour appliquer un thème, double cliquer sur la page index pour l’ouvrir puis aller :
1. Menu Format
2. Thème
3. Choisir le thème qui correspond au mieux avec le site.
VI.
Insertion de texte :
Le texte s’écrit normalement comme dans Word.
Pour insérer du texte comme par exemple le titre du site, il faut d’abord double cliquer sur la
page d’accueil (Index.html ou .htm) et insérer le texte.
Remarque : en bas de la feuille quatre onglets représentant les différents modes d’affichage
de la page du site :
Création : c’est ce mode qu’on utilise pour éditer notre page.
Code : affiche le code HTML généré de la page.
Fractionné : affiche simultanément l’édition et le code.
Aperçu : affiche la page tel qu’elle sera visualisée par le navigateur.
VII.
Insertion d’un tableau
Le tableau permet de présenter les informations de type
tableau, mais aussi beaucoup d’autres types
d’information il est excessivement important pour le
texte, l’image et la mise en page.
Pour cela suivre les étapes:
1. Menu Tableau.
2. Insérer tableau.
3. choisir les propriétés du tableau.
2
Sassi mohamed sami
Cours frontpage 2003
VIII.
Insertion d’un lien hypertexte :
A. Pour insérer un lien hypertexte qui va pointer par exemple sur une nouvelle page :
1. Insertion
2. Lien hypertexte
3. Choisir Créer un document et nommer la nouvelle page
4. Cliquer sur OK
B. Pour insérer un bouton d’action :
1. Insertion
2. Bouton interactif (choisir le bouton et introduire le texte).
3. Valider
C.Pour insérer une adresse email :
1. Insertion
2. Lien hypertexte
3. Choisir Adresse de messagerie
4. Introduire l’adresse email et le texte à afficher.
IX.
Insertion d’un texte animé
Pour insérer un texte animé (défilant ou clignotant) :
o Menu Insertion
o Composant Web/ texte défilant.
X.
Insertion d’images
Dans un site Internet peu de formats d’images peuvent être inclus, il faut éviter
principalement les formats bitmap, Utiliser donc de préférence les formats JPEG et GIF :
Pour insérer une image :
1. Menu Insertion
2. Images-> À partir fichier ou image clipart ou ……
XI.
Les Formulaires :
Un formulaire permet de recueillir des informations introduites par l’utilisateur d’un site,
comme par exemple les formulaires qu’on remplit pour créer un compte de messagerie
électronique.
Pour insérer un formulaire :
1. Menu Insertion
2. Formulaire
3
Sassi mohamed sami
Cours frontpage 2003
Cette partie n'insère que la zone envoi et remise à zéro. Pour insérer d'autres possibilités, il
faut simplement insérer d'autres composants à l'intérieur de la zone.
a) Insertion d’une zone de texte :
Par exemple pour le nom et le prénom on utilise une zone de texte, pour cela on va :
1. Insertion
2. Formulaire
3. Zone de texte
4. On écrit le texte devant la zone.
b) Insertion d’un espace de texte :
Par exemple pour un message insérer un espace de texte
1. Insertion
2. Formulaire
3. Espace de texte
4. On écrit le texte devant la zone.
c) Insertion d’une liste déroulante :
Par exemple pour choisir un élément dans une liste
1. Insertion
2. Formulaire
3. Zone de liste déroulante
4. On clique avec le bouton droit sur la zone et on choisit Propriétés du champ de
formulaire pour écrire les valeurs.
d) Insertion d’une case à cocher :
1. Insertion
2. Formulaire
3. Case à cocher
e) Insertion d’une case à cocher :
1. Insertion
2. Formulaire
3. Case d’option
4
Sassi mohamed sami