Accueil Nouveautés Sommaire Recherche

Remonter Word 2000 Photoshop Guide FrontPage Windows 10 / 8 Installer Win XP Installer Win 2000 Installer Win 98 PC

Guide FrontPage

 

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 en local sur son PC : comme vous êtes seul à utiliser le site, cette troisième copie n’est pas nécessaire. Vous pouvez consulter le site de Sauvegarde sur votre PC.

     

  •      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.

 

  • Conseils sur le mode de travail                                                   Début de chapitre 

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 consulter les sites web situés sur votre disque dur, il est préférable de paramétrer le Navigateur pour ne pas se connecter au réseau Internet dès l’ouverture de votre PC ou du Navigateur.

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 :

  •      Ensuite il suffit de cliquer sur un lien externe, http://…, pour que s’affiche la demande de connexion. Par exemple cliquer sur le site GOOGLE dans la liste de ses Favoris.

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)

  • Double-clic sur le fichier de la page choisie dans les dossiers de l'Explorateur FP, (dans la colonne : Liste des Dossiers, ).

 

Taper le texte d'une page

Début de chapitre

 

Avec l'Editeur FrontPage :

  • Poser le curseur dans le cadre du milieu de la page
    (pas dans les bordures ou se trouve la navigation),

  • Taper du texte.

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

 

  • Menu : Fichier, Enregistrer,

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 :

  • Menu : Fichier, Fermer / ou
    cliquer sur la croix de page ouverte en haut à droite.

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 :

  • Menu : Affichage, Rapports, Résumé du site  (FP2003_fig08)

 

Vérifier les liens hypertexte

Début de chapitre

 

Fermer toutes les pages :

  • Menu : Fichier, Fermer / ou
    cliquer sur la croix de page ouverte en haut à droite.

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 :

  • Menu : Fichier, Fermer / ou
    cliquer sur la croix de page ouverte en haut à droite.

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 :

  • Menu : Outils, Recalculer les liens hypertexte, OUI

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 :

  • Clic-droit sur le répertoire racine du site, Supprimer,

  • OK

 

 

             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 :

  • Le TITRE FP est affiché dans les boutons de navigation et surtout dans la Bannière de page.

  • Le NOM DE FICHIER est affiché dans l’Explorateur de FP et (et même dans l’Explorateur de Windows).

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 :

  • Créer le répertoire de Sauvegarde, Ex : C:\Mes documents\websav\    

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 :

  • Avec le responsable système définissez : le nom, le lieu et les droits de publication.

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 

Remonter Word 2000 Photoshop Guide FrontPage Windows 10 / 8 Installer Win XP Installer Win 2000 Installer Win 98 PC

© MdlagSet  Pour toute question envoyez un courrier électronique.      Création Juillet 1998        Dernière modification :    05 septembre 2017