exfp

Créez votre Site en quelques clics

avec FRONTPAGE EXPRESS sans employer l’Assistant.

SOMMAIRE :

A-/ Le matériel nécessaire,

B-/ Maintenant, créez votre page d’accueil,

C-/ Création de la seconde page,

D-/ Création d’un signet sur la page deux,

E-/ Création d’un lien depuis la page d’accueil, vers la page deux ;

F-/ Création de liens sur la page deux, (entre chaque sous-titre et son paragraphe)

G-/ Création de liens sur la page deux, (à la fin de chaque paragraphe, vers le mini sommaire)

H-/ Création d’un lien de retour depuis la page deux, (vers le sommaire de la page d’accueil)

Pour voir l’exemple de site créé, faites un clic ici : Exemple

Pour revenir à ce document, cliquerez sur : « retour méthode FrontPage Express »

A - / Matériel nécessaire

- 1 – un éditeur HTML :

-l’éditeur HTML est un logiciel permettant de créer et modifier des pages WEB, ici « FrontPage Express »; le WEB (World Wide Web) est la toile d’araignée mondiale, système qui, dans Internet permet de consulter et de publier des documents en utilisant la technique de l’ hypertexte ( renvoi d’un doc à l’autre ou d’une partie de doc à une autre). Il est fourni gratuitement depuis la version 4.0 d’Internet Explorer.

Si vous ne l’avez pas, il vous sera possible de le télécharger sur www.microsoft.com/windows/ie/

- 2 – un logiciel de navigation :-un logiciel de navigation ou un navigateur ; ici Microsoft Internet Explorer contenu dans Windows 98, il vous permet de consulter des documents, et d’utiliser les liens hypertextuels qu’ils contiennent, et de visualiser les pages web créées.

- 3 – un scanner :-un scanner ou un appareil photo numérique pour inclure des images et photos ( le scanner permet de transformer des signaux analogiques en valeurs numériques binaires utilisées sur le Web).

- 4 – un dossier :-il sera nécessaire de créer sur votre disque dur un dossier pour y enregistrer tous les fichiers de votre site Web,

exemple : Pour un accès facile, nous vous conseillons de prévoir un emplacement sur le bureau (visible à l’écran lors de l’allumage de votre ordinateur),

pour ce faire :

-un clic droit de la souris dès que le pointeur est sur un espace vide de l’écran, dans la boîte de dialogue glisser sur Nouveau et de là, sur le mot Dossier,

-un clic gauche fera apparaître une icône en surbrillance nommée Nouveau Dossier vous le renommerez par ex. site perso en tapant ces mots au clavier puis validez sur Entrée.

Retour sommaire

B - / Maintenant : créez votre page d’accueil :

En utilisant Internet Explorer et FrontPage Express

- 1 - lancement de FrontPage Express sans assistant :

- un clic gauche de la souris sur le mot démarrer en bas à gauche de l’écran, faire glisser jusqu’au mot Programmes, un menu déroulant s’ouvre, il suffit de glisser depuis le haut jusqu’au dossier Internet Explorer, on ouvre alors FrontPage Express par un clic gauche sur ces mots,

A l’écran, vous avez une page vierge intitulée « Page normale sans titre », le curseur clignote.

- 2 - pour créer la page d’accueil :

il vous suffit de taper votre texte de la façon suivante :

- pour commencer la page, tapez « Bienvenue sur le site du Club ZZZZ » puis cliquez sur Entrée 3 fois, pour sauter 2 lignes,

-taper Sommaire, cliquer 2 fois sur Entrée,

-taper « Présentation du Club », Entrée 1 fois,

-faites de même avec les futurs titres de paragraphes :

« Activités des adhérents, »

« Calendriers, »

« Correspondances, »

(bien sûr, si vous avez envisagé d’autres rubriques, écrivez-les et cliquez Entrée.

- 3 - Vous pouvez insérer une image ou photo de votre club.

pour cela :

-placez déjà votre curseur à l’emplacement souhaité dans votre page d’accueil. … ici ce sera sous le nom de votre club : ZZZ

-allez dans la barre de menu et 1 clic gauche sur Insertion ; glissez sur Image, 1 clic ,

-se mettre sur Autre site et 1 clic sur Parcourir ;

-1 clic sur le petit triangle noir pointe en bas de la fenêtre Explorer ; on a une boîte de dialogue,

-allez sur disquette A ; 1 clic, sélectionnez par 1 clic la photo dans la liste proposée, validez par 1 clic sur ouvrir ; …

-L’image se placera à l’endroit précédemment indiqué par le curseur,

-pour éventuellement déplacer l’image, mettre le pointeur sur l’image et faire un clic gauche maintenu pour qu’apparaisse la petite fenêtre attachée à la flèche du pointeur et glissez jusqu’au nouvel emplacement.

-rappel, pour centrer ou aligner à droite ou à gauche, vous pouvez faire 1 clic sur l’icône de la barre d’outils,

-pour redimensionner l’image, 1 clic sur l’image, elle sera délimitée par des poignées, celles des angles vous permettront de modifier sa taille en respectant les proportions.

- 4 - Pour soigner la présentation de votre page d’accueil,

on va intervenir sur le texte :

-a- l’en-tête :

- « Bienvenue sur le site », mettre ces mots en surbrillance, et augmentez la taille, depuis la barre d’outils, par des clics successifs sur « Aa »

- nom de l’école : « ZZZ » : idem ... augmenter la taille clics sur « Aa », et mettre en couleur, depuis la barre d’outils, par un clic sur la palette de couleurs, et un clic sur la couleur voulue, valider ensuite par un clic sur OK,..

-b- le titre :

« Sommaire » en surbrillance, puis pour mettre le style allez sur le petit triangle noir situé sous le A de Affichage au début de la barre d’outils et glissez sur Titre 1, et enfin : 1 clic.

-c- les noms de paragraphes :

- pour chaque nom de paragraphe, procédez de même :

-sélectionnez-le et allez cliquer Titre 2,

-sélectionnez tous les noms des paragraphes depuis « Présentation du Club » jusqu’à la fin, en les mettant tous en surbrillance,

puis, cliquez sur le triangle noir sous le A de Affichage, glissez sur liste à puces et 1 clic, un point noir apparaît devant chaque nom de paragraphe, en décalé....

Votre première page est presque terminée … (on fera les liens par la suite).

- 5 - il faut la sauvegarder :

-1 clic sur Fichier, glissez sur « Enregistrer sous », 1 clic, puis dans la rubrique Titre de la page, tapez index à la place de Bienvenue..., surtout ne pas cliquer sur OK, car la page n’est pas prête à être envoyée sur le Net, allez cliquer sur « Fichier... », une fenêtre vous demande où l’enregistrer, 1 clic sur le petit triangle noir pointe en bas de la fenêtre « Dans », faîtes 1 clic sur le mot Bureau dans la nouvelle fenêtre qui apparaît, car c’est là que se trouve le dossier d’accueil que vous avez créé au départ et faîtes 2 clics sur site perso puis 1 clic sur Enregistrer.

Vous fermez l’ensemble des fichiers ouverts en cliquant sur Fichier puis 1 clic sur Quitter.

- 6 - Vérification de la page créée :

-dans la fenêtre du Bureau de votre ordinateur, double clic sur l’icône « site perso », puis cliquez sur l’icône de votre page d’accueil : index.htm pour l’ouvrir. Ne vous effrayez pas de voir apparaître une fenêtre de connexion d’accès INTERNET, elle ne servira que si vous demandez à accéder à d’autres sites.

Elle sera aussitôt cachée par la page que vous avez créée et que vous visualisez grâce au navigateur Microsoft INTERNET Explorer.

- 7 - Fermer cette page :

en cliquant sur Fichier puis sur Fermer.

                                                                                      Retour sommaire

C - / Création de la seconde page

(que nous relierons par la suite à la première page, par des liens hypertextes)

(Comme pour la première page créée : )

- 1 - ouvrir FrontPage Express sans assistant :

-démarrer, 1 clic, via Programmes, aller sur INTERNET Explorer et cliquer sur FrontPage Express, nous obtenons une nouvelle page vierge sans titre, que nous allons remplir en tapant les noms des paragraphes (et leurs contenus) se rapportant au sommaire de votre page d’accueil :

- 2 – Composer votre mini sommaire :

-tapez Présentation du Club, 1 clic sur Entrée, et pour faire un mini sommaire :

-Écrire Notre cité, 1 clic sur Entrée

- écrire Plan de situation, 1 clic sur Entrée,

- Adresses, 1clic sur Entrée,

- Horaires, 2 clics sur Entrée pour sauter une ligne.

- 3 - recopier les titres de paragraphes de ce mini-sommaire

à la suite, sur la même page, afin de les développer :

- vous les sélectionnez tous les 4 : depuis :Notre cité jusqu’à : Horaires compris, 1 clic sur Edition, puis 1 clic sur copier,

- positionnez le curseur à l’endroit voulu, (2 lignes au-dessous du mot horaires),

- revenir sur Edition, 1 clic puis 1 autre clic sur coller.

- Les 4 sous-titres s’affichent.

- 4 - développer chaque paragraphe :

vous placez le curseur à la fin du sous-titre , 1 clic sur Entrée

- vous tapez votre texte…

en décrivant votre ville sous l’expression « Notre cité »,

sous les mots « Plan de situation », vous pourrez inclure un schéma d’accès, en procédant comme nous l’avons fait pour inclure une image de l’école dans votre page d’accueil,

dans le paragraphe Adresses, indiquez l’adresse du Club, le téléphone, l’e-mail.

sous la rubrique Horaires : - indiquez les heures d’ouverture du Club, etc., (vous pourrez aussi y faire figurer le règlement de votre club si vous le souhaitez.)

- 5 – Mise en forme du texte, comme sur la page d’accueil :

-- sélectionnez « Présentation du Club », changez le style par 1 clic sur le triangle situé sous le A de Affichage, puis, 1 clic sur Titre 1,

-- sélectionnez l’ensemble des 4 autres noms de paragraphes de ce mini sommaire, en les mettant tous en surbrillance puis, cliquez sur le triangle noir sous le A de Affichage, glissez sur liste à puces et 1 clic.

-- Résultat : un point noir apparaît devant chaque nom de paragraphe, en décalé...

-Vous allez ensuite sélectionner le titre de chaque paragraphe développé.

Notre cité, vous le désignez comme titre 2,

de même pour Plan de situation, pour adresses et pour Horaires.

-- sélectionnez le paragraphe écrit sous le sous-titre « Notre cité » et décalez-le en cliquant 1 fois sur l’icône « augmenter l’indentation » situé en bout de la barre d’outils afin de créer une marge à gauche,

-- procédez de même pour chaque paragraphe…

                                                                                      Retour sommaire

D - / Création d’un signet sur la page deux.

Pour relier cette deuxième page à la page d’accueil, il faut créer un signet sur cette deuxième page : (deux.htm).

– Création d’un signet :

-- sélectionnez Présentation du Club, 1 clic sur Edition, glissez jusqu’à Signet et 1 clic, boîte de dialogue et 1 clic sur OK, les mots apparaissent soulignés en bleu,

-enregistrer la page :

-- on va sur Fichier 1 clic, « Enregistrer sous.. », 1 clic, dans la rubrique Titre de la page tapez deux puis descendre sur « Fichier... » et faire 1 clic,

n une fenêtre vous demande où l’enregistrer en tant que fichier, 1 clic sur le petit triangle noir pointe en bas de la fenêtre « Dans »,

n faîtes 1 clic sur le mot Bureau dans la nouvelle fenêtre qui apparaît, car c’est là que se trouve le dossier d’accueil que vous avez créé au départ, faîtes 2 clics sur site perso puis 1 clic sur Enregistrer

-- Fermer :

--allez sur Fichier, 1 clic, puis Quitter et 1 clic

                                                                                      Retour sommaire

E - / Création d’un lien depuis la page d’accueil

vers la page deux

Pour relier la page d’accueil, à la page deux, il faut créer un lien, à partir de la page d’accueil (index.htm) et : Il faut que les deux pages à relier soient ouvertes, sous FrontPage.

- 1 – Ouvrir FrontPage Express :

Depuis le Bureau, aller sur Démarrer, 1 clic, Programmes, INTERNET Explorer, 1 clic sur FrontPage Express,

- 2 – ouvrir les deux pages du futur site :

Page d’accueil : index.htm …

-pour cela aller sur Fichier, 1 clic, Ouvrir, 1 clic, Parcourir, 1 clic, sur Explorer dans site perso cliquer sur index.htm, son nom s’inscrit automatiquement, validez en cliquant sur ouvrir,

Deuxième page : deux.htm

- pour cela aller sur Fichier, 1 clic, Ouvrir, 1 clic, Parcourir, 1 clic, sur Explorer dans site perso cliquer sur deux.htm, son nom s’inscrit automatiquement, validez en cliquant sur ouvrir,

Les deux pages sont maintenant ouvertes, la première est visible à l’écran, l’autre pourra être rendue visible plus tard, en cliquant sur Fenêtre de la barre de menu.

- 3 - Création d’un lien :

- le lien :

-sélectionnez « Présentation du Club », faîtes 1 clic sur Edition, puis glissez jusqu’à « Lien... » et 1 clic,

- cliquez 1 fois sur page ouverte, puis dans la fenêtre Ouvrir les pages cliquez sur « deux »,puis dans la rubrique « signet » faire dérouler la liste en cliquant sur le petit triangle pointe en bas, sélectionnez Présentation du Club ( c’est le signet de la page deux), avant de valider sur OK, vérifiez bien sur la ligne « Créer un lien vers : » il est bien mentionné deux.htm #Présentation du Club, si oui faîtes 1 clic sur OK,

Ne pas tenir compte du message d’erreur qui peut s’afficher, et cliquez Oui,

L’expression « Présentation du Club » s’inscrit en bleu souligné , c’est devenu une commande de lien vers le signet « Présentation du Club » de la page deux.

- 4 - Vérification des liens entre ces deux pages :

1/--Sauvegarder la page d’index par 1 clic sur Fichier et 1 clic sur enregistrer.

2/--Fermez la page d’accueil en allant sur Fichier, 1 clic puis sur Fermer, 1 clic,

3/--Fermez la page deux en allant sur Fichier, 1 clic puis sur Fermer, 1 clic,

4/--Depuis le Bureau, double clic sur site perso, et ouvrir index.htm par un double clic, pour le visionner sous INTERNET Explorer, ne pas s’inquiéter de la fenêtre accès à distance,

5/--faire 1 clic sur « Présentation du club » écrit en bleu souligné et vous verrez apparaître le mini sommaire de la page deux,

6/--On quitte INTERNET Explorer après avoir fermé toutes les pages ouvertes comme précédemment

                                                                                      Retour sommaire

F - / Création de liens internes sur la page deux

entre chaque sous-titre et son paragraphe

- 1 - Ouvrir FrontPage Express :

-Depuis le Bureau, aller sur Démarrer, 1 clic, Programmes, INTERNET Explorer, 1 clic sur FrontPage Express,

- 2 - ouvrir la page deux :

-Pour ouvrir la page deux : 1 clic sur Fichier, 1 clic sur deux.htm

- 3 - créer un lien entre chaque sous-titre et son paragraphe :

-pour relier maintenant chaque sous-titre du mini-sommaire de la page deux, à la tête correspondante de chaque paragraphe, dans cette page, nous devons créer de nouveaux signets et de nouveaux liens.

-a--Nouveaux signets :

--1/--sélectionnez les mots Notre cité en haut de ce paragraphe, 1 clic sur Edition, 1 clic sur signet, 1 clic sur OK

--2/--on fait de même avec les en tête des autres paragraphes.

--3/--Vous remarquerez que ceux-ci sont maintenant soulignés par des pointillés bleus,

-b--Nouveaux liens :

-1/--Sélectionner dans le mini sommaire( sous les mots Présentation du Club) « Notre cité », faîtes 1 clic sur Edition, puis 1 clic sur lien,

-2/--cliquez sur pages ouvertes; 1 clic sur deux,1 clic sur le petit triangle noir de la zone Signet choisir « notre cité » dans la liste des signets proposés, et 1 clic sur OK.,

-3/--les mots-liens apparaissent en bleu souligné,

-4/--procéder de même pour les autres sous titres,

-5/--aller sur « plan de situation », sélectionnez, 1 clic « Edition », 1 clic sur « lien », sur « Pages ouvertes », 1 clic, sur « deux », 1 clic sur le petit triangle noir de la zone Signet choisir « Plan de situation » dans la liste des signets proposés, et 1 clic sur OK.,

-6/--ainsi de suite pour « Adresses » et pour « Horaires ».

- 4 - Enregistrer la page :

-Enregistrez votre travail en allant sur Fichier, 1 clic, et sur Enregistrer, 1 clic .

- 5 - fermer la page :

-fermez votre page deux, maintenant, en allant sur Fichier 1 clic puis Quitter.

- 6 - vérifier les liens du futur site :

-a--Si vous voulez vérifier que vos liens fonctionnent bien, il faut retourner sur site perso (2 clics) et sur index, 1 clic La page d’accueil s’ouvre.

-b--puis dans le Sommaire, « sur Présentation du Club » (1 clic), ça vous renvoie sur la page deux,

-c--cliquez sur l’un des liens créés, par exemple : Horaires, ça vous renvoie au paragraphe : Horaires de cette même page,

-d-–Mais pour revenir au mini-sommaire en haut de la page deux, vous devrez utiliser la barre de défilement vertical sur le côté droit de votre écran tant que nous n’avons pas créé de lien spécifique de retour.

- 7 - fermer cette page

-Maintenant fermez cette page qui est en lecture seulement, sous format page Web (htm).

                                                                                      Retour sommaire

G - / Création de liens sur la page deux

à la fin de chaque paragraphe, vers le mini sommaire

Créer des liens de retour à la fin de chaque paragraphe de la « page deux »

vers le mini sommaire de cette deuxième page (Présentation du Club) :

- 1 - Ouvrir FrontPage Express :

Pour modifier une page web (html) il est nécessaire de revenir sur l’éditeur FrontPage Express

-Depuis le Bureau, aller sur Démarrer 1 clic, Programmes, INTERNET Explorer, puis FrontPage Express, 1 clic,

-FrontPage s’ouvre sur une page normale sans titre, nous la refermons par 1 clic sur la petite croix de la barre de menu (à droite de l’écran).

- 2 - ouvrir la page deux :

-Pour ouvrir la page deux : 1 clic sur Fichier, 1 clic sur deux.htm

ou bien :

- 1 clic sur Fichier puis Ouvrir..., 1 clic, boîte de dialogue « A partir du fichier », le curseur clignote, 1 clic sur parcourir, et une nouvelle boîte de dialogue, 1 clic sur le petit triangle pointe en bas de la fenêtre Explorer, sélectionner Bureau avec la barre de défilement vertical, 1 clic sur site perso, 1 clic sur le nom du fichier à ouvrir ( deux.htm) , 1 clic sur ouvrir

- 3 - Construire les liens à la fin des paragraphes :

- aller en fin de page avec la barre de défilement vertical,

- on tape la commande textuellement comme suit :

-retour en tête de page (vers le mini-sommaire), puis1 clic sur Entrée,

-sélectionnez cette ligne et diminuez sa taille en clics successifs sur l’icône du petit A de la barre d’outils, puis la mettre en gras par un clic sur G,

-puis en gardant toujours cette ligne sélectionnée :

---1/-cliquez sur la palette de couleur du texte, choisir une couleur qui tranche, (exemple : rouge), puis 1 clic sur OK,

---2/-un clic sur l’icône liste à puces située à droite de la barre d’outils,

-Faire 1 clic sur un endroit vide de la page de texte , pour voir le résultat : une écriture très petite taille, de couleur rouge précédée par un point en gras : . retour en tête de page (vers le mini-sommaire)

- 4 - Création du lien vers le haut de la page ouverte :

-sélectionnez « retour en tête de page », faire 1 clic sur Edition, puis 1 clic sur « Lien... »,

-dans la boîte de dialogue Créer un lien, se positionner sur Pages ouvertes, 1 clic sur deux, et vérifier que dans la rubrique Créer un lien vers, s’affiche bien deux.htm.

-ensuite, dans la fenêtre de Signet, par 1 clic sur le petit triangle noir, on fait apparaître le titre qui est en tête de cette page deux : ici, c’est Présentation du Club , 1 clic, puis validez par 1 clic sur OK

« retour en tête de page » apparaît en bleu souligné.

Pour qu’à la fin de chaque paragraphe, il y ait un retour au mini-sommaire de cette page nous allons procéder par un copier/coller :

-sélectionnez la ligne « retour en tête de page (vers le mini-sommaire) », 1 clic sur Edition

-1 clic sur copier,

-placer le curseur à la fin du paragraphe précédent, aller sur Edition, 1 clic puis 1 autre clic sur coller,

-placer le curseur à la fin de chaque paragraphe et collez de la même façon.

                                                                                      Retour sommaire

H - / Création de liens de retour depuis la page deux,

vers le sommaire de la page d’accueil :

Pour faire un lien de retour de la page deux, vers le sommaire de la page d’accueil, ces deux pages doivent être ouvertes sous FrontPage Express.

- 1 - ouvrir la page d’accueil :

il suffit d’ouvrir la page d’accueil, (la page deux étant encore ouverte,)

- aller sur Fichier, 1 clic, puis ouvrir..., 1 clic, Parcourir, 1clic, et cliquez sur le triangle noir d’Explorer, faire apparaître « site perso » et 1 clic, allez cliquer 1 fois sur index.htm ( c’est votre page d’accueil), et 1 clic sur ouvrir,

-la page d’accueil apparaît à l’écran prête à être modifiée.

- 2 - Créer un signet puis un lien :

1/ créer un signet sur le titre Sommaire :

-sélectionnez le mot Sommaire, 1 clic sur Edition, 1 clic sur Signet..., et faire OK

-si le mot Sommaire figure bien dans la fenêtre Nom du Signet, cliquez en dehors du texte, le mot Sommaire de la page d’accueil est désormais souligné en pointillé »s bleus.

2/ créer la commande de lien dans la page deux, :

-la page deux étant déjà ouverte, il suffit de la faire apparaître à l’écran en cliquant 1 fois sur Fenêtre dans la barre de menu,

-et cliquez sur le chemin accès de la page deux se terminant par deux.htm:

-retourner à la fin du mini sommaire, sous le mot horaires (en bleu souligné) pour créer la commande de lien vers la page d’accueil, et tapez 2 clics sur Entrée pour sauter 1 ligne,

-écrire « retour à la page d’accueil » (sommaire),

- sélectionnez cette ligne,

- diminuez sa taille, par clics successifs sur le petit A de la barre d’outils,

- colorez cette ligne en rouge avec l’icône de la palette de couleur de texte,

- terminez par un clic sur l’icône « liste à puces » et cliquez sur un endroit sans texte.

3/ le lien :

- sélectionnez « retour à la page d’accueil », 1 clic sur Edition, 1 clic sur « lien... », et dans page ouverte cliquez sur index, il apparaît index.htm dans la rubrique « Créer un lien vers »:

- cliquez sur le petit triangle noir pour faire dérouler la liste des Signets et 1 clic sur Sommaire

- le lien est alors créé entre la page deux et la page d’accueil vers le signet Sommaire

Vous verrez dans « Créer un lien vers » : index.htm#Sommaire et on clique sur OK pour valider,

- ne tenez pas compte du message d’erreur. Cliquez sur Oui pour continuer, retour à la page d’accueil apparaît en bleu souligné.

4/ Sauvegardez :

en allant sur Fichier, 1 clic, puis sur Enregistrer, 1 clic.

-- Quittez FrontPage en fermant les deux pages :

Fichier, Fermer, puis encore Fichier, Fermer,

-- puis enfin : Fichier, Quitter, pour sortir de l’éditeur FrontPage Express.

5/ Vérification des liens :

Depuis l’espace Bureau, 2 clics sur site perso, puis 2 clics sur index.htm vous verrez une fenêtre de connexion accès à distance, elle disparaît derrière la page d’accueil de votre site qui apparaît à l’écran.

Vous pouvez tester vos liens, ils fonctionnent tous ! si vous avez bien suivi les indications clic par clic!

Vous venez d’apprendre à lier la page 1 à la page 2, et réciproquement, il n’appartient qu’à vous de créer d’autres pages normales, de les lier ensemble selon la même méthode, et n’oubliez pas de fermer vos pages comme un fichier ordinaire, en quittant Microsoft Internet Explorer : 1 clic sur Fichier, et 1 clic sur Fermer.

Retour sommaire      Exemple

    Accueil

                                                      DV2D