page 1 Page 2  page 3  -  page 4  page 5

Sur votre disque dur

Pour débuter, je dois vous dire de ne jamais mettre d'accents, de majuscules ni de virgules, juste des barres _  ou - pour séparer les mots, sinon vous n'aurez que des croix rouge quand vous allez transférer sur votre site internet.

 

On commence :

ouvrir FrontPage  (le mien FrontPage 2003)

Affichage  /  volet office

une nouvelle fenêtre s'ouvre sur la droite

et vous choisissez "Nouveau site Web",  site à une page

une nouvelle fenêtre s'ouvre:

Cliquez sur parcourir pour chercher l'emplacement où vous voulez créer votre dossier site

Perso je l'ai mis sur mon disque externe mais vous pouvez le créer dans le dossier mes documents par exemple , puis cliquez sur OK

et l'adresse du site s'inscrit dans la petite fenêtre: vous lui donnez un nom bien sur

ok

une nouvelle fenêtre s'ouvre  FontPage à créé le dossier avec déjà certains dossier dedans et la page index aussi

Ceci est la RACINE du site où vous voyez votre page Index.htm

voici donc votre site créé sur votre disque dur

le dossier PRIVATE c'est pour mettre ce que vous voulez garder mais à ne pas mettre sur le site internet distant

Vous pouvez créer des nouveaux dossiers pour bien trier le site

Vous voyez la première page du site c'est la page index.html,  celle-ci il ne faut jamais la bouger de place, car elle doit absolument rester à cet endroit sinon votre site ne va pas fonctionner

On commence à décorer le site.

A présent il faut monter les pages,  nous commençons par la page Index qui est la page sur laquelle vos visiteurs arrivent quand ils cliquent sur le lien de votre site.

Pour cela il faut d'abord créer les tuiles et les décorations avec paint shop pro ou autre logiciel de graphisme

voir cette page explication  I C I

 

Double cliquer sur la page index (ou ouvrir une nouvelle page),  elle va s'ouvrir en grand dans FrontPage

1. clic droit au milieu de la page et clic sur propriété de la page, une fenêtre s'ouvre

Cliquez sur Général

Si c'est une nouvelle page, vous lui donnez un nom exemple: page_tutoriels-papiers

cliquez sur mise en forme

vous cherchez la tuile de votre choix en cochant "image" et clic sur parcourir

Cliquez sur Avancé et puis sur style du corps en 2 

Cliquez sur format en 3,  et puis Police en 4  /  une autre fenêtre s'ouvre

Vous choisissez 1/la police,  2/le style,  3/la taille et la couleur de votre choix , cliquez sur OK

cliquez encore sur ok et votre fond est installé

Il faut à présent enregistrer votre page dans votre dossier "Pages HTML) car si jamais il y a un beug vous pourriez devoir tout recommencer

Fichier  /  enregistrer sous /  chercher le dossier / donnez un nom moi je met le même qu'au début de l'ouverture de la page voir plus haut

2. cliquez sur tableau, et puis insérer un tableau

une fenêtre s'ouvre

vous aurez ceci

Clic droit au milieu du bleu et propriété de la cellule

ici j'ai repris la même tuile que la première, mais vous pouvez en mettre une autre qui s'harmonise avec les couleurs ,  vous aurez donc ceci:

clic  au centre du petit rectangle et puis cliquez sur centrer

puis de nouveau sur tableau et insérer un tableau,  la même fenêtre qu'au début s'ouvre et vous remplissez de nouveau

ici j'ai mis des marges de 10 pixels au lieu de 15 comme le premier tableau

cliquez de nouveau au milieu par un clic droit et propriété de la cellule comme la première fois

ici j'ai pris la tuile écriture ou fond 3

et voici votre page prête à accueillir vos gifs, vos textes et tout ce que vous voulez

Pour mettre un gif , cliquez sur insertion, et image, à partir du fichier, et vous cherchez ce que vous voulez y mettre, par exemple une jolie pirate et un titre :

Voilà à vous maintenant, Je vous souhaite bonne chance, ce n'est pas si compliqué, il faut y aller doucement, à son rythme et tout va bien se passer.

 

La prochaine page, je vous expliquerez pour faire une page avec plusieurs tableaux pour votre page d'accueil du site.

cliquez sur suivant pour voir la page 3   

marie christine, le 13 octobre 2006.

 

 

     

Créations Marie Christine 2006-2007-2008-2009