Sisällön erottaminen mallista tekee sivuston hallinnasta helpompaa
CSS (Cascading Style Sheets) on tullut de facto tapa suunnitella ja luoda sivustoja. Suunnittelijat käyttävät tyylitiedostoja kertoakseen selaimelle, miten verkkosivusto tulee näkyviin ulkoasun ja vaikutelman suhteen, kattaen tekijät kuten väri, välilyönti, fontit ja paljon muuta.
CSS-tyylejä voidaan käyttää kahdella tavalla:
- Inline - verkkosivun koodauksen sisällä, yksilöllisesti, elementtiä kohti
- Itsenäisessä CSS-asiakirjassa, johon verkkosivusto on linkitetty
Parhaat käytännöt CSS: lle
Parhaita käytäntöjä ovat menetelmät, joiden avulla voidaan suunnitella ja rakentaa verkkosivustoja, jotka ovat osoittautuneet tehokkaimmiksi ja antavat parhaan tuoton. Seuraavassa CSS: ssä web-suunnittelu auttaa verkkosivustoja näyttämään ja toimimaan mahdollisimman hyvin. He ovat kehittyneet vuosien varrella muiden verkkojen kielten ja tekniikoiden kanssa, ja erillinen CSS-tyylitaulukko on tullut suosituimmaksi käytöksi.
CSS: n parhaiden käytäntöjen noudattaminen voi parantaa sivustosi seuraavilla tavoilla:
- Erottaa sisällön suunnittelusta. Yksi CSS: n päätavoitteista on poistaa elementtejä HTML: stä ja sijoittaa ne toiseen paikkaan, jota suunnittelija ylläpitää. Tämä auttaa myös erottamaan suunnittelijat kehittäjiltä, jotta jokainen voi keskittyä osaamisalueisiinsa. Suunnittelijan ei tarvitse olla kehittäjä ylläpitää verkkosivujen ulkoasua.
- Helppoa ylläpitoa. Yksi web-suunnittelun eniten unohdetuista elementeistä on huolto. Toisin kuin tulostusmateriaalit, verkkosivusto ei ole koskaan "yksi ja tehty". Sisältö, muotoilu ja toiminta voivat ja niiden pitäisi kehittyä ajan myötä. Koska CSS on keskeisellä sijalla, sen sijaan, että se höystettiin koko verkkosivustolla, se on helpompi ylläpitää.
- Pitää sivustosi näkyvissä. CSS-tyylien avulla hakukoneet ja vammaiset henkilöt voivat olla vuorovaikutuksessa sivustosi kanssa.
- Pitää sivustosi pidempään. Käyttämällä CSS: n parhaita käytäntöjä noudatat standardeja, jotka ovat osoittautuneet vakaiksi mutta riittävän joustaviksi mukautumaan web-suunnitteluympäristön muutokseen.
Inline-tyylit eivät ole parhaita käytäntöjä
Inline-tyylit, vaikka niillä on tarkoitus, eivät yleensä ole paras tapa ylläpitää verkkosivustoasi. He vastustavat kaikkia parhaita käytäntöjä:
- Inline-tyylit eivät erotu sisällöstä suunnittelusta. Inline-tyylit ovat täsmälleen samat kuin sulautetut fontit ja muut tyylikkäät designtitunnisteet, joita modernit kehittäjät vastustavat. Tyylit vaikuttavat vain niihin yksittäisiin elementteihin, joihin niitä sovelletaan; vaikka se saattaisi antaa sinulle enemmän rakeista valvontaa, se tekee myös muita suunnittelun ja kehityksen näkökohtia - kuten johdonmukaisuutta - vaikeampaa.
- Inline-tyylit aiheuttavat ylläpidon päänsärkyä. Kun työskentelet tyylisivuilla, selvittää missä tyyli on asetettu voi olla vaikeaa. Kun olet tekemisissä useiden sisäisten , upotettujen ja ulkoisten tyyleiden kanssa , sinulla on useita paikkoja tarkistaa. Jos työskentelet web-suunnitteluryhmässä tai sinun on suunniteltava uudelleen tai ylläpidettävä jonkun muun rakentama sivusto, niin sinulla on vielä enemmän ongelmia. Kun löydät tyylin ja vaihdat sen, sinun on tehtävä se jokaisella sivulla jokaisella sivulla, jossa se on sijoitettu. Tämä lisää aikaa ja työtä budjetit astronomisesti.
- Inline-tyylit eivät ole yhtä helposti käytettävissä. Vaikka moderni näytönlukija tai muu apuväline voi pystyä käsittelemään inline-attribuutteja ja tunnisteita tehokkaasti, jotkut vanhemmat laitteet eivät voi, mikä voi johtaa joidenkin oudosti näkyvien sivujen löytämiseen. Lisähenkilöt ja teksti voivat vaikuttaa siihen, miten hakukoneen robotti katselee sivusi, joten sivusi ei myöskään toimi hakukoneoptimoinnin (SEO) kannalta.
- Inline-tyylit tekevät sivuillesi suuremman. Jos haluat, että jokainen sivustosi kohta näyttää tiettyä tapaa, voit tehdä sen kerran kuudella rivillä tai vastaavalla koodilla ulkoisessa tyylisivustossa. Jos teet sen inline-tyyleillä, kuitenkin sinun on lisättävä kyseiset tyylit kaikkiin sivustosi kohtiin. Jos sinulla on viisi riviä CSS-koodia, viisi riviä kerrotaan sivustosi jokaisesta kohdasta. Tämä kaistanleveys ja latausaika voivat nousta kiireen.
Vaihtoehto Inline-tyyleille: Ulkoiset tyylejä
Käytä ulkoisia tyylejä, mutta käytä sisäisiä tyylejä. Ne antavat sinulle kaikki CSS: n parhaat käytännöt ja ne ovat helppokäyttöisiä. Työntekijä tällä tavalla kaikki sivustosi käyttämä tyylit elää erillisessä asiakirjassa, joka liitetään sitten yhteen asiakirjaan yhdellä rivillä. Ulkopuoliset tyylejä sisältävät asiakirjat vaikuttavat niihin asiakirjoihin, joihin ne liitetään. Tämä tarkoittaa sitä, että jos sinulla on 20 sivun verkkosivusto, jossa kukin sivu käyttää samaa tyylitaulukkoa - mikä on tyypillisesti miten se on tehty - voit tehdä muutoksia jokaiseen näistä sivuista yksinkertaisesti muokkaamalla näitä tyylejä kerran, yhdessä paikassa. Tyylin muuttaminen yhdestä paikasta on äärettömän kätevää kuin hakua kyseisestä koodauksesta verkkosivustosi kaikilla sivuilla. Tämä helpottaa pitkän aikavälin sivuston hallintaa.