Votre première page HTML

 

Plusieurs d'entre vous souhaitent monter un site et ne trouvent pas d'explications, même si je suppose qu'il en existe. L'explication faite ici pour vous aider, ne concerne que le logiciel Namo Web, (les différentes versions sont semblables) même si je n'ai aucune action ou intérêt dans cette entreprise.

 

Avant de monter une page HTML ou HTM, le matériel doit être prêt

Pour cela, nous commençons par réaliser le fond, qui peut être le même ou différent du fond intérieur selon votre volonté pour la mise en page et la décoration. Avec l'habitude vous trouverez vous-mêmes des idées pour agrémenter vos pages

Le Fond

1.   Ouvrir une image transparente de 300 x 300 pixels

2.   Faire votre fond à votre goût

3.   Sélections/sélectionner tout

4.   Sélections/modifier/contracter de 50 pixels

5.   Sélections/ transformer la sélection en calque

6.   Fichier/enregistrer sous... en format *.jpg/jpeg; appeler votre fichier "fondpage1" par exemple

N.B. le fond peut être fait à partir d'un papier à lettre à motif répétitif. Si vous voulez un papier en-tête, au motif non répété, il suffira de coller une formule dans la partie <body> du langage HTML ---» voir au bas de page

 

Fond intérieur

Prévoir la même chose sans image, en faisant la même procédure pour un fichier que vous nommerez "fond_interieur"

Attention:    certains logiciels ne supportent pas les lettres majuscules et certains accents ou signes... c'est le cas de Namo Web

 

Bord:

Ouvrir une nouvelle image transparente de 200 x 40 pixels, la remplir d'un dégradé ou d'un motif à votre goût, l'enregistrer en format *.jpg/jpeg; en faire un autre différent pour le contraste.

Montage de la page:

1.   Ouvrir votre logiciel Namo Web, les différentes versions n'ont pas de grandes différences, l'explication reste valable.

2.   Dans la barre d'outils standard, cliquer le dossier"nouveau"(1 ), une page blanche s'ouvre

3.   Faire fichier/enregistrer sous... et lui donner le nom que souhaitez, par exemple "index", elle prendra la forme de : index.htm ou index.html

4.   Fichier/ propriétés du document... une fenêtre s'ouvre, il suffit d'aller chercher dans votre dossier, l'image de fond faite ci-dessus, puis cliquer sur appliquer/ok. Vous verrez que votre fond n'est plus blanc

5.   Sur la barre d'outils de format, cliquer sur l'icône "aligner au centre "(2)

6.   Tableau / nouveau tableau, cliquer, une fenêtre de propriétés s'ouvre, il suffira de configurer:

    * en 1: mettre 1 ligne, 1 colonne

    * en 2: cocher largeur / 80 % . Vous pouvez aussi opter pour 90, 85 ou 70%... à votre goût; ce ne sont que des indications utiles à vous permettre de construire une page

    * en 3: constatez qu'il n'y a aucun chiffre; si l'on met 0 ou 1, le bord sera très fin; si vous souhaitez un bord plus large, il suffira de mettre 2,3 ou 4, etc... pour la marge de la cellule

    * en 4 qui concerne l'agencement: dans notre exemple, j'aligne mes fonds au centre

    * en 5 qui concerne les bordures : ne voulant pas de bordure supplémentaire, je choisis 0 pour l'épaisseur... sinon, vous pouvez sélectionner le chiffre de votre choix, ainsi que la couleur dans la zone marquée du repère vert

    * en 6: aller chercher la bordure faite, et placée dans votre dossier

7.   Cliquer sur Appliquer/OK, on obtient ceci:

8.   Placer le curseur au centre de ce tableau, refaire Tableau/ nouveau tableau, mais cette fois on va changer certaines configurations dans les propriétés du tableau

    * en 2: largeur à 100%

    * en 3 : 10 pour la marge de la cellule

    * en 6: on va rechercher un autre bord pour trancher avec le précédent.

9.   Appliquer/OK

10. Remettre le curseur au centre du dernier tableau, et refaire la même chose, en changeant certaines propriétés

    * en 3: 0 ou 1

    * en 6: aller chercher le premier bord dans votre dossier

 on remarque que la largeur est à 100% pour tous les tableaux

11. Appliquer/OK

12. Remettre le curseur au centre du dernier tableau, et là, on va faire entrer le dernier fond intérieur , dans lequel vous insérez textes et images de votre page HTML, en changeant encore certaines propriétés:

    *en 3 : 25

    * en 6 : aller chercher dans votre dossier votre fond intérieur

13. Appliquer/ OK

14. Faire Fichier/ enregistrer sous... le nom de votre page que vous avez enregistrée au début, mais qui est modifiée à présent.

Il ne vous reste qu'à placer votre curseur à l'intérieur du dernier tableau et à écrire et/ou insérer ce que vous souhaitez!

***Pour ceux qui voudraient faire un papier à en-tête:

il suffit d'insérer le code suivant, par un copier/ coller, après la balise </HEAD> et avant la balise <BODY>; notez l'inscription "no-repeat" qui explique la non-répétition du fond. D'autre part tout ce qui est en rouge peut être modifié .

<STYLE>

BODY { BACKGROUND-POSITION: center top; MARGIN-TOP: 325px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; MARGIN-LEFT: 95px; COLOR: #800000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Centaur }

</STYLE>

Votre première page HTML doit être bien avancée...

~~~~~~~~~~

Merci d'être passé par mon jardin, si vous avez un problème n'hésitez pas, en écrivant ici

~~~~~~~~~~

00035823