free webpage counters
ETUSIVU materiaalit

09 Ohjelmia tyyliohjeitten tekoon


Tyyliohjeita voidaan kirjoittaa käsin koodaamalla, mutta nykyisin on myös olemassa ohjelmia, joilla voidaan helposti kirjoittaa tyyliohjeita. Nykyisin on myös olemassa sivunteko-ohjelmia, joilla voidaan tehdä tyyliohjeita. Parhaimmillaan tyyliohjeen laatiminen on sitä, että ohjelma näyttää lopputuloksen jo sivuntekovaiheessa. (Keränen 2003, 75.)

Dreamweaver MX

Tyyliohjeita luodaan ja muokataan CSS Styles -paneelissa. Aluksi on luotava uusi tyyliohje "New CSS Style" - toiminnolla ja määriteltävä kuinka tyylit liitetään sivulle. Tyyliohjeesta voidaan tehdä sivukohtainen tai erillinen tyylitiedosto. HTML-elemtit määritellään uudelleen "Refine HTML Tag -toiminnolla. Luokan voi muodostaa "New CSS Style -ikkunassa valitsemalla tyylityypiksi "Make Custom Style". (Keränen 2003, 75.)

TopStyle lite (ilmainen)
(http://www.bradsoft.com/download/index.asp)
TopStyle-ohjelma on helppokäyttöinen ja se osaa lisäksi kertoa eri selainten ymmärtämät tyyliominaisuudet. Käyttämällä kyseistä ohjelmaa, vältät pahimmat tyylimokat. HUOM! Mikrobitin sivuilta on saatavissa vielä myös vanhempi versio eli TopStyle 2.5.

Validaattori

CSS:n yhteydessä on tärkeätä kirjoittaa koodia oikein, koska selainten muutenkin puutteellinen CSS-tuki lakkaa usein toimimasta, jos merkkaus ei ole oikeaa. (Korpela 2003, 46.)

W3C CSS Validation Service