Guide FrontPage 2000 et FrontPage 2003
(IE:04)
FrontPage :
© Microsoft
GUIDE FRONTPAGE 2000 et 2003
Sommaire
Table des figures
bas de page
1 - Introduction à l'outil
2 - Organiser
les stockages d'un site Web
- Le site et ses copies
- Le lieu de stockage des copies
- Conseils sur le mode de travail
3 - Fonctions de base pour modifier
une page
- Ouvrir le site
- Ouvrir une page
- Taper le texte d'une page
- Insérer une image .jpg, .gif, ...
- Créer un lien hypertexte vers une autre page
- Créer un lien (vers un signet) en milieu d'une page
- Créer un lien qui ouvre une nouvelle fenêtre Windows
- Créer un lien hypertexte vers un site Internet
- Associer une musique à une page
- Changer le titre d'une page
- Changer le nom de fichier d'une page
- Enregistrer la page
- Contrôler le résultat dans le Navigateur Internet
- Contrôler le site
- Vérifier les liens hypertexte
- Réparer les liens cassés
- Fermer le site
4 - Créer
un site Web
- Créer un site Web initial
- Créer une page Web
- Supprimer une page Web
- Supprimer complètement un site Web
5 - Structurer
les Dossiers d'un site
- Conseils pour organiser les Dossiers
- Créer un Dossier pour stocker des fichiers
- Conseils pour les noms de page et de fichiers
6 - Structurer
la navigation d'un site
- Fabriquer l'arbre des pages
- Modifier l'affichage des boutons d'une barre de navigation
- Supprimer l'affichage des boutons d'une seule page
7 - Utiliser
un thème pour toutes les pages d'un site
- Changer de thème
- Modifier le thème
8 - Publier
un site Web
- Publier un site en local sur son PC
- Publier un site dans un serveur Intranet ou Internet
9 -
Installer FrontPage 2003
- Télécharger et Installer FrontPage 2003 sur son PC
Chapitre 1
Table des
figures FrontPage 2003
Table des
figures FrontPage 2000
Chapitre suivant
Sommaire
1 - Introduction à l'outil
FrontPage est un outil qui permet de créer et gérer un
site web sans faire de programmation, c’est à dire sans avoir besoin de
connaître le langage HTML. C’est lui qui crée le code HTML du site, à
partir de l’interface graphique offert à l’utilisateur.
Comment se procurer le logiciel FrontPage
2003 puisqu'il n'est plus distribué par Microsoft ?
Voir le chapitre 9
Dans l’écran principal de FrontPage on trouve :
(cf. figure 1)
(FP2003_fig01)
-
En haut, La barre de menus déroulants et les deux barres de
fonctions par icônes.
-
Pour FP2000 : En vertical à gauche, les fonctions d’Affichage :
ici l’affichage d’une page.
-
En vertical à
gauche, La <Liste des dossiers>,
qui est l'Explorateur FrontPage. Il ressemble à l’Explorateur de Windows
et il permet de gérer le
stockage des fichiers dans le site FP (FrontPage), que ce soit des pages HTML réalisées
par vous avec FrontPage, ou des fichiers Word, Excel, que vous aurez importé
dans le site.
-
On y voit que certains dossiers, comme le répertoire
\_private,
ont étés créés par FrontPage pour supporter toutes les fonctions
automatiques qu’il effectue.
Attention à ne pas casser ce que FrontPage
a créé de façon automatique.
-
Enfin sur la partie droite de l’écran, se trouve l’Editeur
HTML FrontPage des pages. On y voit :
-
au centre à droite, le corps du texte de la page que vous
aurez
vous-même tapé, et tout autour, les bordures gérées par
FrontPage pour automatiser toutes les fonctions de navigations dans le
site :
-
en haut, les barres de navigation et la bannière de la
page, ex. : <Page
d’accueil>,
-
à gauche, les boutons d’accès aux sous-pages,
et
-
en bas de la page, un texte qui s’affiche sur toutes les
pages du site.
Le développement d’un site est alors simple :
Il suffit comme dans Word de taper du texte, des
tableaux, de copier coller ce que l’on veut.
Et de faire ensuite des liens hypertexte :
-
des liens internes au site, par exemple pour ouvrir un
fichier Word importé dans le site ou,
-
des liens externes vers un autre site web situé dans un
serveur du réseau Internet : http ://xxxxx.
La structure de navigation dans les pages du site est
automatisée par la gestion graphique d’un arbre des pages, dans le Navigateur
FrontPage (Cf. figure 2)
(FP2003_fig02) :
-
Il suffit
d’accrocher des pages à une autre pour qu’elles en deviennent les
sous-pages.
-
Les boutons des sous-pages seront automatiquement
créés et affichés
dans la bordure gauche de la page parente.
-
De plus, pour les pages situées au même niveau que la Page
d’accueil, des boutons seront automatiquement affichés dans la barre de
navigation supérieure de chaque page.
Pour accrocher une page dans l’arbre, il suffit de sélectionner
la page dans l'Explorateur, puis de « draguer »
cette page dans l’arbre avec la souris (bouton de gauche maintenu
enfoncé), en dessous de la future page <parente>. Le lien entre
les deux pages s’affiche automatiquement à l’écran.
Facile !
Ensuite il suffit de contrôler le résultat en
utilisant le Navigateur Internet.
-
Avec le Navigateur, il faut ouvrir la Page d’accueil du
site, puis parcourir le site avec ses liens :
Menu : fichier, Ouvrir, Sélectionner la page index.htm
index.htm est le nom de fichier par défaut de la Page d’accueil d’un
site (ou : default.htm).
Ex : "C:\Mes documents\Mes sites Web\mdelag\index.htm"
-
De plus il faut
se connecter à Internet, si l’on veut
contrôler les liens externes : http ://xxxx.
-
On peut fabriquer les liens externes par copier-coller
automatique une fois que l’on a atteint sur
Internet le site web concerné. Cf. le § : Créer
un Lien hypertexte.
|
Chapitre suivant
Sommaire
2 - Organiser les stockage
d'un site Web
Quand on est responsable d’un site
web, on doit en
fait gérer plusieurs copies de ce site.
-
L’Original de développement
-
Le site de Sauvegarde pour le développeur
-
Le site d’Exploitation consulté par les
utilisateurs
On peut simplifier cette organisation, mais attention
aux casses ou aux conflits d’accès avec les utilisateurs.
-
L’original : est le site de travail. Les autres
sont chargés à partir de lui par une opération de
publication de FP.
-
La sauvegarde : est celui dans lequel on publie quand
l’original est stable techniquement.
-
Le site d’exploitation : est celui dans lequel on publie
quand l’original est stable et opérationnel pour les utilisateurs.
- Le lieu de stockage des
copies
Dans le disque dur de votre PC :
Remarque dans ce Guide : les mots
"répertoire" et "dossier" sont équivalant.
-
L’Original doit être créé dans le répertoire
par défaut de FrontPage : Ex : \Mes sites Web
-
La Sauvegarde doit être stockée dans un répertoire
créé par vous pour sauvegarder tous vos sites.
Ex : C:\Mes documents\websav\
ou bien,
Ex : C:\Inetpub\wwwroot\ si le serveur Web Personnel de Microsoft
est installé.
-
Le stockage de la Sauvegarde
doit être effectué par la
fonction de publication de FrontPage, et surtout pas en utilisant l’Explorateur
de Windows. FrontPage utilise des fichiers de travail utiles au site et
qui ne sont pas dans le site, mais dans les répertoires du système.
-
De cette façon la copie de Sauvegarde devient en ensemble
de fichiers autonomes et elle peut par exemple servir à graver le site
Web
sur un CDROM. Ceci avec les outils standard de gravage, comme toute autre
arborescence de répertoire de votre disque dur.
-
Cette copie de sauvegarde peut vous servir à récupérer
l’original en cas de casse grave.
Dans le serveur d’exploitation :
Début de chapitre
-
Exploitation
dans un
Intranet ou sur Internet :
La publication doit être faite avec FrontPage sur
une machine serveur Web (Information Server).
Installer les Extensions FP2000 sur le serveur Web pour exécuter les
composants FP du site, ex: les compteurs.
Ex : sur Wanadoo (ou tout autre serveur Internet)
pour un site accessible aux internautes.
Ex : sur une machine de votre Intranet prévue pour
être un serveur Web, et dans le répertoire prévu
pour cela : Ex : C:\wwwroot.
La Fonction de publication : (Cf. le §
Publier
un site)
Début de chapitre
-
La publication à l’avantage de savoir tout copier ou
bien seulement les pages modifiées (+rapide).
-
Elle peut aussi copier un sous-site contenu dans le site
principal, mais non relié à celui-ci (ex : un site privé).
-
Sur la machine d’exploitation cette fonction de
publication est contrôlée par un identificateur et un mot de passe.
Graver un site Web dans un CDROM :
-
Il suffit de lancer l’outil de gravage en mettant un CD
vierge dans le graveur.
-
Sélectionner tous les fichiers et répertoires du site,
puis en demander le gravage.
-
Voir ci-dessous comment
structurer
les répertoires d’un site pour faciliter son utilisation sur
CDROM.
-
Par la suite il est possible depuis
FP, de publier
directement les modifications dans le CDROM, mais
ceci à condition d’utiliser le logiciel DIRECT CD qui simule l’écriture
dans un disque dur.
Restaurer l’original à partir de la Sauvegarde :
-
Ouvrir l’original avec Front page, puis le détruire
(sélectionner le répertoire racine du site, Clic-droit, Supprimer)
-
Avec
L'explorateur de Windows copier la sauvegarde dans Mes Sites
Web,
-
Avec
FrontPage ouvrir la Sauvegarde.
Utiliser trois outils ouverts pour travailler :
(FP2003_fig00)
-
L’Explorateur de Windows pour repérer ou se
trouvent les fichiers de travail à importer dans le site, et contrôler ou modifier ces fichiers.
Ex:
modifier la taille et la qualité des images .jpg avec Photoshop.
Ex: récupérer un fichier depuis son logiciel de
messagerie
-
L’outil FrontPage pour éditer le site.
-
Le Navigateur
Internet qui permet de contrôler le résultat
de la mise à jour du site, comme un futur utilisateur.
Quand on réaffiche Internet après un travail avec
FrontPage :
-
Il est souvent nécessaire d’actualiser l’affichage du
navigateur, Menu : Affichage, Actualiser (F5)
-
Mais il faut attendre que FrontPage ait fini son travail.
(Ex : attendre, … après un clic sur l’icône Internet en
bas de l’écran, dans la barre <Démarrer>).
Utiliser le Navigateur Internet en mode local :
Pour cela :
-
Faire afficher une page blanche à l’ouverture du
Navigateur, Menu : Outils, Options, Page vierge.
-
Ouvrir le Navigateur sans se connecter, Menu :
Outils, Options, Connexions, Ne jamais établir de connexion.
Ensuite pour se
connecter sur Internet :
ATTENTION :
Début de chapitre
· NE PAS MODIFIER avec L’EXPLORATEUR de Windows les pages
d’un site développé avec FrontPage. Vous risquer de casser le
travail automatique fait par FrontPage.
Ex : Il ne faut ni modifier les fichiers, ni les renommer, ni les
changer de place.
· FAITES DES SAUVEGARDES DE VOTRE TRAVAIL :
Comme pour vos autres fichiers personnels, faites des sauvegardes. Quand
vous gravez un
CDROM de sauvegarde incluez les arborescences de l’Original et de la
copie de Sauvegarde :
Ex : C:\Mes documents\Mes sites Web\…
et C:\Mes
documents\websav\…
Faites de même si vous utilisez des lecteurs ZIP de sauvegarde.
· Mots clés (META TAG) :
Pour ajouter des mots clés dans votre page d’accueil et assurer le
fonctionnement des moteurs de recherche Internet, faites le avec
FrontPage :
Menu : Propriété de la page, Personnaliser, Variables
utilisateur, Ajouter
C’est plus simple que de coder des « meta tag » dans le
code html de la page.
|
Chapitre suivant
Sommaire
3 - Fonctions de base pour modifier une page
Ouvrir
le site
Début de chapitre
|
Ouvrir FrontPage :
-
Menu : Démarrer, Programmes, Microsoft FrontPage /
ou Cliquer sur l’icône FrontPage sur le bureau,
-
Menu : Fichier, sites web
récents, choisir dans la liste (FP2003_fig00a)
Afficher l’arbre des pages du site Web (la
Navigation FP) : (cf. figure 2)
(FP2003_fig02)
-
FP2000 : Cliquer sur l’icône
"Navigation" (col. de gauche
affichage),
-
FP2003 : Cliquer sur l’onglet
"Navigation" en bas de l'écran,
-
Attendre son affichage.
|
Ouvrir
une page
Début de chapitre
|
Afficher l’arbre des pages, le Navigateur
FP : (cf. figure 2)
(FP2003_fig02)
-
Dans l’arbre, sélectionner la page avec la souris, puis
-
Double-clic sur le bloc page (attendre son affichage).
-
FP2003 : Pour réafficher l'arbre des pages : cliquer sur l'onglet "Site
Web" en haut de l'écran.
Si la page n’est pas reliée à l’arbre de navigation
: (cf.
figure 1) (FP2003_fig01)
|
Taper
le texte d'une page
Début de chapitre
|
Avec
l'Editeur FrontPage :
Ensuite utiliser les fonctions comme dans Word :
-
Polices, gras, italique, puces, cadrages, tableaux, contrôle
d’orthographe, copier-coller (ex : texte Word, tableau Excel),
|
Insérer
une image .jpg, .gif, ...
dans une page
Début de chapitre
|
Importer le fichier image dans le site : (cf. figure
3) (FP2003_fig03)
-
Sélectionner dans le site FP le
dossier où stocker
l’image,
-
Ex : \images,
puis
-
Menu : Fichier, Importer, Ajouter un fichier,
-
Dans la fenêtre "Ajouter un fichier dans la liste d'importation"
Sélectionner le fichier dans les
dossiers du disque
dur,
-
Ouvrir,
-
Dans la fenêtre Importer : cliquer sur OK
Insérer l’image dans la page : (cf. figure 4)
(FP2003_fig04)
-
Dans la page, poser le curseur au point d’insertion,
-
Menu :
Insertion, Image, A partir du fichier,
-
Sélectionner le fichier dans les
dossiers du site,
-
Insérer, OK
|
Créer
un lien hypertexte vers une autre page du site Début de chapitre
|
(Cf. figure 5)
(FP2003_fig05)
-
Ouvrir la page de départ et la page d'arrivée.
-
Sélectionner le mot ou l’image qui supportera le lien,
-
Cliquer sur l’icône <boule bleue>, Lien
hypertexte,
-
(En
haut à droite dans la deuxième barre de fonctions).
-
Sélectionner la page d’arrivée
(.htm) dans la liste des pages ouvertes,
ou bien encore dans les dossiers
du site,
-
OK
Vous pouvez aussi créer un lien vers un fichier du site qui n'est
pas une page Web :
-
un fichier image *.JPG, *.TIF, ...
-
un fichier texte : *.PDF, *.RTF, ...
-
un fichier vidéo : *.MP3, *.AVI, ...
Remarque : se sont des fichiers qui n'apparaissent pas dans l'arbre
de navigation des pages du site. On crée le lien hypertexte en
sélectionnant le fichier dans le navigateur de FrontPage, dans le
dossier ou ce fichier à été importé.
|
Créer
un lien vers un signet en milieu d'une page
Début de chapitre
|
Créer un Signet dans la page d’arrivée :
-
Ouvrir la page d’arrivée,
-
Sélectionner le mot qui sera un signet,
-
Menu : Insertion, Signet, OK
Créer le lien avec signet : (Cf. figure 5)
(FP2003_fig05)
-
Ouvrir la page de départ,
-
Sélectionner le mot ou l’image qui supportera le lien,
-
Cliquer sur l’icône <boule bleue>,
-
Sélectionner la page dans les répertoires du site, puis
-
Sélectionner le
<signet> dans cette page,
-
OK
|
Créer
un lien qui ouvre une nouvelle fenêtre Windows
Début de chapitre
|
(Cf. figure 5)
(FP2003_fig05)
-
Sélectionner le mot ou l’image qui supportera le lien,
-
Cliquer sur l’icône <boule bleue>,
-
(En
haut à droite dans la deuxième barre de fonctions).
-
Sélectionner la page dans les répertoires du site,
et de plus
-
Sélectionner le cadre de destination : Nouvelle Fenêtre,
-
OK
|
Créer
un lien hypertexte vers un site Internet
Début de chapitre
|
(cf. figure 6)
-
idem
ci-dessus, mais dans la boite de dialogue :
-
Cliquer sur l’icône Internet <boule bleue>,
-
(Située en bas à droite dans la boite de dialogue).
-
Attendre l’affichage du
Navigateur FP,
-
Sélectionner le site sur Internet, puis revenir à
FrontPage,
-
Le lien du site d’arrivée
http://xxxx est
alors mémorisé dans le champ <URL> de cette boite de dialogue,
-
OK
|
Associer
une musique à une page
Début de chapitre
|
Créer un répertoire \musiques dans le site :
-
FP2000 : Sélectionner
dans le site FP le répertoire parent du futur répertoire \musique, Ex : le répertoire racine du site pour
que ce sous répertoire soit sous la racine.
-
Menu : Fichier, Nouveau, Dossier, (taper le nom :
musiques)
Ou
bien :
-
FP2003 : Clic-droit sur le dossier parent
-
Menu : Nouveau, Dossier, (taper le nom :
musiques)
Importer le fichier de musique dans le répertoire :
-
Sélectionner dans
l'Explorateur FP le répertoire \musique,
puis
-
Menu : Fichier, Importer, Ajouter un fichier,
-
Sélectionner le fichier dans les répertoires du disque
dur,
-
OK
Associer le fichier de musique à cette page : (cf.
figure 7) (FP2003_fig07)
-
Ouvrir la page, et poser le curseur dans une ligne texte.
-
(pas dans les bordures),
-
Clic-droit, Propriétés de la page,
-
Poser le curseur dans le champ : Fond sonore,
Emplacement,
-
Cliquer sur : Parcourir, puis sélectionner le
fichier dans le répertoire \musiques
-
OK
|
Changer
le titre d'une page
Début de chapitre
|
Changer le TITRE HTML de page :
(Cf. figure 7)
-
Ouvrir la page, et
avec l'Editeur poser le curseur dans une ligne texte.
-
Clic-droit, Propriétés de la page, modifier le champ
<Titre>.
Changer le TITRE FP de la bannière en tête de page :
Ou encore avec FP2003 :
-
Afficher l'arbre de navigation : Clic sur
l'onglet "Site Web" en haut de l'écran
-
Clic-Droit sur le bloc de la page, Renommer,
Cela met à jour le champ "Titre" des propriétés de la page.
|
Changer
le nom de fichier d'une page
Début de chapitre
|
-
Fermer la page,
puis avec l'Explorateur FP :
-
Sélectionner le fichier de la page dans les répertoires
du site (dans la colonne : Liste des Dossiers).
-
Clic-droit, Renommer.
|
Enregistrer
la page
Début de chapitre
|
Contrôler que la page est correcte :
-
Menu : Affichage, Actualiser / ou F5,
-
Si besoin, corriger puis re-enregistrer.
Avec FP2003 : ENREGISTRER puis FERMER une page dans l'Editeur :
-
Clic-droit sur l'onglet de la page en haut de l'écran
-
Puis clic gauche sur "Enregistrer"
-
Clic-droit sur l'onglet de la page en haut de l'écran
-
Puis clic gauche sur "Fermer"
|
Contrôler
le résultat dans le Navigateur Internet
Début de chapitre
|
Ouvrir cette page avec Internet :
-
Quand la page est affichée dans
FP,
-
Cliquer sur l’icône <Aperçu dans le navigateur>
(à droite de l’icône <imprimer>),
-
Attendre l’affichage du Navigateur Internet,
-
Naviguer sur les pages modifiées, puis tester le résultat,
la présentation, les liens, ...
Ou
mieux encore :
En
plus de FrontPage ouvert, avoir en permanence le Navigateur Internet
ouvert sur le site Web en cours de développement.
Si
besoin réafficher la page que l'on vient de modifier en appuyant sur la
touche "F5".
|
Contrôler
le site
Début de chapitre
|
Fermer toutes les pages :
Mettre à jour tout les paramètres du site : (Cf. figure 8)
-
Avec
l'Explorateur FP, sélectionner le répertoire racine du site
Menu : Affichage, Actualiser/ ou touche F5.
-
Avec
la Navigation FP, sélectionner la page d'accueil du site Menu : Affichage, Actualiser/ ou
touche F5.
Contrôler l’état du site : (Cf. figure 8)
-
Cliquer sur l’icône Rapports (col. de gauche
Affichage),
-
Vérifier surtout les liens rompus et les pages non liées.
-
Ex : double-clic sur la ligne <liens rompus>,
contrôler, puis,
-
Revenir au rapport en cliquant sur <Résumé du
site>,
-
dans la barre <Création de rapports> au
milieu de l’écran.
Contrôler
avec FP2003 :
|
Vérifier
les liens hypertexte
Début de chapitre
|
Fermer toutes les pages :
Faire vérifier les liens par FrontPage : (Cf.
figure 8)
-
Cliquer sur l’icône Rapports (col. de gauche
Affichage),
-
Dans la barre <Création de rapports> au
milieu de l’écran,
Cliquer sur l’icône de droite : <Vérifier les liens>
Vérifier avec FP2003 : (FP2003_fig08)
- Sélectionner "Liens hypertextes rompus"
- Dans la fenêtre "Affichage de rapports" clic sur
OK
|
Réparer
les liens cassés
Début de chapitre
|
Fermer toutes les pages :
Faire réparer les liens par FrontPage :
-
Menu : Outils, Recalculer les liens hypertexte,
-
ATTENDRE la fin du calcul, Ensuite,
-
Re-contrôler le résultat dans le navigateur Internet.
Faire réparer les liens
avec FP2003 :
OU réparer les liens soi-même :
-
Cliquer sur l’icône Rapports (col. de gauche
affichage),
-
Dans la barre <Création de rapports> au
milieu de l’écran,
Cliquer sur l’icône de droite : <Modifier les liens
hypertexte>
|
Fermer
le site
Début de chapitre
|
Fermer toutes les pages :
-
Menu : Fichier, Fermer / ou
cliquer sur la croix de fenêtre tout en haut à droite.
-
Si nécessaire contrôler l’état du site, puis,
Fermer le site :
-
Cliquer sur l’icône Navigation (col. de gauche),
-
Menu : Fichier, Fermer le site.
|
Chapitre suivant
Sommaire
4 - Créer
un site Web
Créer
un site Web initial
Début de chapitre
|
(Cf. figure 9) (FP2003_fig09)
-
Menu : Fichier, Nouveau, Site Web,
-
Ensuite sélectionner le modèle de site que vous désirez.
Je conseille de prendre le site <Entreprise> puis de supprimer ce
qui ne servira pas. Il contient :
-
3 pages de description de Produits
-
3 pages de description de Services
-
1 page Sommaire
-
1 page Recherche de mots dans le site
-
1 page formulaire pour Contacter le Web master
-
1 page de News
Vous
pourrez ensuite tout modifier pour personnaliser le site selon vos
besoins. Le texte des pages, le titre des pages, les noms de fichiers,
créer des nouveaux répertoires, etc.
-
Définissez le nom du répertoire de stockage du site :
Ex : C:\Mes documents\mes sites Web\mdelag
-
Ensuite il faut se laisser guider et fournir les paramètres
demandés par le type de modèle choisi. Si le résultat ne vous plait
pas, c’est plus facile de tout supprimer et recommencer, FrontPage réaffiche
la précédente valeur des paramètres choisis.
|
Créer
une page Web
Début de chapitre
|
Dans l’Explorateur de FP : (Cf. figure 10) (FP2003_fig10)
-
Afficher le
Navigateur FP, puis
-
Clic-droit sur le futur
répertoire, Nouvelle page, ou bien, Nouveau, Page vierge
-
Mettre à jour le nom de fichier
de la page, puis
-
Mettre à jour son TITRE HTML
Clic-droit sur le fichier de la page, Propriétés, taper le Titre, OK.
-
Ensuite, accrochez (ou non) cette page à l’arbre des
pages,
-
Le TITRE HTML est repris comme
nom de bloc, FP met à jour le site,
-
Double-clic sur le bloc page pour
éditer la page, puis
-
fermer la page, Menu : Fichier, <Enregistrer>
puis <Fermer>.
|
Supprimer
une page Web
Début de chapitre
|
Dans le Navigateur de FP :
-
Sélectionner le bloc de la page,
-
Clic-droit, Supprimer,
ensuite décider :
de la
supprimer du site ou seulement de l’arbre de navigation.
|
Supprimer
complètement un site Web
Début de chapitre
|
Fermer toutes les pages.
Dans l’Explorateur de FP :
|
Chapitre suivant
Sommaire
5 - Structurer les
Dossiers d'un site
Conseils
pour les
Dossiers
Début de chapitre
Le but recherché est de classer vos pages Web et vos
documents importés dans le site de façon simple et ordonnée pour vous
en faciliter la gestion.
-
(Cf. figure
02) (FP2003_fig02)
-
Dans le
Dossier de plus haut
niveau, ne laissez que la page d’accueil <index.htm>.
Cela simplifie l’utilisation
du site gravé dans un CDROM : Pour lire le CD, il suffira de cliquer sur le premier
fichier rencontré dans le Dossier racine du CD : <index.htm>.
Ajouter un LISEZMOI.TXT.
-
Mettez toute les pages générales : Sommaire,
Recherche, Contact, dans un même sous-dossier.
Ex : \mainpages pour
les pages : Sommaire, News, etc.
-
Ensuite créez de nouveaux
Dossiers pour classer
toutes les autres pages du site.
Règle de
nommage pour un Dossier :
-
N’utilisez pas de caractères spéciaux qui peuvent
entrer en conflit avec des conventions système.
-
Utiliser les lettres sans accents, les chiffres, plus
quelques caractères, tels que : _ -
-
N'utilisez PAS le caractère "Blanc", cela complique le
codage des noms dans les tables du système.
|
Créer un
Dossier pour stocker des fichiers
Début de chapitre
|
Dans l’Explorateur de FP :
(Cf. figure 10)
-
Clic-doit sur le Dossier de niveau supérieur,
Nouveau dossier,
-
Taper le nom, puis Enter.
Avec FP2003 : (FP2003_fig10)
-
Afficher le
Navigateur FP, puis
-
Clic-droit sur le Dossier parent,
Nouveau, Dossier vierge
|
Conseils
pour les noms de page et de
fichiers Début
de chapitre
Il y a trois noms à maîtriser pour une page :
-
Le NOM DE FICHIER contenant une page qui est stockée dans
un répertoire.
-
Le TITRE FP de la page, qui est automatisé dans la
navigation créé par FrontPage.
Définir
ces noms :
-
Le TITRE FP est définit
de deux façons :
- A la création du fichier qui deviendra une page, Il est
définissable par
un Clic-droit sur le fichier : Propriétés, mettre à jour le champ :
<Titre>.
Ensuite quand on drague le fichier dans l'arbre des pages, ce titre
devient le <Titre> du bloc page.
- Ou bien il est définit dans les blocs page du Navigateur
de FP par :
Clic-droit sur le bloc page, Renommer, Enter. (attendre que FP mette
à jour les liens du site).
-
Le NOM DE FICHIER est définit dans l’Explorateur de
FP par :
Clic-droit sur le nom de fichier, Renommer, (attendre que FP mette à
jour les liens du site).
Affichage
de ces noms :
Règles de
nommage pour ces noms :
-
Pour le TITRE FP ; il n’y a pas de contraintes sur
les caractères à employer, le titre doit être simple à lire dans
Navigateur Internet. Il faut seulement une chaîne de caractères pas
trop longue pour lire facilement les boutons de navigation.
-
Le NOM DE FICHIER doit respecter les mêmes règles que
celui des répertoires (ci-dessus).
|
Chapitre suivant Sommaire
6 - Structurer la navigation
d'un site
Fabriquer
l'arbre des pages
Début de chapitre
|
Si la page existe dans l’Explorateur de FP :
-
Sélectionner puis « draguer » la page à sa
place dans l’arbre des pages,
-
Mettre à jour son TITRE FP si
nécessaire, il est issu du Titre html.
Si la page n’existe pas créer d'abord la
page : Cf.
créer une page Web
Ou bien créer la page depuis
l'écran de Navigation de FP (+ long) :
-
Sélectionner le bloc de la future page parente,
-
Clic-droit, Nouvelle page, ensuite :
-
Mettre à jour son Titre FP, et son TITRE Html,
-
Puis dans l’Explorateur de FP :
-
Mettre à jour le nom du fichier correspondant,
-
Et enfin « draguer » le fichier à sa place
dans le bon répertoire.
|
Modifier
l'affichage des boutons d'une barre de navigation
Début de chapitre
|
Avec l'Editeur FP : (Cf. figure 11)
(FP2003_fig11)
-
Ouvrir la page d’accueil du site,
-
Poser le curseur sur la barre à modifier,
-
Clic-droit, Propriétés du composant,
Ex : Cocher
<Page parente> (cad afficher le bouton : Remonter),
-
OK
|
Supprimer
l'affichage des boutons d'une seule page
Début de chapitre
|
Avec l'Editeur FP :
-
Ouvrir la page concernée, clic-droit dans le texte de la
page,
-
Menu : Bordures partagées,
-
Attention : COCHER : <Page en cours>
-
décocher les bordures à ne plus afficher, OK.
ATTENTION CETTE COMMANDE CASSE LE SITE,
SI VOUS NE COCHEZ PAS : <Page en cours>
Si vous avez cassé le site :
|
Chapitre suivant
Sommaire
7 - Utiliser
un thème pour toutes les pages d'un site
Changer
de thème
Début de chapitre
|
Avec l'Editeur FP : (Cf. figure 12)
(FP2003_fig12)
-
Ouvrir la page d’accueil du site, Menu : Format, Thème,
-
Sélectionner un autre thème dans la liste, OK
-
Attendre que FP mette à jour toutes les pages du site.
|
Modifier
le thème
Début de chapitre
|
Créer son thème personnel : (pour ne pas casser
l’original FP)
-
Ouvrir la page d’accueil du site, Menu : Format, Thème,
-
Le thème de départ est affiché <par défaut>,
-
Cliquer sur <Modifier>, puis <Enregistrer
sous>
-
Donner un nom à ce thème, OK, OK.
Modifier le thème perso : (Cf. figure 12)
(FP2003_fig12)
-
Les paramètres d’affichage : ex : Graphismes
animés, Images d’arrière plan, ou
-
Les couleurs, les graphismes, ou les formats de texte des
boutons et barre de navigation.
-
Ensuite <Enregistrer> les modifications, OK, puis
-
OK (pour fermer l’écran de modification),
-
Attendre que FP mette à jour toutes les pages du site.
|
Chapitre suivant
Sommaire
8 - Publier
un site Web
Publier
un site en local sur son PC
Début de chapitre
|
Avec l’Explorateur de Windows :
Contrôler le site avec FrontPage : (Cf.
figure 8)
-
Contrôler l’état du site, Fermer toutes les pages,
-
Actualiser le site, Menu :
Affichage, Actualiser ( F5),
-
Faire vérifier les liens
par FrontPage,
-
Ré-afficher l’écran du
Navigateur.
Ensuite publier le site : (Cf. figure 13
et figure 14)
-
Menu : Fichier, Publier le site Web,
-
Cliquer sur parcourir pour choisir le répertoire de
Sauvegarde,
-
Cocher : Publier Tout, ou seulement les Modifications,
-
Avec un sous-site sans liens avec le site principal :
Cocher : Inclure les Sous-sites Web,
-
Publier.
Publier
le site
avec FP2003 :
(FP2003_fig13)
(FP2003_fig14)
-
Cliquer sur l'onglet "Site Web
distant" en bas de l'écran
-
Cliquer sur "Propriétés du
site Web distant" en haut de l'écran
-
Sélectionner "Système de
fichiers" puis cliquer sur Parcourir, Ouvrir, OK
-
Vérifier le sens de publication :
"Local à distant"
-
Cliquer sur "Publier le site
Web"
|
Publier
un site dans un serveur Intranet ou Internet
Début de chapitre
|
Dans un Intranet :
Dans un serveur Internet :
-
Demander à votre fournisseur Internet comment créer un
site Web : adresse de publication, nom utilisateur, mot de passe.
-
Vous fournirez ces paramètres dans la procédure de création
de site sur son serveur (ex : Orange).
Avec FrontPage :
-
Idem que ci-dessus, … Menu : Fichier, Publier le
site Web, puis
-
Tapez l’adresse de publication,
le nom d'utilisateur et le mot de
passe.
Adresse ex : http ://perso.wanadoo.fr/mdelag/
Nom d'utilisateur ex : michel.de-lagausie
Mot de passe ex : xxxxxxx
-
Publier.
Publier
le site
avec FP2003 :
(FP2003_fig13)
(FP2003_fig14)
-
Cliquer sur l'onglet "Site Web
distant" en bas de l'écran
-
Cliquer sur "Propriétés du
site Web distant" en haut de l'écran
-
Sélectionner "FTP" puis
Taper l'adresse suivante :
ftp://perso-ftp.orange.fr OK
Nom d'utilisateur ex : michel.de-lagausie@wanadoo.fr
Mot de passe ex : xxxxxxx
-
Vérifier le sens de publication :
"Local à distant"
-
Cliquer sur "Publier le site
Web"
|
Bas de page Sommaire
9 -
Installer FrontPage 2003
Installer FrontPage 2003 sur son PC
Début de chapitre
|
Le logiciel FrontPage n'est plus distribué
par Microsoft mais vous pouvez obtenir une version gratuite de FrontPage
2003 sur un site Web conseillé par Microsoft :
http://office.microsoft.com/en-us/results.aspx?&ex=2&qu=FrontPage2003
-
Télécharger le programme installable de
FrontPage 2003 ; (Office_FrontPage_2003.exe) sur votre PC depuis
ce site Web :
http://marketsmaster.org/office_frontpage_2003/
Cliquez sur l'icône "Trial Download"
Choisissez de l'enregistrer dans un répertoire temporaire de votre disque
dur
Ex : C:\Mes documents\Temp\
-
Ensuite lancez l'installation de FrontPage 2003 :
Si besoin faite cette installation avec le Login Administrateur,
Fermez tous les programmes ouverts sous Windows,
Double Clic sur le ficher :
C:\Mes documents\Temp\Office_FrontPage_2003.exe
Et ensuite laissez vous guider par le programme d'installation.
-
Ensuite il vous faut installer le Service
Pack 3 de FrontPage 2003.
Pour cela téléchargez le SP3 depuis ce Site Web :
http://www.microsoft.com/download/en/details.aspx?id=8
Choisissez la version française, puis liquez sur "Télécharger"
Et procédez de la même façon.
|
Top |