Etsi sivuiltani:

	Aihepiiriluettelo > CSS-oppaan etusivu > Yleisinfo - Johdantosivut > Esipuhe ja tärkeitä taustatietoja

Esipuhe ja tärkeitä taustatietoja

Aiheet

• Esipuhe
• Tärkeitä taustatietoja

Esipuhe

Alun perin sivut on tehty opetustarkoitukseen ja sivut ovat kulkeneet myös nimellä CSS-opetussivut. Nykyisin sivut toimivat lähinnä yleisenä CSS-oppaana ja aion kehittää niitä entistä enemmän opasluonteisiksi.

CSS-sivut on tarkoitettu sekä henkilöille, jotka eivät koskaan ole käyttäneet CSS:ää (ja tuskin ymmärtävät mitään HTML-kielestäkään) että ammattilaisille, jotka etsivät uusia kikkoja. Jos et ole koskaan käyttänyt CSS-määrittelyjä, älä yritä heti käyttää kaikkia mahdollisuuksia, vaan opettele asioita vähitellen. Palaa sivuille uudelleen, jos jokin asia jäi epäselväksi.

Sivuista on olemassa sekä suomen että englanninkieliset versiot (englanninkielinen versio on merkitty ). Se on kielellisesti tarkempi, sillä olen voinut kirjoittaa koko ajan alkuperäistermeillä. Voit milloin tahansa vaihtaa englanninkieliseen versioon ja siitä takaisin suomenkieliseen (merkitty ). Molemmat ovat olleet esillä W3C-organisaation CSS-sivuilla.

Suomenkieliset vierailijat ovat yhtä lukuun ottamatta pitäneet sivuston asiasisältöä hyvänä. Alla on kaksi suomenkielisen vierailijan antamaa arviota (ensimmäinen sitaatti on muistinvarainen, joten se ei ole ihan sanatarkka):

Internetin tyylikkäin sivusto kun otetaan huomioon se, kuinka paljon asiaa se sisältää...

Erittäin hyödyllinen ja hyvä opas, mistä saan opetella kaikki minua kiinnostavat kohdat nopeasti ja helposti (löytyy tarvittava tieto helposti).

Olen oppinut jo muutaman käyntikerran jälkeen aika paljon ja lisää opin joka kerta varmasti.

Ehdottomasti internetin paras CSS-opas.

Englanninkielistä versiota lukeneet käyttäjät ovat valittaneet kielellisistä virheistä, vaikka he ovat pitäneet sisältöä yleisesti ottaen hyvänä. Alla muutamia melko tyypillistä arvioita:

The English is poor (which is understandable since English is not your first language). For example, you have "Block elements should not put inside in-line elements", which should be "Block elements should not be put inside in-line elements". "Remark that in the end-tag is the forward slash" should be "Note that in the end-tag is the forward slash". There are so many small English errors like these that the text is difficult to read.

The contents are good and I have no doubt that the Finnish version is an excellent resource, but the English version is still very hard to read. Every sentence is close to being correct, but not quite. It makes reading very slow, because you have to constantly correct the grammar in your head... Nearly all sentences have errors in the word order in the correspondence between verb and subject tai they have words that are close in meaning, but not normally used in that context.

... They are the most comprehensive tutorials I have ever found on the 'Net ... I have stopped reading at section 4 because it was getting too difficult ... many of your English sentences in are quite unenglish. Some I can figure out by the context, but others take several seconds each. Their accumulation hinders the reading too much ... But I think your tutorial deserves a wide audience. Working on the language would be a big step in such direction.

Olen korjannut huomautetut virheet, mutta niitä on silti sivuillani. Olen saanut joidenkin sivujen osalta apua kielen korjaamiseksi. Toivon, että internetissä olevissa englanninkielisissä sivuissa olisi vähitellen hyvä kieli.

Yritän opettaa mahdollisimman ruohonjuuritasoisesti, jotta voisit kiivetä tyvestä latvaan. Pane mieleesi nimenomaisesti juuri puu. Kerron sinulle näillä sivuilla eräästä "puusta"!

Yksi tavoitteistani on myös edistää selainten ja sivustojen kehittelyssä reilua peliä.

Koska suomenkielessä ei ole olemassa virallista CSS-terminologiaa, käyttämäni terminologia saattaa poiketa jonkin verran siitä, mihin olet tottunut. Päämääränä on ollut mahdollisimman johdonmukainen ja selkeä terminologia. Käyttämieni termien suomennokset, termien selitykset, joitakin käännösperiaatteita sekä linkin käytettyjen termien perusteluihin löydät liitesivulta Käyttämäni terminologia.

Sivuilta löytyy harjoitustehtäviäsivu sekä siihen liittyviä aputiedostoja kuten opettajan kokeilu­sivu ja collected.css (kootut CSS-määrittelyt; tiedosto on tarkastettu, mutta se ei sisällä viimeaikoina lisäämiäni CSS-määrittelyjä).

Olen tehnyt kaikki piirrokset Expression 2 -ohjelmalla, joka on uuden sukupolven vektoripiirrosohjelma. Pääset tutustumaan sen ominaisuuksiin piirrossivujeni kautta (navigaatiokehyksissä sivusto Art). Viivan käsittely on em. ohjelmassa todella fantastista! (Ohjelman hinta on 139$, mitä pidän edullisena niin hienosta ohjelmasta.)

W3C: W3C CSS.
Muut sivustot: Creature House Home Page.

Tärkeitä taustatietoja

• Viittaan usein CSS2 spesifikaatioon. Voit ladata sen omaan tietokoneeseesi hakemalla sen W3C-organisaation sivuilta.
• W3C:n sivuilla ei kerrota CSS-määrittelyjen toimivuudesta. Olen testannut käyttämäni määrittelyt useilla selaimilla ja tiedän selainten puutteet melko hyvin. Siitä huolimatta tämä sivusto ei ole tarkka selvitys kaikista mahdollisista selainten tekemistä virheistä vaan olen maininnut vain omasta mielestäni olennaisista seikoista. Minulla ei ole myöskään ollut mahdollisuutta testata kaikkia markkinoilla olevia selainversioita enkä ole edes aivan systemaattisesti käsitellyt jokaista käyttämääni selainta. Sivustoni ei ole paras mahdollinen, mikäli tarkoituksena on tutustua yksityiskohtaisesti selaintoteutusten puutteisiin. Löydät yksityiskohtaisia testejä esim. Webstandard-organisaation sivuilta (sivustoni saattaa silti sisältää sellaisia uusimpia selaimia koskevia testejä, joita ei em. organisaation sivuilla ole).
• Olen tarkistuttanut lähes kaikki käyttämäni CSS-määrittelyt W3C organisaation CSS-validaattorilla ja missään niitä koskevassa koodiesimerkissä ei pitäisi olla teknistä virhettä. Mikäli löydät muunlaisia virheitä, ole ystävällinen ja huomauta minua niistä sähköpostilla.
• Olennaisimmat englanninkieliset termit on korostettu helpottamaan englanninkielisen spesifikaation tutkimista (katso tarkemmin sivu Elementtien semantiikka. Kaikkia mahdollisia CSS-määrittelyjä ei käsitellä vaan lähinnä niitä, joita voidaan tarvita tavallisissa suomenkielisissä (X)HTML-asiakirjoissa (useimmat asiat toimivat myös XML-dokumenteissa). Käsittelen melkein kaikki yleisesti käytetyt elementit ja sivulla Erikoistyylisivut listaan joitakin asioita, joita en käsittele perusteellisesti.
• Käsittelen ensisijaisesti CSS2-spesifikaatiota. Mikäli en erikseen mainitse, kyse on tämän standardin mukaisista määrittelyistä. Viittaan joissakin yhteyksissä myös edelliseen CSS1 ja tulevaan CSS3 spesifikaatioihin. Kaikki määrittelyt eivät toimi vain vanhemman (CSS1) standardin mukaisesti toimivilla selaimilla. Yritän huomauttaa määrittelyistä, joka ovat vain CSS2 spesifikaatiossa.
• Tarkastelussa on mukana selainvalmistajien viimeisimmät käytettävissä olevat Windows käyttöjärjestelmän viralliset or testiversiot. Viittaan muihin selaimiin vain satunnaisesti. Luettelen uusimmat testaamani selaimet sivulla Mitä uutta?
• Huomioin muiden käyttöjärjestelmien selaimia saamieni käyttäjäkokemusten ja kuvakaappausten perusteella.
• Olen saanut vihjeitä eräiltä Webstandards-organisaation jäseniltä sekä eri selainvalmistajien työntekijöiltä. Omat ihanteeni nousevat tämän organisaation ihanteista (lue sivu WWW-standardit.
• Suomenkielisen version osalta olen ollut yhteydessä mm. Termitalkoot-ryhmän jäseniin ja olen laittanut lähde- ja avustajaluettelon, ketkä ovat vaikuttaneet kunnollisen suomenkielisen terminologian luomistyössä.