Razdvajanje sadržaja od dizajna olakšava upravljanje mestima
CSS (Cascading Style Sheets) postao je de facto način za stajanje i postavljanje web stranica. Dizajneri koriste stilove stilova kako bi rekli pretraživaču kako bi trebalo da bude prikazana veb lokacija u smislu izgleda i osećaja, koja obuhvata faktore kao što su boje, razmaci, fontovi i još mnogo toga.
CSS stilovi mogu biti raspoređeni na dva načina:
- Inline - unutar kodiranja same web stranice, na pojedinačnoj osnovi po elementu
- U samostalnom CSS dokumentu, na koji je veb lokacija povezana
Najbolje prakse za CSS
"Najbolje prakse" su metode dizajniranja i izrade web lokacija koje su se pokazale kao najefikasnije i najviše se vraćaju za rad. Prateći ih u CSS u web dizajnu pomažu vebsajtima da izgledaju i funkcionišu što je više moguće. Oni su se razvijali tokom godina zajedno sa drugim web jezicima i tehnologijama, a samostalan CSS stilski stil postao je omiljeni način korišćenja.
Sledeći najbolji primjeri za CSS mogu poboljšati vašu web lokaciju na sljedeće načine:
- Odvaja sadržaj iz dizajna. Jedan od glavnih ciljeva CSS-a je uklanjanje dizajnerskih elemenata iz HTML-a i postavljanje na drugu lokaciju za dizajnera da održava. Ovo takođe služi za razdvajanje dizajnera od programera, tako da se svaka može fokusirati na njihove oblasti stručnosti. Dizajner ne mora biti programer za održavanje izgleda web stranice.
- Održava lako održavanje. Jedan od najupečatljivijih elemenata web dizajna je održavanje. Za razliku od štampanih materijala, web stranica nikada nije "jedna i učinjena". Sadržaj, dizajn i funkcija mogu i trebaju evoluirati tokom vremena. Postojanje CSS-a na centralnom mestu, a ne posipanje na celoj web lokaciji, olakšava održavanje stvari.
- Čuva vašu lokaciju dostupnom. Korišćenje stilova CSS pomaže pretraživačima i osobama sa invaliditetom da komuniciraju sa vašom stranicom.
- Čuva vašu web lokaciju duže. Korišćenjem najboljih praksi sa CSS-om, pridržavate se standarda koji su dokazani stabilni, ali dovoljno fleksibilni za prilagođavanje promjenama u web dizajnom okruženju.
Inline stilovi nisu najbolja praksa
Unutrašnji stilovi, dok imaju svrhu, generalno nisu najbolji način za održavanje vaše web stranice. Oni idu protiv svake najbolje prakse:
- Inline stilovi ne odvajaju sadržaj od dizajna. Inline stilovi su upravo isti kao ugrađeni font i druge neobične dizajnerske oznake koje moderni programeri prušaju. Stilovi utiču na samo pojedine elemente na koje se primjenjuju; iako vam to može donijeti granularniju kontrolu, čini se i drugim aspektima dizajna i razvoja - kao što je konzistentnost - teže.
- Inline stilovi izazivaju glavobolje za održavanje. Kada radite sa stilskim listovima, otkrivanje gde se stil postavlja može biti teško. Kada se bavite mešavinom inline, ugrađenih i spoljašnjih stilova , imate mnogo lokacija za proveru. Ako radite u timu za web dizajn ili morate redizajnirati ili održavati web lokaciju koju je napravio neko drugi, onda ćete imati još problema. Jednom kada nađete stil i promenite ga, to ćete morati učiniti na svakom elementu na svakoj stranici na kojoj je postavljen. To povećava astronomski vremenski i radni budžet.
- Unutrašnji stilovi nisu toliko pristupačni. Dok savremeni čitač ekrana ili drugi pomoćni uređaj možda mogu efikasno da deluju na inlajn atribute i oznake, neki stariji uređaji ne mogu, što može rezultirati nekim stranim prikazanim web stranicama. Dodatni likovi i tekst mogu utjecati na to kako vaša stranica gleda i robot pretraživača, tako da vaša stranica ne radi tako dobro u smislu optimizacije pretraživača (SEO).
- Inline stilovi čine vaše stranice veće. Ako želite da se svaki paragraf na vašem sajtu pojavi na određeni način, to možete učiniti jednom sa šest ili više linija koda na vanjskom stylesheet-u. Međutim, ako to učinite sa inline stilovima, morate dodati te stilove u svaki pasus vaše stranice. Ako imate pet linija CSS-a, to je pet linija pomnoženih sa svakim stavkom na vašoj web lokaciji. Taj propusni opseg i vreme učitavanja mogu se naglo dodati.
Alternativni na inline stilove: eksterni stilski listovi
Umesto da koristite inline stilove, koristite spoljne stilove . Oni vam pružaju sve prednosti najboljih praksi CSS-a i jednostavni su za korištenje. Na ovaj način zaposleni svi stilovi koji se koriste na vašoj lokaciji žive u posebnom dokumentu koji je zatim povezan sa web dokumentom sa jednim redom koda. Spoljašnje stilske liste utiču na svaki dokument na koji su prikačeni. To znači da ako imate veb stranicu od 20 stranica u kojoj svaka strana koristi istu stilsku tablu - što je tipično kako je to učinjeno - možete izvršiti promjenu na svakoj od tih stranica jednostavnim uređivanjem tih stilova jednom na jednom mjestu. Promena stilova na jednom mestu je beskrajno pogodnija nego traženje tog kodiranja na svakoj stranici vaše web stranice. To čini mnogo dugoročnije upravljanje mestima.