Comment modifier les couleurs des modèles dans Kompozer

by Federico December 2

Modèles aident les concepteurs de sites Web gagner du temps en réutilisant des éléments HTML. Un site de vente de caméra, par exemple, devrez peut-être afficher la même couleur de position et de fond sur toutes les pages du site. Au lieu de définir ces propriétés pour chaque page HTML, développeurs de site créer un modèle unique et rendre chaque page de ce modèle de référence. Si plus tard, ils décident de créer des pages avec des couleurs différentes, ils peuvent mettre à jour le modèle. Si vous utilisez KompoZer, un éditeur HTML gratuit, changer la couleur d'un modèle existant à l'aide de l'éditeur du programme « CaScadeS ».

Instructions

Créez le modèle

1 Lancez KompoZer et cliquez sur « Fichier ». Cliquez sur « Nouveau » puis sur « Un modèle vierge. » Un modèle HTML Vierge apparaît dans la fenêtre d'édition.

2 Appuyez sur « CTRL » et « S » et tapez "gabarit d'essai 1" dans la zone de texte « Page Title ». Cliquez sur « OK ». La fenêtre « Enregistrer la Page sous » s'ouvre et affiche les dossiers de votre disque dur. Cliquez sur un des dossiers et tapez un "modèle de Test 1" dans la zone de texte « Nom de fichier ». Cliquez sur « Enregistrer ». KompoZer crée un nouveau modèle et l'enregistre dans le dossier sélectionné.

3 Cliquez sur le bouton « CaScadeS » en haut de KompoZer pour ouvrir la fenêtre de feuilles de style CSS. Cette fenêtre vous permet de créer une nouvelle feuille de style pour le modèle.

4 Cliquez sur la "Feuille de style interne" et puis cliquez sur le menu déroulant situé à droite de la fenêtre pour afficher la liste des éléments HTML que vous pouvez le style. Cliquez sur l'élément « body », puis cliquez sur « Create règle. »

5 Cliquez sur "Arrière-plan" et puis cliquez sur le bouton « Color » pour afficher la fenêtre couleurs. Cliquez sur une des couleurs dans la fenêtre et puis cliquez sur « OK ». KompoZer définit la couleur de la carrosserie de la feuille de style à la couleur sélectionnée. Parce que le modèle utilise la feuille de style, sa couleur s'affiche aussi cette couleur.

6 Cliquez sur « Insérer ». Un menu déroulant s'affiche. Cliquez sur HTML et puis tapez le code suivant dans la zone de texte qui s'affiche :

< h1 > C'est la position du modèle < / h1 >

Cliquez de nouveau sur « Insérer ». KompoZer ajoute un titre au modèle. À ce stade, le modèle contient un en-tête et une couleur de fond correspondant à la couleur sélectionnée pour la feuille de style du modèle.

7 Appuyez sur « CTRL » et « N » pour ouvrir la créer une fenêtre de nouveau Document. Cliquez sur « A nouveau Document basé sur un modèle » et puis cliquez sur le bouton « Dossier » pour afficher la fenêtre « Choisir un fichier ». Localisez le fichier de modèle, que vous avez créé, puis double-cliquez sur ce fichier.

8 Cliquez sur « Créer ». Une nouvelle page HTML s'affiche dans l'éditeur. Parce qu'il utilise le modèle, cette page affichera rubrique du modèle et la couleur d'arrière-plan. N'importe quelle page que vous créez qui référence ce modèle montrera rubrique du modèle et la couleur d'arrière-plan. Si vous décidez ultérieurement que vous avez besoin créer des pages qui ont des couleurs différentes, vous pouvez le faire qu'en changeant le modèle comme indiqué dans la section suivante.

Modifier les couleurs de modèle

9 Appuyez sur « CTRL » et « O » pour afficher la fenêtre ouvrir le fichier HTML.

10 Cliquez sur la flèche du menu déroulant « Fichiers HTML », puis cliquez sur « Modèles HTML. » Une liste des modèles existants s'affiche dans la fenêtre.

11 Double-cliquez sur le modèle que vous avez créé pour l'ouvrir dans l'éditeur. Sa couleur d'arrière-plan correspond à la couleur que vous définissez lorsque vous avez créé le modèle.

12 Cliquez sur le bouton « CaScadeS » pour ouvrir la fenêtre de feuilles de style CSS. Cliquez sur le lien « corps » situé dans le panneau de gauche de la fenêtre et puis cliquez sur « Arrière-plan ».

13 Cliquez sur le bouton « Color » pour afficher la fenêtre couleurs. Cliquez sur la nouvelle couleur que vous souhaitez utiliser pour le modèle, puis cliquez sur « OK ». KompoZer modifie la couleur du modèle à celui sélectionné. Tout nouveau document HTML que vous créez après ce modèle utilisera la nouvelle couleur.

Conseils et avertissements

  • Cet exemple crée un modèle simple qui définit la couleur d'arrière-plan du document HTML. Vous pouvez utiliser les mêmes principes pour définir les couleurs d'autres éléments tels que des boutons, des étiquettes, des zones de texte et des paragraphes. Les pages HTML qui référencent le modèle appliquera ces couleurs aux éléments HTML appropriés. Vous pouvez plus tard changer les couleurs de modèle comme indiqué dans les étapes suivantes. Nouveaux documents HTML que vous créez qui référencent le modèle utilisera les nouvelles couleurs. Page Web de KompoZer




Comments

Dites-nous ce que vous pensez, nous aimons entendre vos opinions!




Articles Liés

Comment changer la couleur des liens lire dans Firefox

Firefox affiche par défaut, distingue le texte en bleu dans qu'il affiche des liens non lus les liens que vous avez déjà visité en texte violet. Vous pouvez changer la couleur que Firefox affiche ces liens visités à partir de la boîte de dialogue cou

Comment modifier la couleur des yeux en ligne

Parfois, il peut être amusant d'expérimenter avec un nouveau look avant d'essayer quelque chose de drastique. D'autres fois vous pouvez juste personnaliser votre apparence pour les réseaux sociaux ou la messagerie instantanée. Quelles que soient les

Comment modifier la couleur des yeux en images

Si ses yeux rouges de vos photos ou vous voulez juste pour améliorer la couleur des yeux, édition de logiciels comme Photoshop faire éditer la couleur et l'intensité des yeux de vos photos numériques faciles. Créer de superbes et intense recherche vo

Comment modifier la couleur des yeux sur Photobucket

Photobucket est un stockage de photos et partage de photos site qui propose également quelques fonctionnalités que vous pouvez utiliser pour modifier les photos que vous avez uploadé sur le site de Photobucket de retouche de photo. Vous devez avoir u

Comment changer la couleur des limites automatique dans Microsoft Word 2003

Microsoft Word 2003 vous permet de changer la couleur des limites d'auto dans un document. Limites de l'auto sont les frontières qui, une fois ensemble, Word ajoute automatiquement à tous les cours et nouvelles pages en un mot document. Changer la co

Comment changer la couleur des liens vus dans l'Explorateur

Internet Explorer est un navigateur de Microsoft. Une des fonctionnalités intégrées dans le navigateur est qu'elle change la couleur des liens que vous avez déjà visité. Sur certaines pages Web, il est difficile de dire quels liens vous avez déjà vis

Comment changer la couleur des images clipart dans Office 2007

Clipart ajoute style et un intérêt visuel à des documents office et des présentations multimédias. Parfois, cependant, vous trouverez le morceau parfait clipart mais la couleur ne correspond pas à votre document. Vous devrez peut-être modifier une im

Comment contrôler les couleurs des liens hypertexte dans Excel pour Mac

Excel de Microsoft tableur vous permet d'insérer des liens hypertexte dans votre feuille de calcul que peut prendre les utilisateurs pour pages Web, documents, d'ancrer dans la feuille de calcul ou de courriels. Par défaut, le texte de ces liens hype

Comment modifier les propriétés de la Page mise en forme dans Microsoft FrontPage

Les propriétés de mise en Page onglet dans Microsoft Office FrontPage 2003 peut être utilisée pour définir la base mise en forme pour une page, y compris la définition des couleurs d'image, de fond et de texte, de l'arrière-plan et les couleurs qui s

Comment modifier les Types de fichiers dans Windows

Chaque type de fichier dans Windows a son propre ensemble de propriétés, y compris le programme qui ouvre chaque type de fichier, l'icône utilisée pour représenter ces fichiers et les définitions des diverses actions sur ces fichiers. Les étapes suiv