Feuilles de cascade de modèle pour une meilleure conception de Web

En feuilles de cascade de modèle vous pouvez indiquer comment vos pages Web seront présentées sur l'écran en prédéfinissant simplement des éléments de page tels que des polices, des en-têtes et des liens.

Vous pouvez ajouter ces éléments prédéfinis dans la tête-section de vos pages, mais plus intéressant il est de les employer dans un dossier simple de .css et inclure ce dossier en chaque page sur votre emplacement.

Tout que vous devez faire est d'inclure dans votre en-tête de HTML. (le chemin dans le href doit se diriger à l'endroit où votre dossier de .css est stocké)

Il y a deux avantages principaux à employer des feuilles de CSS dans un dossier séparé :

1. plus de flexibilité ; seulement un (1) dossier à mettre à jour

2. moins de codage de HTML et de remplacement facile de HTML désapprouvé. J'expliquerai plus de ceci ci-dessous.

D'abord, me laisser vous disent que je ne suis pas un professionnel de cascade de feuille de modèle. Je l'emploie juste.

Si vous voulez devenir un, il y a de grandes ressources et cours d'instruction de CSS dehors là.

Aller juste à

http://www.w3.org/Style/CSS/learning http://www.htmlhelp.com/reference/css/

mentionner uns, mais là sont beaucoup plus. Le type « modèle de cascade couvre » dans votre Search Engine préféré et vous obtenez l'abondance de l'information.

Mais être juste un layperson dans le CSS souligne l'importance de cet outil de conception de Web. J'ai commencé à employer les feuilles de cascade de modèle sous sa forme plus élémentaire. Tout que vous devez faire est nommé l'élément de page que vous allez indiquer et ajouter ses caractéristiques dans des parenthèses bouclées. Voici mon premier dossier de CSS :

corps {police-famille : Arial, helvetica, caractères sans obit et sans empattement ; police-taille : 10pt ; police-modèle : normal ; ligne-taille : normal ; police-poids : normal ; texte-décoration : aucun ; couleur : #000000}

En sauvant simplement ce code dans un dossier de feuille de modèle et en l'incluant dans mes pages Web je n'ai soudainement dû définir des rapports de POLICE dans le corps de mes pages plus. Le défaut de la reproduction sonore, celui m'a sauvé beaucoup de codage ! Grand avantage (non 2).

ET .....

J'ai eu peu d'erreurs dans mon HTML, parce que je n'ai pas dû fermer cette étiquette maladroite de POLICE (à l'endroit faux). Grand avantage (non 2).

Quand j'ai découvert ceci, j'ai immédiatement commencé à ajouter des définitions pour d'autres étiquettes comme H1, H2, linktext (non visité, visité et vol plané) et couleurs spéciales en texte.

Si je veux changer le regard de mon H1-header, tout que je dois faire est de changer Spéc. dans ma feuille et presto de modèle…. le H1 est changé à travers mon emplacement entier. Comment est-ce que c'est pour la flexibilité ? Grand avantage (non 1).

Quand I a par le passé remodelé mon emplacement j'avais l'habitude des validators de HTML pour voir comment je faisais. À ma surprise j'ai constaté que quelques commandes de HTML, les plus importantes étant POLICE, ont été désapprouvées dans HTML 4.0. Cela signifie que par la suite ces commandes ne seront pas employées plus.

Ainsi j'ai dû faire quelque chose. Encore, les feuilles de modèle sont venues à la délivrance. Tout que j'ai dû faire était de définir comment mes polices ressembleraient à en ma feuille de modèle et j'ai fait résoudre le problème. Grand avantage (non 2).

Maintenant j'emploie le CSS pour définir des en-têtes, des titres de bas de page, des couleurs spéciales des textes, des polices spéciales et des tailles de police, etcetera spécial de liens. Si je me découvre jamais avoir besoin d'une certaine disposition supplémentaire ou modèle, j'ajoute juste une ligne à mon dossier de .css. C'est si facile !

L'essayer. Commencer à employer des feuilles de modèle. Vous êtes plus flexible et il vous sauvera un bon nombre de temps.

Te souhaiter le succès.
Enfermer Stevens