Ontwikkeling van een CSS-strategie

Share

|

Wanneer CSS Gets Messed-up

Een van de grote voordelen van CSS is dat het aanzienlijk verkleint de herhalingen opmaak code uit de HTML-mark up en consolideren van hetzelfde in de CSS die de programmeurs bespaart veel tijd en inspanning. De stijlen kunnen worden hergebruikt te bouwen meerdere tekstblokken en controle lay-out en opmaak op meerdere pagina's. Het beste deel is dat het aanzienlijk scheelt een hoop tijd van ontwikkeling met alle herbruikbare opmaak in een centrale locatie, vooral als je wijzigen of bijwerken van uw website.

Op de keerzijde kan, CSS krijgen alle messed-up als je blijft over het toevoegen van meer stijlen om de style sheet. Er zijn verschillende stijlen om HTML tag attributen class en id selecteurs herdefiniëren opmaken verschillende tekstblokken, en ook verschillende stijlen voor pagina-indeling. Nogmaals, terwijl sommige van deze stijlen zijn site wide, anderen zijn van toepassing op afzonderlijke pagina's. Verder zijn er cross-browser compatibility issues, enzovoort. Met al deze voeders te gaan op de style sheet, worden vaak dingen verwarrend, tenzij u een goede CSS-strategie hebben ontwikkeld.

Opstellen van uw CSS-strategie

Organiseer je CSS-stijlen -- De meest voorkomende blunder nogal wat webontwikkelaars verbinden is dat ze zetten alle stijlen voor de gehele site in een dossier CSS. Hoewel deze aanpak werkt voor een kleine camping met een paar pagina's met specifieke stijlen, voor de grotere websites is het beter gebruik van meerdere CSS-bestanden.

De sleutel is om de style sheet-bestand splitsen in verschillende secties. Zo zou bijvoorbeeld in de belangrijkste style sheet met name in het eerste deel bevat de stijlen met de breedste site ruime toepassing, dus het is meestal bevolkt met stijlen die opnieuw de eigenschappen van HTML-tags. Het andere gedeelte kan stijlen bevatten voor het opmaken van gemeenschappelijke pagina-elementen, zoals de navigatiebalk of voettekst. De stijlen die controle site wide pagina-indeling kan worden geplaatst in een andere afdeling. Volgende rubrieken moeten creëren combinaties van stijlen met een geleidelijk meer specifieke focus.

Vermijd "klasse-ITU" -- veel web-ontwikkelaars de neiging om overmatig klassen en id's. Hoewel het een van de basisprincipes van CSS klassen en id's aan de opmaak en definiëren CSS-stijlen toe te voegen aan pagina-elementen formaat, enkele ontwikkelaar echter, krijgen in de denkwijze van het creëren van een klasse voor elk klein ding dat moet formatteren. In plaats daarvan is het veel verstandiger om te herdefiniëren de eigenschappen van HTML-tags dan het creëren van een andere klasse.

Ontwerp voor de beste browser - Door het gebruik van de uitgebreide, de meeste web-coders de neiging om Internet Explorer te houden in hun hoofd tijdens het ontwerpen van een webpagina. Later maken ze de nodige aanpassingen in de stylesheet te voldoen aan andere web browsers. Hoewel, dit ziet er mooi een logische benadering. Maar ze door dit te doen ze meestal naar codes die de idiosyncratische kenmerken van IE bevatten in de style sheet te schrijven. Als gevolg hiervan neemt het eigenlijk hen een aanzienlijke tijd om de nodige aanpassingen te maken in de codes voor andere browsers. Vandaar dat ze letterlijk herwerken voor een substantieel deel van de code in het proces.

Of als een web ontwikkelaar, wil je voor de productie van standaard-compliant code, dan previewen Mozilla's Firefox in plaats van Internet Explorer zou veel meer nuttig zijn voor jou. Allereerst, Mozilla's Firefox is het meest standaard-compliant browsers beschikbaar op het moment. Ten tweede is het de webontwikkelaar werkbalk uitbreiding op het waarmee u een geweldige deal. Nadat u de code voor Mozilla's Firefox, kunt u testen voor de andere browsers en voeg hacks en code tweaks om compatibiliteitsproblemen op te lossen.

Auteur Box --

Maneet Puri hoofden Dag Robinson Services, een belangrijke leverancier van IT-oplossingen bieden uitbesteden website onderhoud India diensten. Al meer dan 10 jaar, heeft Maneet is hulpverlening aan veel offshore-cliënten bij de uitvoering van web-gebaseerde toepassingen voor hun websites. Zijn bedrijf levert ook web development India en webdesign India diensten. Maneet biedt exeperts advies over andere web-gebaseerde applicaties zijn overzeese klanten.

Maneet Puri speerpunten Dag Robinson Services India, een bekende naam op het gebied van web-based applicatie services, web optimalisatie diensten, en webontwikkeling India diensten. Na meer dan 10 jaar branche-ervaring, heeft hij uitgevoerd India web design services voor veel van zijn internationale klanten. Hij biedt ook deskundig advies over web-based applicatie diensten, zoekmachine optimalisatie en diverse kennis aangedreven processen aan zijn klanten overzee gebaseerd.

---