Odvajanje sadržaja iz dizajna olakšava upravljanje web sučeljem
CSS (Cascading Style Sheets) postala je de facto način stiliranja i postavljanja web stranica. Dizajneri koriste stilske listove kako bi pregledniku rekli kako bi web stranica trebala biti prikazana u pogledu izgleda i dojma, pokrivajući čimbenike kao što su boja, razmak, fontovi i još mnogo toga.
CSS stilovi mogu se implementirati na dva načina:
- Inline - unutar kodiranja samog web stranice, na pojedinačnoj osnovi po elementima
- U samostalnom CSS dokumentu na koji je povezana web stranica
Najbolje prakse za CSS
"Najbolje prakse" su metode projektiranja i izgradnje web stranica koje su se pokazale najučinkovitijima i daju se najveći povratak za rad koji je uključen. Slijedeći ih u CSS-u u web dizajnu, pomažu web stranicama da izgledaju i funkcioniraju što je više moguće. Razvili su se tijekom godina zajedno s drugim webskim jezicima i tehnologijama, a samostalni CSS stilski stil postao je željena metoda upotrebe.
Sljedeće najbolje prakse za CSS mogu poboljšati vašu web-lokaciju na sljedeće načine:
- Odvaja sadržaj od dizajna. Jedan od glavnih ciljeva CSS-a jest ukloniti elemente dizajna iz HTML-a i postaviti ih na drugo mjesto kako bi ih dizajner zadržao. To također služi za odvojene dizajnere od programera, tako da se svaki može usredotočiti na njihova područja stručnosti. Dizajner ne mora biti programer za održavanje izgleda web stranice.
- Olakšava održavanje. Jedan od najočentnijih elemenata web dizajna je održavanje. Za razliku od materijala za ispis, web stranica nikada nije "jedno i gotovo". Sadržaj, dizajn i funkcija mogu i trebaju se evoluirati tijekom vremena. Imajući CSS na središnjem mjestu, umjesto da se raspršuje po cijeloj web stranici, olakšava održavanje stvari.
- Vaša web stranica je dostupna. Korištenje CSS stilova pomaže pretraživačima i onemogućenim pojedincima da stupaju u interakciju s vašom web lokacijom
- Zadržava vašu web-lokaciju duže. Koristeći najbolje primjere iz prakse s CSS-om, pridržavate se standarda koji su dokazani stabilni, ali dovoljno fleksibilni da bi mogli prilagoditi promjenu u okruženju web dizajna.
Inline stilovi nisu najbolja praksa
Inline stilovi, iako imaju svrhu, uglavnom nisu najbolji način održavanja vaše web stranice. Oni idu protiv svake od najboljih praksi:
- Inline stilovi ne odvajaju sadržaj od dizajna. Inline stilovi su isti kao i ugrađeni font i druge nejasne oznake dizajna koje moderni programeri gase protiv. Stilovi utječu samo na pojedinačne, pojedinačne elemente na koje se primjenjuju; dok to može pružiti više granularne kontrole, ona također čini druge aspekte dizajna i razvoja - kao što je dosljednost - teže.
- Inline stilovi uzrokuju glavobolje za održavanje. Kada radite s stilskim listovima, otkrivanje mjesta postavljanja može biti teško. Kada se bavite mješavinom inline, ugrađenih i vanjskih stilova , morate provjeriti mnoge lokacije. Ako radite na timu za web dizajn ili morate redizajnirati ili održavati web mjesto koje je izgradio netko drugi, tada ćete imati još veće poteškoće. Kada pronađete stil i promijenite ga, morat ćete to učiniti na svakom elementu na svakoj stranici na kojoj je postavljena. To povećava vrijeme i rade proračunske poslove astronomski.
- Inline stilovi nisu tako dostupni. Dok moderni čitač zaslona ili neki drugi pomoćni uređaj mogu učinkovito raditi s inline atributima i oznakama, neki starije uređaje ne mogu, što može rezultirati nekim čudno prikazanim web stranicama. Dodatni znakovi i tekst mogu utjecati na to kako pregledava vašu stranicu robota tražilice, tako da vaša stranica ne radi isto kao u smislu tražilice optimizacije (SEO).
- Inline stilovi čine vaše stranice veće. Ako želite da svaki odlomak na vašoj web-lokaciji izgleda određeni put, to možete učiniti jednom s šest redaka ili šifri koda na vanjskom listi stilova. Ako to učinite s inline stilovima, međutim, morate dodati te stilove u svaki odjeljak web-lokacije. Ako imate pet redaka CSS-a, to je pet redaka pomnoženih svakim stavkom na vašoj web-lokaciji. Ta širina pojasa i vrijeme učitavanja mogu se zbrojiti žurno.
Alternative to Inline Styles: Vanjski stilski listovi
Umjesto korištenja inline stilova, koristite vanjske stilske listove . Daju vam sve prednosti CSS najboljih praksi i jednostavne su za korištenje. Zaposleni na taj način, svi stilovi koji se koriste na vašoj web-lokaciji žive u zasebnom dokumentu koji se zatim povezuje s web-dokumentom s jednim retkom koda. Vanjski stilski listovi utječu na svaki dokument na koji su povezani. To znači da ako imate web stranicu od 20 stranica u kojoj svaka stranica upotrebljava isti stilski list - što je obično način na koji se to radi - možete izmijeniti svaku od tih stranica jednostavno uređivanjem tih stilova jednom, na jednom mjestu. Promjena stilova na jednom mjestu je beskrajno praktičnija od traženja tog kodiranja na svakoj stranici vaše web stranice. To olakšava dugoročno upravljanje stranicama.