Päivitetty: 10.03.2003.

Mediatyypit

Nykyään Internetiin pääsee tietokoneen lisäksi esimerkiksi matkapuhelimella, pelikonsolilla tai TV:n kautta. Tulevaisuudessa lähes mikä vain laite voidaan liittää Internetiin. Onkin täysin selvä, että WWW-sivun valmistaja ei voi tietää minkä kokoinen näyttö (jos kyseisessä välineessä on näyttö) käyttäjällä on käytössä tai voidaanko laitteissa käyttää kuvia tai värejä.
CSS2:n mediatyypit tuovat ratkaisun tähän ongelmaan. Mediatyypin avulla voidaan luoda omat CSS-säännöt esimerkiksi tulostusta ja näyttöä varten. Eli enää ei tarvitse tehdä kahta HTML-sivua (näytölle ja paperille tarkoitettuja) vaan yksi oikein laadittu (x)HTML- sivu riittää. Sen jälkeen määritellään CSS:n avulla kuinka sivu esitetään eri medioissa. CSS2 mediatyypit eivät rajoitu vain kirjoittimeen ja näyttöön, vaan voit tehdä omat CSS-säännöt esim. puhesyntetisaattoreille.


Mediatyypit

CSS2:n tukemat mediatyypit:

CSS2 määrittely tukee seuraavia mediatyyppejä:

Mediatyyppi Käyttö:
all Kaikki laitteet
aural Puhesyntetisaattori
braille
Braille tactile feedback eli pistekirjoitusnäyttö
embossed Sivuuttava braille-tulostin
handheld
Pienet kädessä pidettävät laitteet
print Tulostus (myös esikatselu)
projection Projektorit ja kalvotulostus
screen Tietokoneen värinäyttö
tty Laitteet jotka käyttävät tasalevyistä kirjasinta
tv Televisiot ja vastaavat laitteet, joissa on tarkkuus on pieni mutta värit ja äänet ovat käytössä

Tällä hetkellä IE 5.5 / 6.0 ja Opera 5/6 ovat ainut selaimet jotka tukevat mediatyyppejä. Niidenkin tuki rajoittuu vain arvoihin: all, print ja screen. Lista (ja toivottavasti myös selainten mediatuki) tulee kasvamaan tulevaisuudessa CSS3:n myötä.

<< Alkuun


Mediaryhmät

Eri mediatyyppien välillä on tiettyjä yhteneväisyyksiä, joiden perusteella ne voidaan ryhmitellä. Näitä ryhmiä kutsutaan mediaryhmiksi. Jokainen Mediatyyppi kuuluu vähintään yhteen seuraavista ryhmistä:

Jatkuva tai sivutettava media

<< Alkuun


Visuaalinen, äänipohjainen ja tuntopohjainen media

<< Alkuun


Ruudukko- tai bittikarttamedia

<< Alkuun


Interaktiivinen tai staattinen media

Kuten huomasit sama mediatyyppi voi kuulua useaan eri mediaryhmään. Esimerkiksi tietokoneen näyttö kuuluu jatkuvaan-, visuaaliseen-, bittikartta- ja vuorovaikutteiseen -mediaan. Jokainen CSS-ominaisuus kuuluu yhteen tai useampaan tiettyyn mediaryhmään.

Kun luot eri CSS-sääntöjä eri medioille, tarkista mihin mediaryhmään se kuluu. Eli et voi käyttää esim. Aural -mediatyypin volume -ominaisuutta kun luot CSS-sääntöä print -medialle. Alla vielä taulukko (W3C:n sivulta lainattu) eri mediatyypeistä ja -ryhmistä:

Mediatyppi Mediaryhmä
Jatkuva tai sivutettu Visuaalinen, ääni-, tai tuntopohjainen Ruudukko tai bittikartta Vuorovaikutteinen tai staattinen
aural jatkuva äänipohjainen ei kumpaakaan molemmat
braille jatkuva tuntopohjainen ruudukko molemmat
embossed sivutettu tuntupohjainen ruudukko molemmat
handheld molemmat visuaalinen molemmat molemmat
print sivutettu visuaalinen bittikartta staattinen
projection jatkuva visuaalinen bittikartta molemmat
screen jatkuva visuaalinen bittikartta molemmat
tty jatkuva visuaalinen ruudukko molempia
tv molempia visualinen,
ääni
bittikartta molemmat
         

Yllä olevat seikat kannatta pitää mielessä kun luot CSS-sääntöjä eri medioille. Kuinka CSS-sääntö sitten määritetään tietylle medialle? Vaihtoehto on useita, ja kaikki tekniikat löytyvät CSS2 + (x)HTML -kohdasta.

<< Alkuun



© Petteri Perälä 2000 - 2003.
E-mail: [ petepe@mbnet.fi ].

Valid CSS! Valid HTML 4.01!