Développer une stratégie de CSS

Share

|

Quand le CSS Obtient Sali-vers le haut

Un des grands avantages du CSS est qu'il réduit sensiblement le code répétitif de formatage hors de la marque de HTML vers le haut et consolide la même chose dans le CSS qui sauve les programmeurs beaucoup de temps et d'effort. Les modèles peuvent être réutilisés pour établir les blocs multiples des textes et pour commander la disposition et le formatage aux pages multiples. La meilleure partie est qu'elle sauve considérablement beaucoup de temps d'élaboration ayant tout le formatage réutilisable dans un endroit centralisé, particulièrement quand vous éditez ou mettez à jour votre site Web.

Le renverser-côté, le CSS peut ennuyer tout sali-vers le haut pendant que vous continuez à ajouter plus de modèles à la feuille de modèle. Il y a différents modèles pour redéfinir les attributs d'étiquette de HTML, la classe et les sélecteurs d'identification pour composer différents blocs des textes, et également les différents modèles pour la disposition de page. Encore, alors que certains de ces modèles sont emplacement au loin, d'autres sont applicables à différentes pages. De plus, il y a des issues de compatibilité de cross-navigateur et ainsi de suite. Avec toutes ces substances entrant dans la feuille de modèle, souvent les choses deviennent embrouillantes à moins que vous ayez développé une stratégie appropriée de CSS.

Conception De Votre Stratégie de CSS

Organisez-vous des modèles de CSS – la gaffe la plus commune que quelques réalisateurs d'enchaînement commettent est qu'ils mettent tous les modèles pour l'emplacement entier dans un dossier de CSS. Bien que cette approche fonctionne pour un petit emplacement avec très peu de pages ayant des modèles spécifiques, parce que les emplacements plus grands c'est les dossiers multiples de la meilleure utilisation CSS.

La clef doit diviser le dossier de feuille de modèle en différentes sections. Par exemple, dans le modèle principal la feuille particulièrement dans la première section devrait contenir les modèles avec l'application large du plus large emplacement, ainsi elle est la plupart du temps peuplée avec les modèles qui redéfinissent les propriétés des étiquettes de HTML. L'autre section peut contenir des modèles pour composer les éléments communs de page, tels que la barre de navigation ou le titre de bas de page. Les modèles que la disposition de page large d'emplacement de commande peut être placé dans une autre section. Les sections suivantes devraient créer des groupements des modèles avec un foyer progressivement plus spécifique.

Évitez l'"classe-itus" que – beaucoup de réalisateurs d'enchaînement tendent à abuser des classes et des identifications. Bien qu'il soit l'une des fondations du CSS pour ajouter des classes et des identifications au marge bénéficiaire bénéficiaire et pour définir des modèles de CSS pour composer des éléments de page, un certain réalisateur cependant, obtiennent dans la mentalité de créer une classe pour chaque petite chose qui a besoin composer. Au lieu de cela, il est beaucoup plus sage de redéfinir les propriétés des étiquettes de HTML que créant une classe différente.

Concevez pour le meilleur navigateur – en raison de la sa utilisation complète, la plupart des codeurs d'enchaînement tendent à maintenir le navigateur d'Internet Explorer dans leur esprit tout en concevant une page Web. Plus tard, ils font des ajustements nécessaires dans la feuille de modèle pour être conformes à d'autres navigateurs d'enchaînement. Bien que, ceci semble joli logique une approche. Cependant, ils en faisant ceci qu'ils tendent à écrire les codes qui contiennent tous les dispositifs idiosyncratiques d'IE dans la feuille de modèle. En conséquence, cela leur prend réellement un temps substantiel pour faire des ajustements nécessaires dans les codes pour d'autres navigateurs. Par conséquent, ils retouchent littéralement pour une partie substantielle du code dans le processus.

Si comme réalisateur d'enchaînement, vous voulez produire le code standard-conforme, alors visionner Firefox préalablement de Mozilla au lieu d'Internet Explorer vous serait beaucoup plus utile. Tout d'abord, Mozilla’s Firefox est les navigateurs standard-conformes disponibles à l'heure actuelle. Deuxièmement, il a la prolongation de barre d'outil de réalisateur d'enchaînement là-dessus ce qui vous aidera beaucoup. Après vous codez pour Mozilla’s Firefox, vous pouvez l'examiner pour les autres navigateurs et ajouter des entailles et coder des coups secs pour fixer des issues de compatibilité.

Boîte D'Auteur –

Maneet Puri dirige des services de Robinson de jour, un commandant IL fournisseur de solutions que l'offre externalisent des services de l'Inde d'entretien de site Web. Pour le bout d'excédent 10 ans, Maneet avait aidé beaucoup de clients en mer en mettant en application des demandes enchaînement-basées de leurs sites Web. Sa compagnie fournit également le développement Inde d'enchaînement et les services de l'Inde de conception d'enchaînement. Maneet offre à conseil d'exeperts sur autre des applications enchaînement-basées à ses clients d'outre-mer.

Le jour Robinson de fers de lance de Maneet Puri entretient l'Inde, un nom bien connu dans le domaine des services basés par enchaînement d'application, des services d'optimisation d'enchaînement, et des services de l'Inde de développement d'enchaînement. Ayant sur 10 ans d'expérience d'industrie, il a mis en application des services de l'Inde de conception d'enchaînement pour plusieurs de ses clients internationaux. Il offre également le conseil expert aux services enchaînement-basés d'application, optimisation de Search Engine et les processus conduits la diverse par connaissance à ses clients ont basé outre-mer.