CREER UN SITE AVEC FRONTPAGE EXPRESS 5

et REFERENCEMENT

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

A/ MISE EN FORME DE LA PAGE :

1 Vous avez l'idée du siècle et vous souhaitez diffuser la bonne parole à travers le monde ? C'est une excellente raison pour créer votre site Web. Pour commencer, lancez le logiciel FrontPage Express en déroulant le menu Démarrer, puis en cliquant sur Programme/Accessoires et Outils Internet. Si jamais FrontPage, pour une raison ou une autre, ne figure pas à cet endroit, utilisez la fonction de Recherche du menu Démarrer Dans la zone prévue à cet effet, inscrivez " FrontPage Express " l'ordinateur se charge du reste ...

2 Première opération à effectuer : déterminer la zone < Body> en programmation HTML; à savoir, la couleur du fond, des liens et de toutes les particularités esthétiques de la page. Pour cela, déroulez le menu Format et cliquez sur " arrière-plan ". La fenêt're vous affichera une palette de couleurs. Si la gamme proposée n'est pas à votre convenance, sélectionnez " Personnalisé " pour créer votre propre teinte que vous ajouterez aux couleurs personnalisées. Attention : en l'absence de choix, le fond d'écran sera de couleur grise.

3 Pour agrandir ou diminuer la taille des caractères, sélectionnez le mot ou le groupe de mots à changer. Cliquez ensuite sur l'icône de la barre d'état correspondant aux modifications à apporter. Un grand A pour augmenter la taille des caractères... (On vous fait grâce de la manip' pour réduire la taille des caractères.) Enfin, les boutons marqués d'un G, I ou S majuscules correspondent ont aux commandes suivantes : Gras, Italique et Souligné. Il était indispensable de rappeler ces commandes certes élémentaires, mais fondamentales.

4 Dans les sites Web, il est relativement fréquent d'introduire une ligne horizontale afin de marquer une séparation nette entre le titre et un sommaire. Cette ligne se trouve dans le menu Insertion. Pour la faire apparaître, placez-vous au point d'insertion puis cliquez. Opération réussie. Si vous souhaitez lui attribuer du relief ou une autre couleur, la connaissance du langage HTML s'impose. Vous pouvez également vous frotter à FrontPage 2000, grand frère de la version Express !

5 Déterminez, à présent, la police de caractère utilisée dans votre page ainsi que le code couleur. Dans notre exemple, le texte est rédigé en Comic Sans MS, de couleur verte. Si vous souhaitez visualiser l'ensemble des paramètres des caractères, allez sur Format/Police. À vous ensuite de définir police, style (régulier, italique, gras), taille ainsi que les effets appliqués au texte (souligné, barré, machine à écrire)... Et de visualiser l'aperçu 1

6 Ces paramétrages effectués, vous pouvez saisir votre texte... avec tous les accents et signes étranges que vous souhaitez intégrer. Période estivale oblige, nous avons choisi de réaliser un site sur le Brésil, qui répond au doux nom de : " Brésil : terre de contrastes ". Comme il s'agit d'un titre, nous l'avons centré dans la largeur de la page. Pour ce faire, sélectionnez le mot ou le groupe de mots à aligner puis cliquez sur l'icône Centrer, (ou sur le type d'alignement de votre choix) située sur la barre d'état.

7 Afin d'exposer clairement les différentes entrées du site, vous avez la possibilité d'inclure des puces sur vos liens. FrontPage Express en propose trois sortes : ronds noirs, ronds blancs bordés de noirs et carrés. Une fois votre texte rédigé, sélectionnez-le et déroulez le menu Format. Cliquez ensuite sur Puces et numéros avant de choisir l'affichage qui vous convient.

8 Un petit passage de correcteur d'orthographe (menu Outils) avant de sauvegarder votre oeuvre (Enregistrer sous/Comme fichier/dans le fichier de votre choix, en type HTML)... Et de lancer ce premier site sous Internet Explorer ou Netscape Navigator. Il ne s'agit, certes, que d'une ébauche de page perso. Mais vous maîtrisez, à présent, les fonctionnalités essentielles de FrontPage !

^

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

1 FrontPage Express n'est pas un traitement de texte. Il n'existe donc pas de règle permettant de choisir son emplacement dans la largeur de la page. Pour palier à cet inconvénient, vous pouvez insérer un tableau. Déroulez le menu Tableau et cliquez sur Insérer un Tableau. Logique, non ? Une fenêtre s'affiche, dans laquelle vous devez spécifier le nombre de colonnes et de lignes que vous souhaitez affecter à votre tableau. Si vous hésitez encore sur ce dernier point, sachez que vous pourrez y revenir dans une étape ultérieure.

2 Aucune contrainte rédactionnelle n'est à mentionner, concernant le tableau. Si l'encombrement de votre phrase est supérieur à la largeur de la case, l'ordinateur se chargera du retour à la ligne. Tout seul. Comme un grand. Quant à la mise en forme du texte, les outils sont très similaires à ceux disponibles dans Word. La démarche, elle-même, est comparable à celle du traitement de texte : polices de caractère, corps, couleur, style ...

3 Une Case de tableau se nomme Cellule dans le jargon local. Affichez le menu Tableau, Puis cliquez sur Propriétés de la cellule, en fin de liste. Dans la fenêtre qui s'ouvre, vous pouvez déterminer la couleur de fond de la ou des cellules sélectionnées. Le Plus simple pour agir sur la totalité d'une colonne ou d'une ligne est de sélectionner celle-ci à l'aide de la flèche noire qui apparaît aux extrémités des lignes et/ou des colonnes.

4 Intéressons-nous, à présent, au tableau dans son détail. Activez la fenêtre Propriétés du tableau, au pied du menu déroulant Tableau. Inutile de sélectionner le tableau au préalable. Il suffit de placer votre curseur sur celui-ci. Dans cette fenêtre, vous pourrez (entre autres) paramétrer les bordures ainsi que l'espacement entre deux cellules. Ainsi, vous pourrez masquer les bordures d'un tableau en leur attribuant une épaisseur de zéro point... ce qui revient à les faire disparaître.

5 oui mais, voilà, des hachures demeurent entre les cellules ! Cela n'est, en aucun cas, un signe d'erreur dans notre procédure. Bien au contraire ! Cela signifie que le retrait de bordure (effectuée dans l'étape précédente) a fonctionné à merveille ! Ces hachures vous permettent une visualisation de votre tableau.

6 Votre tableau est enfin terminé. Relisez-le, une dernière fois, avant de l'enregistrer puis lancez votre navigateur. Vous découvrez une Page vierge de tout tracé barbare qui s'affiche sans le " squelette " du tableau. En réalité, les tableaux sont bien plus utilisés qu'on ne le croit.

^

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

1 Préparez une page de destination pour vos liens hypertexte. Il n'est pas nécessaire que cette page Web soit terminée. Il vous suffit de l'enregistrer afin de posséder un nom de fichier ainsi qu'un titre . Une fois ces éléments en place, vérifiez les noms des deux pages que vous souhaitez lien Pour ce faire, ouvrez-les toutes deux en déroulant le menu Fenêtre (ce qui vous permettra de passer facilement d'une page à l'autre). L’Ordinateur se charge du reste ...

2 Grâce à ce même menu fenêtre, sélectionnez la page dans laquelle le lien hypertexte sera inséré. Sélectionnez ensuite le mot, le groupe de mots ou l'image sur lesquels vous souhaitez pointer votre lien hypertexte. Déroulez le menu Insertion, puis sélectionnez Lien hypertexte. Avec l'habitude, il vous suffira d'appuyer simultanément sur Ctrl et K. Nota Bene: Un lien hypertexte peut être interne à la page ou externe. S'il est interne, option que nous ne traiterons pas ici, vous devrez définir un signet.

3 La fenêtre qui s'affiche propose de créer un lien vers 4 directions. L’onglet Ouverture des pages pointe vers les pages Web créées par vos soins. Le 2e onglet (WWW) pointe vers les pages déjà en ligne. Vous devrez donc inscrire l'URL de la page souhaitée. Le 3e onglet donne la possibilité d'enregistrer une " Nouvelle page ". La 4e direction (le lien interne) nécessite les signets. Après avoir choisi l'onglet approprié, sélectionnez le nom de la page avec laquelle vous voulez le lien, puis cliquez sur OK.

4 Lorsque le lien est inséré, le texte sélectionné devient bleu. Si, bien sûr, vous n'avez pas modifié les paramètres par défaut. La remarque qui suit est d'une évidence désespérante, mais peut s'avérer utile : si votre arrière-plan est de la même couleur que votre texte, il y aura comme un bug: bleu sur bleu, ce n'est pas ce qu'il y a de plus lisible ! Gardez également à l'esprit qu'une fois activé, le lien hypertexte devient rouge. Mieux vaut, donc, éviter le fond rouge. Voilà pour ce mini-cours sur l'effet dynamogénique des couleurs.

5 Travailler, c'est bien beau, mais comment faire pour visualiser le résultat de votre labeur ? il vous suffit d'enregistrer, puis de lancer votre navigateur en mode hors connexion. Pour cela, réduisez la fenêtre de FrontPage Express et double-cliquez sur l'icône de votre navigateur qui s'affiche sur votre bureau. Le logiciel vous propose alors la connexion que vous refuserez, avant de passer en mode " Travailler hors connexion " ou " hors ligne " (pour Netscape) en déroulant le menu Fichier (ou en cliquant sur le bouton comme le montre le visuel).

6 L’étape suivante consiste à retrouver la page sur laquelle vous avez inséré le lien hypertexte. Opération simplissime ! Déroulez le menu Fichier, puis sélectionnez Ouvrir. La fenêtre qui s'affiche alors à l'écran, vous demande le chemin d'accès de la page. Ou, en d'autres termes, l'arborescence de dossiers et sous-dossiers de disque dur qui permettent d'atteindre le fichier de la page concernée. Si l'itinéraire exact vous échappe, ou si le code d'écriture vous rebute, alors cliquez sur le bouton Parcourir. On continue ?

7 Une fenêtre vous propose alors de farfouiller dans l'ordinateur, dossier par sous-dossier, à la recherche de la page perdue ! Après une poignée de secondes(c'est-y pas beau, l'intelligence artificielle.?), sélectionnez la page de votre choix et cliquez sur OK. La fenêtre disparaît alors et, à votre grande stupéfaction, la ligne " Ouvrir " a été remplie. Il ne vous reste plus qu'à cliquer sur OK pour visualiser votre page, telle qu'elle apparaîtra en ligne.

8 Eurêka !Votre page est là ! Devant vos yeux ébahis ! Passons, à présent, à la phase test le lien hypertexte. Moment quasi magique pour le concepteur de pages Web qui s'éveille en vous ! Le curseur de la souris s'est métamorphosé en une main. Preuve irréfutable, s'il en est, que votre lien hypertexte fonctionne. Nouvelle séquence frisson, après ce fugitif instant d'allégresse : ce lien pointe-t-il vers la bonne page ? Vous le saurez en cliquant dessus... Si, toutefois, rien ne change, ne vous inquiétez pas. Vous avez, sans doute, omis de réenregistrer la page dans FrontPage Express.

^

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

1 Outre le design proprement dit, les images sont pour beaucoup dans la beauté d'un site Web. Mais, avant de vous lancer, sachez que les seuls types d'image compatibles avec le HTML (langage de programmation des pages Web) sont le gif et le jpg (ou jpeg). Si, toutefois, vous souhaitez utiliser des visuels d'un tout autre format, FrontPage Express les convertira automatiquement, sous réserve de standard commun. Placez votre curseur à l'endroit où insérer votre image, déroulez le menu Insertion et cliquez sur Image.

2 La fenêtre qui apparaît vous propose d'aller rechercher votre image sur le disque dur ou sur Internet. Si votre image est sur Internet, vous devrez indiquer l'adresse exacte du site (ce qui n'est pas toujours très pratique). Mieux vaut donc la rapatrier sur votre disque dur, puis l'insérer dans votre page. Une fois votre image stockée sur le disque dur, parcourez l'arborescence en cliquant sur Parcourir pour définir le chemin d'accès, puis cliquez sur OK.

3 Si l'image qui apparaît ne correspond pas à celle que vous aviez choisie, rien de bien grave. Continuez votre progression. Il se peut, également, qu'elle ne s'affiche pas à la dimension désirée. Pour agir sur la taille de l'image, sélectionnez-la en cliquant une fois dessus. Apparaissent alors des petits carrés noirs, aux extrémités du bloc image, également appelés " poignées ". Placez votre souris sur l'une des poignées latérales, puis cliquez et déplacez la souris tout en maintenant appuyé afin de modifier la taille de votre visuel.

4 Pour visualiser votre page avec toutes les images, vous devez l'afficher sur votre navigateur (Explorer ou Netscape). Le plus simple est de fermer votre page, puis de la rouvrir en double cliquant sur son Icône-fichier. Votre page Web s'ouvrira d'elle-même via votre navigateur, en mode non connecté. Il est donc important d'enregistrer les actions nouvellement effectuées. Si le résultat n'est pas celui escompté, vérifiez bien que vos images soient bien en format gif ou jpg. Dans le cas contraire, vous devrez les convertir vous-même.

^

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

1 Ajoutez une animation et vos pages gagnent aussitôt en dynamisme. Pour insérer un texte défilant, qui traverse la page, à votre gré, déroulez le menu Insertion, puis sélectionnez Texte défilant. Inscrivez votre texte dans la fenêtre qui apparaît. Cette fenêtre permet également de définir les propriétés du texte défilant : couleur du fond, taille des caractères, sens de défilement... Cliquez sur OK lorsque tous les paramètres sont définis.

2 Envie de musique, à présent FrontPage Express vous permet aussi d'insérer un fond sonore à votre page. Pour ce faire, déroulez le menu Insertion avant de sélectionner Fond sonore. La fenêtre qui s'affiche vous propose de récupérer la séquence musicale sur votre disque dur ou sur Internet. Dans le second cas de figure, vous devrez inscrire l'adresse exacte du site. Et si le son figure sur le disque dur, cliquez simplement sur Parcourir.

3 Pour vérifier que le logiciel a bien pris en compte votre insertion de son, deux manipulations : afficher les propriétés de la page en déroulant le menu Fichier, puis ouvrir la page sur votre navigateur (après l'avoir préalablement enregistrée). FrontPage peut aussi vous demander d'Enregistrer sous le fichier son que vous avez utilisé, lors de la fermeture de la page Web. Cette opération lui permet de rassembler tous les fichiers d'une même page dans un même dossier

^

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

1 Pour enregistrer, déroulez le menu Fichier en haut à gauche, puis cliquez sur Enregistrer. Une fenêtre vous demande d'inscrire le titre et le nom de la page. Le titre de la page est une donnée nécessaire pour le langage HTML. Vous pouvez y inclure accents et espaces. Ce nom de page devient, en réalité, le nom du fichier informatique qui la contient. Veillez, dans cet espace, à n'inscrire aucun accent ni espace. Pour l'un et l'autre nom, choisissez des termes explicites vous permettant d'identifier immédiatement le sujet.

2 Pour enregistrer votre fichier HTML sur votre disque dur, cliquez sur Comme un fichier. Une nouvelle fenêtre s'affichera, vous proposant divers dossiers que vous pourrez ouvrir d'un simple double-clic. Une fois l'emplacement déterminé, vérifiez bien le type de fichier proposé par l'ordinateur : Fichier HTML ou *. htm. Enfin, il ne vous reste plus qu'à vérifier que le nom ne comporte ni espace ni accent.

3 Après avoir cliqué sur Enregistrer, vous devez retrouver le nom qui s'affiche, dans la barre, en haut de page. Ce nom doit être accompagné du chemin d'accès qui liste le chemin des différents dossiers et sous-dossiers à parcourir pour atteindre votre page. Enfin, le nom de votre page doit également se retrouver dans le menu fenêtre, qui vous sera très utile pour passer d'une page à l'autre lors de la création des liens.

4 Une dernière vérification s'impose pour vous assurer que votre page possède bien un nom de fichier (étape 3) et un titre. Déroulez le menu Affichage, puis cliquez sur HTML pour accéder au code HTML de votre page Web. La cinquième ligne doit comporter la balise < titre > suivi du nom tapé sur la première ligne de votre fenêtre d'enregistrement. Si l'ensemble concorde avec vos prévisions, tout va pour le mieux dans le meilleur des mondes. Sinon modifiez directement le nom de dossier dans cette fenêtre.

^

Ceux-ci permettent de créer un lien a l'intérieur d'une même page, ou à un endroit précis d'une autre page. Pour cela sélectionner l'emplacement voulu de la page puis dans le menu Edition choisir signet et lui donner un nom. Ensuite il suffit de créer un lien vers ce signet.

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

A/ MISE EN FORME DE LA PAGE :

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

A/ MISE EN FORME DE LA PAGE :

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

A/ MISE EN FORME DE LA PAGE :

B/ INSERER UN TABLEAU :

C/ CREER UN LIEN HYPERTEXTE :

D/ INSERER UNE IMAGE :

E/ INCLURE DES ANIMATIONS :

F/ ENREGISTRER UNE PAGE :

G/REFERENCEMENT

Lorsque vous recherchez une information ou un site traitant d’un sujet précis et que vous ne disposez d’aucune adresse, la seule solution s’offrant à vous est d'utiliser  un moteur de recherche.

Parmi eux, vous connaissez sans doute déjà Yahoo, Alta Vista, Lokace, Nomade etc ...

A partir de mots clés, de rubriques ou de sous-rubriques, ces moteurs dressent une liste des pages traitant du sujet recherché et en établissent un classement.

Pour disposer de ces informations, ces moteurs de recherche utilisent deux techniques :

. L’indexation automatique : à intervalles réguliers, ils balayent véritablement l’espace du Web à la recherche d’informations, en procédant à une indexation automatique des pages trouvées. Chaque moteur comporte ses propres règles d'indexation et elles sont assez souvent modifiées. Vous n’échapperez sans doute pas à ce balayage, cependant il risque de prendre plus de temps que vous ne le souhaitez. Nos astuces vous aideront dans un second temps à préparer efficacement cette phase.

. Le référencement manuel : ces moteurs de recherche (appelés annuaires), référencent manuellement les sites qui leur sont soumis. Des personnes sont chargées de consulter les sites et de vérifier qu'ils ont bien été soumis dans les bonnes rubriques et sous-rubriques. Voilà pourquoi le référencement automatique est possible dans certains moteurs (voila.fr par exemple) et plus difficile dans d'autres (yahoo.fr par exemple). Vous devez donc procéder méthodiquement afin d'optimiser votre référencement.

. Nous vous proposerons donc de vous inscrire dans les principaux outils francophones (La majorité d’entre eux dispose d’une version anglophone) soit de façon manuelle, soit à l’aide d’assistants dont l’avantage principal est de ne vous faire saisir qu’une seule fois les informations relatives à votre référencement.
Il existe bien sûr des services professionnels de référencement , cependant les adresses que nous vous fournissons nous semblent relativement exhaustives pour que votre site soit accessible par la majorité des internautes.

^

Menu référencement

Référencement manuel de votre site

Vous trouverez ici une liste non exhaustive des principaux moteurs de recherche francophones ou majeurs, il ne vous faudra que quelques minutes par moteur pour soumettre votre site.

Assistant au référencement

Ces assistants vous demanderont de renseigner une premiere fois les informations type (adresse internet, sujet, type…) puis vous guideront dans la procédure de référencement en vous soumettant une liste plus ou moins importante de sites.
A vous de choisir ceux qui vous paraîssent importants, en fonction du public que vous ciblez.

Submit-IT
Submit-now
Sam le référenceur

Dans tous les cas soyez patients… vous ne verrez pas le résultat de votre action immédiatement. Comptez plusieurs semaines pour que votre inscription soit effective.

Cependant vous recevrez dans la plupart des cas un mail de confirmation une fois que le moteur concerné aura visité votre page et accepté de le référencer dans sa base.

^

Menu référencement

Astuces pour le référencement

Vous trouverez ici des astuces à utiliser lors de la conception de vos pages qui vous permettront d’être rapidement et correctement référencés par les moteurs effectuant une indexation automatique.

. Le titre de votre page :

Les moteurs de recherche utilisent le titre du document comme le descriptif le plus important de votre site. En y insérant des mots clés, votre site sera listé au dessus de ceux présentant ces mêmes mots-clés dans le corps de la page simplement.

. Les balises META :

Nous avons vu que les moteurs de recherche procèdent à une indexation automatique des différents mots présents dans une page. Il est donc judicieux d’insérer des mots-clés dans l’en-tête de chaque page.
En utilisant les balises META, on peut spécifier un descriptif différent du titre tout en l’associant à un ensemble de mots clés.

.La syntaxe à utiliser est la suivante :

<META Name=«description» Content= «hebergement gratuit de sites INTERNET, d'emails et de pages persos»>
< META Name="keywords" Content="free web hosting internet hebergement gratuit ">

.Ces balises sont à insérer entre les marqueurs <HEAD> et </HEAD> de la programmation de votre page.

<HTML>
<HEAD>
<TITLE>titre de votre page personnelle</title>
<META Name="description" content="description de votre site>
<META Name="keywords" Content="mots clés de votre site">
</HEAD>

Sachez toutefois que votre « crédit » de mots-clés s’élève au maximum à 200. Au delà de l’utilisation de 200 mots clés, vous êtes considéré comme un tricheur (spammer) et le moteur ignore alors vos balises.
De la même façon, vous ne devez pas répéter votre mot-clé plus de 7 fois. Vous aboutiriez à ce même résultat .

Enfin, si votre site comporte des frames (cadres), vous devrez insérer ces balises META dans le document parent (contenant les divers cadres).

Voilà, à vous de jouer avec un peu de patience et de méthode, votre site deviendra peut-être l'un des plus consulté du web.

^

Menu référencement