Tietokoneet ja musiikkiohjelmat ›

Öö? Mulla on nyt jotkin termit sekaisin varmaan. Tottakai tyylit ja fontit yms on cascading stylea ja muut päivitettävät osiot PHP hakee omista kansioistaan. Mutta... eikö siis saa, tai pitää välttää, td class= tyyppisiä ratkaisuja?
 
Idis siis on se, ettei taittoa tehtäisi taulukoilla. Toki taulukoita saa käyttää, mutta niitä suositellaan käytettäväksi vain taulukko-datalle. Sitä saa toki "laillisesti" muotoilla noilla td class="jotain" -hommeleilla. Eikä mikään selain ala itkeä vielä, jos teet taitonkin tableilla, mutta sitä ei suositella.
 
Miten CSS:ään saa muotoilumääreitä, jollei niitä erikseen kutsu hötömölöllä?
 
Tottakai niitä kutsutaan hötömölöllä, mutta muotoiluun ei tarvitse käyttää tableja. Pitkän tähtäimen tavoite näiden sivuntekokielten kehittäjillä on se, että sivun sisältö ja sivun muotoilu saataisiin erotettua omiin dokumentteihinsa. Eli html-dokumentti sisältäisi vain sivun sisällön ja siihen liittyvät tiedot, ja css-doku taas sivun ulkoasuun liittyvät tiedot. "Perinteinen" html-doku on aika hirveää päivitettävää pahimmillaan tuon takia juuri, kun ulkonäködata ja sisältö ovat samassa dokussa. Töissä olen vääntänyt www-sivuja myös aikana ennen css:ää, ja se se vasta riemuisaa puuhaa olikin, esim. fonttimääritykset taulukon soluihin sijoitetulle tekstille. Joka ikiselle solulle oma font-tagi, ja auta armias kun graafikko tuli ja sanoi et "tee sittenkin sillä pari pistettä isommalla fontilla jooko. Paitsi tuohon kohtaan..."
 
Mitenkö onnistuu sitten se, ettei html:ssä puututa ulkonäköasioihin? Siten, että html-dokumenttiin kerätään sivun sisältö, kerrotaan minkälaisesta sisällöstä on kyse (leipätekstiä, otsikoita, ingressejä, linkkejä, valikoita jne) ja näille sitten css-tiedostossa määritellään ulkonäkö, sijainnista lähtien. Hötömölössä on komennot eri otsikkotyypeille, joita voidaan css:ssä muokata, kuten myös esim. listoille, linkeille ja kappaleteksteille. Omia komentoja ei ole olemassa ingresseille, leipätekstille, lähdeviitteille tms. eri tyyppisille sisällöille, mutta näissä tapauksissa voi yleensä käyttää div-tageja. Diveille voidaan antaa class-attribuutilla nimi, esim. ingressi, linkkilista, leipis tai napanöyhtä, ja css-tiedostossa näille kaikille voidaan määritellä ulkonäköasiat ihan sivulla sijainnista lähtien -> ei tarvetta tableille oikeaan kohtaan sivulla sijoittamiseksi.
 
Taidan hakeutua takaisin koulunpenkille.
 
Älä suotta! Aloita vaikka näistä:
 
http://www.csszengarden.com/
 
Tuolla saitilla on täsmälleen samasta html-dokumentista (eli "siitä sivun sisällöstä") muokattu erilaisilla css-tiedostoilla tyystin erilaisia versioita. Sivujen tekijät eivät ole saaneet muokata html-dokumenttia, eli tableja ei ole koodiin saanut lisätä, vaan erilaiset ulkoasut on saatu aikaseksi pelkästään css-tiedoston avulla. Sivustolta löytyy myös "resource guide", jolta löytyy linkkejä lisätietoon aiheesta.
 
http://www.w3schools.com/css/default.asp
 
Perustiedot ja vähän edistyneemmätkin tiedot css:stä ja kokonaisen sivun taitosta css:n avulla hyvin esimerkein. Toimii mainiosti myös "hakuteoksena" jonkin yksittäisen jutun tekemistä varten.
 
http://glish.com/css/
 
Täällä nimenomaan taulukoiden hylkäämisen näkökulmasta tietoa ja esimerkkejä.
 
http://jigsaw.w3.org/css-validator/
 
W3c:n css-validaattori. Sitten kun se ensimmäinen tableton css-taitettu sivu on pistetty kasaan, niin hyrskäyttämällä tuotos tuon läpi näkee onko koodi kaikkien taiteen sääntöjen mukaista.
 
Lisääkin sivuja aiheesta on vaikka kui paljo, mutta noilla jo pääsee ainakin alkuun.
 
dit: tänne se kirj.virh.korjaus. Mikä siinä on ku akka ei erota kumia nuolesta, hemmetti...