[Alku]
Testaa CSS-oppaan navigoinnin toimivuutta!
 
   
 Etsi sivuiltani: [Apua]
AihepiiriluetteloCSS-oppaan etusivuYleisinfo - Johdantosivut > Esipuhe ja tärkeitä taustatietoja

Esipuhe ja tärkeitä taustatietoja

Aiheet

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 En). Se on kielellisesti tarkempi, sillä olen voinut kirjoittaa koko ajan alkuperäistermeillä. Voit milloin tahansa vaihtaa englanninkieliseen versioon ja siitä takaisin suomenkieliseen (merkitty En). 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"!

Puu

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

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[S].

Sivuilta löytyy harjoitustehtäviäsivu[S] sekä siihen liittyviä aputiedostoja kuten opettajan kokeilu­sivu[S] ja collected.css[S] (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[Pw].
Muut sivustot: Creature House Home Page.

[Alku]

Tärkeitä taustatietoja

W3C: CSS: Cascading Style Sheets, level 2 CSS2 Specification(Zip-tiedosto), CSS-validator.
Muut sivustot: CSS Enhancements in Internet Explorer 6 Public Preview, Termitalkoot, Webstandards.

[Alku]
[Alku]
   
Copyright Tapio Markula 1999-2003, Salo (kotisivu, s-posti - lisää s-postiosoiteeseen pisteellä erotettuna nimeni, Tapio Markula) (@dnainternet.net) - ei julkiskäyttöön ilman sopimusta.
Get Expression!
Editori, jolla saa luotua standardit täyttäviä HTML ja XML dokumentteja. Tämän sivuston sivut on useimmissa tapauksissa tarkastettu Dave Raggetin (W3C) tekemällä HTML-Tidy apuohjelmalla ja satunnaisesti W3C-organisaation virallisella koodintarkastusohjelmalla. Useimpien sivujen syntaksin pitäisi olla sopusoinnussa W3C:n XHTML 1.0 spesifikaation kanssa. Testaa tämä sivu!
Informaatiota selaimista, jotka näyttävät tai tulostavat tämän sivuston parhaiten.
[Hae Opera] [Hae Mozilla!]
CSS-opasta on viimeksi muutettu 20.12.2004