Tous les gabarits sont livrés avec les fichiers .png. Ces images peuvent être éditées dans Fireworks de Macromedia — une version d'évaluation du logiciel, fonctionnant durant 30 jours, est disponible gratuitement si vous ne disposez pas de ce programme.

La majorité des éléments qui se répètent sur plusieurs pages sont généralement des pages incluses pour FrontPage, des composants GoLive ou des parties du fichier .dwt de Dreamweaver ou un article de librairie.

Vous n'avez pas besoin d'avoir votre propre copie de Fireworks pour travailler avec nos gabarits, mais cela simplifie l'édition des graphiques. Les fichiers .png se retrouvent généralement dans les dossiers /extras.

Éditer le texte dans Fireworks

- Fichier>Ouvrir et double-cliquer l'image que vous devez éditer

- Cliquer sur l'outil texte (l'icône est un "A")

- Placer votre curseur sur le texte et saisir celui-ci.

Exporter votre graphique en passant par Fichier>Exporter Prévisualisation et choisir le format de l'image(généralement en GIF).

Vous pouvez changer la couleur du texte en choisissant l'outil approprié (soit la flèche blanche). Cliquer sur le graphique et sélectionner la couleur à partir de la fenêtre des propriétés. Vous pouvez aussi changer la police en la sélectionnant dans le menu déroulant, dans la même fenêtre. Si vous devez changer la couleur de l'arrière-plan, choisir Modifier>Canevas>Canevas Couleur.

Des effets comme les ombrages, les reliefs, etc. peuvent être ajoutés en cliquant sur le symbole "plus" (+) à côté du mot "effet" dans la fenêtre des propriétés et en sélectionnant les options jusqu'à ce que vous obteniez l'apparence qui correspond le mieux à vos goûts.

Édition des couleurs de graphique

La plupart des gabarits ont des graphiques aux coins arrondis, des images pour le haut et le bas des menus, etc. qui peuvent être changés facilement. Généralement, les images disposent d'un arrière-plan de couleurs qui peut être changé de la façon indiquée plus haut et l'image arrondie peut être modifiée en la sélectionnant et changeant les couleurs dans la fenêtre des propriétés.

Note : Plusieurs fenêtres sont disponibles dans Fireworks. Les plus importantes sont probablement celles des outils et des propriétés. Si les fenêtres ne s'affichent pas, vous pouvez les sélectionner à partir de la fenêtre du menu dans le haut de l'écran.

La majorité des couleurs des gabarits sont définies dans les propriétés de l'arrière-plan des cellules. Elles peuvent être changées en cliquant avec le bouton droit de la souris en mode d'édition graphique. Choisir "Propriétés de la cellule".

Note : Il est important de ne pas déplacer les bordures de cellules et des tableaux sinon la mise en page sera modifiée — toujours utiliser les propriétés des cellules et des tableaux.

Pour changer les couleurs des arrière-plans avec Dreamweaver, cliquer dans la cellule en mode d'édition graphique et ensuite sélectionner la couleur à partir de la fenêtre des propriétés.

Note : Il est très important de définir votre site avant de modifier les gabarits Dreamweaver et de faire des changements globaux au fichier Main.dwt.

La plupart des gabarits utilisent un fichier CSS pour régir les polices de caractères et les propriétés des liens. Ainsi, en éditant ce fichier, vous obtiendrez une apparence uniforme pour l'ensemble de votre site — nous avons des informations détaillées ici :

Utilisation des feuilles de style en cascade (CSS)

Si vous n'avez pas trouvé ce que vous cherchez sur cette page, n'hésitez pas à consulter notre forum.