Se servir du kit :

Dans un kit vous trouverez:

*Index html ou php

*Une page vide html ou php

*Parfois une page CSS (ne pas la jetter) c'est une feuille de style

*Un dossier avec les images qui construisent votre kit

 

Si les images ne vous conviennent pas il suffit de les remplacer par vos images, toutefois attention de bien les renommer pareil et de respecter l'extention (jpg ou gif ou png) dans le dossier, et comme par enchantement les anciennes disparaitrons pour faire place aux nouvelles.

 

il y a aussi une toute petite image qui s'apelle "spacer" surtout ne pas l'enlever ,

elle permet de tenir les colonnes a leur place.

Je vous conseille dans un 1er temps de copier votre dossier du kit...en cas d'erreur vous pourrez retrouver vos pages d'origines

 

Passons au remplissage:

avant toute chose aller lire la méthode d'organisation de dossiers:

http://www.trucs-machins.fr/comment_faire.html

 

Vous aller ouvrir votre Dreamweaver, il va vous demander soit de créer,

soit d'ouvrir une page existante .

Vous ouvrez la page existante l'index.

Aller en haut dans affichage ==> Barre a outils ==>standard

Vous aurez ceci, sauf que le nom "exemple_kitty.html" sera remplacer par

"index.html"

Vous avez vos 3 colonnes sur les cotés pour vos liens

au milieu pour décorer ou écrire.

Quand vous voulez écrire au milieu cliquer sur cette fonction:

Pour écrire soit a gauche ou a droite...soit la fonction à coté a gauche ou celle de droite .

Pour créer un lien de page, c'est à dire, là où l'on clique et hop ont ce retrouve sur la page demandée

il suffit de surlignél'image ou mot ou phrase comme ceci:

Puis d'aller en bas dans propriété

celà donnera ceci:

Vous remarquerez une autre flèche qui vous désigne "cible" _blank veut dire simplement que qaund on clique sur le lien une nouvelle page s'ouvre donc vous aurez 2 fenêtres...si vous ne mettez rien la page actuelle est remplacer par une nouvelle donc une seule fenêtre.

Pour créer une nouvelle page d'après un modèle :

Prendre la page vierge ou une déjà faite style "colonne" l'ouvrir avec Dream et de suite sans rien modifier avant faire enregistrer sous ..

nom que vous voule lui donner (attention, pas d'accens ou autre fioritures, elle ne serait pas lu sur internet)

Pour remplir la page colonne apres avoir préalablement enregistrée sous un autre nom,

vous cliquez dans la case, le curseur est soit a droite soit au miieu, si il est a droite apliquer ceci

vous devez avoir ceci:

Remarquer les pointillés ceux ci sont normaux

puis aller dans :

insertion ==>image ==> et allez chercher votre image dans le dossier correspondant faites ok, et hop

l'image apparait.

Si une image était existant double cliquez dessus puis cheher la nouvelle image.

Pour remplacer un texte copier votre texte avec la souris, surligner le texte que vous voulez remplacer puis

faites coller et l'ancien texte est remplacé.

Pour la dimention de la police et la couleur, c'est dans la propriété

si les polices proposée ne vous convienne pas, il suffit d'en télécharger dans dream comme ceci:

Dans propriétés, cliquer sur Police ==> Modifier la liste de police:

 

Dans la colonne n°1 la liste de police de windows, cliquer sur celle choisie

2° cliquer sur ses 2 petites flèches qui mettront la police choisie en colonne 3

puis faites ok (4)

vous devez retrouve votre police dans la liste .