Etsi sivuiltani:

	Aihepiiriluettelo > CSS-oppaan etusivu > Yleisinfo - Ohjesivut > CSS-oppaassa käytetyt värit, erityismerkkaukset ja -linkit

CSS-oppaassa käytetyt värit, erityismerkkaukset ja -linkit

Koska CSS-oppaan tarkoitus on opastaa koodaamista, käytän eräitä erityisiä värikoodeja yhdistettyinä erilaisiin tekstityyppeihin:

• Lähdekoodi - merkintä ilmaisee tavanomaista lähdekoodia tai viittauksia siinä käytettyihin koodauksiin. Ilmaisen tällä HTML:n, XHTML:n ja XML:n merkkauksia eli tägejä ja elementtien attribuutteja sekä CSS:ssä käytettyjä peruskoodauksia, esim. <A class="joku"></A> ja a:hover {color:...}. Käytän lähdekoodissa elementtiä <CODE>.
• Skriptit - merkintä ilmaisee skriptikielen käyttöä (minulla JavaScript tai PHP, esim. function (){...}). Käytän lähdekoodissa elementtiä <VAR>. En käytä sitä kuitenkaan kommenteille, koska niille on oma erityismerkkaus.
• Kommentit - ilmaisen värillä kaikentyyppisiä lähdekoodissa käytettyjä kommentteja (<!-- + -->, /* + */ ja //). Käytän lähdekoodissa elementtiä <SAMP>.

Lisäksi joissakin lohkoissa on vihreä taustaväri, joka symbolisoi turvallisuutta eli suositeltavaa CSS:n käyttämistapaa. Punainen on puolestaan varoituksen väri.

Selostaessani elementtien semantiikkaa mainitsen edellä mainitsemani käytännöt sekä eräitä muita CSS-oppaaseen liittyviä seikkoja. Niissä väreillä ei ole kuitenkaan aivan yhtä olennainen merkitys vaan kyse vain asioiden painottamiseen liittyvistä seikoista.

Käytän seuraavia erityislinkkejä, joissa jokin mallisivu avataan samaan tai uuteen ikkunaan:

	Samaan ikkunaan tuleva malliesimerkki.
	Erityisesti jos sinulla on pieni näyttöruutu, suosittelen pop-up -ikkunoiden käyttämistä (Pop-up windows > Pw). Avoinna oleva ikkuna sulkeutuu automaattisesti aina kun klikkaat toista pop-up -ikkunalinkkiä tai siirryt toiselle sivulle - ikkuna ei käy pysyväksi selailuikkunaksi! Voit muuttaa ikkunan kokoa.
	Uusi rinnakkainen ikkuna, ikään kuin "sisarikkuna". Sinun ei tarvitse sulkea sitä, sillä seuraavan kerran ulkopuolelle johtava linkki avautuu samaan ikkunaan. Sisarikkuna voi jää välillä taustalle, mutta saat sen esille Windowsin tehtäväpalkista ja muissa käyttöjärjestelmissä muulla tavoin. Linkitän myös omien sivujeni ulkopuolelle vievät linkit samaan ikkunaan, vaikka en käytäkään tällöin erityismerkintää.

Opera-selainten kohdalla on huomattava, että kokoruutunäyttötila ( full screen mode) ei ole Opera 4.x+ -selaimissa tavallinen esitystila vaan erityinen "diaesitystila" ("slide show mode"). Sen optimoiminen edellyttää erityistä näyttöesitystä varten laadittua CSS:ää (kyse on mediatyypistä projection). CSS-sivustolla on otettu huomioon erityisellä tavalla tämä näyttötila. Huomautan seuraavista asioista:

• Diaesitys on suunniteltu 800x600 pikselin näyttöresoluutiolle. Tarkoituksenani on, että CSS-sivusto 1-12 numeroidut sivut toimisivat tässä näyttöesitysmuodossa siten, että mikäli vain suinkin on mahdollista, yhden dian sisältö mahtuisi aina näytölle. Huomaa, että nämä sivut eivät ole alun alkaen suunniteltu tähän muotoon. Luon joitakin varta vasten diaesitysmuotoon suunniteltuja sivuja (esimerkki - 16-värinen kuvakaappaus (1:2 - huomaa, että olen muuttanut väriteemaa kuvakaappauksen oton jälkeen)). Kaikissa tapauksissa isolla monitorilla jää paljon käyttämätöntä näyttötilaa.
• Rullaamisen sijasta käytetään PageDown ja PageUp näppäimiä. Mikäli yksittäisen dian sisältö ei mahdu näyttöruudulle, voi lopun sisällön hakea alaspäin osoittavalla nuolinäppäimellä.
• Jos valitset kesken esityksen jonkun linkin, pääset nopeimmin takaisin näppäinyhdistelmällä SHIFT + Z (SHIFT + X on eteenpäin - toinen SHIFT-näppäimistä on CTRL-näppäimen yläpuolella).
• Vaihtoehtoisesti voit klikata normaalilla (oikeakätisellä) hiirellä oikeanpuoleista painiketta ja valitan sen jälkeen kirjaimen Z. Sinulla ei ole käytettävissä yhtään työkaluriviä, jossa olisi selainnuolet.
• Versiossa 5.10+ liikkuminen vierailluilla linkeillä on hiirtä käyttäen äärimmäisen helppoa. Pidä toinen painike alhaalla ja siirry toisella joko eteenpäin tai taaksepäin.
• Sinun ei tule käyttää "sisarikkunaan" johtavia linkkejä (poistin suurimman osan niistä näkyvistä tässä esitysmuodossa), sillä niiden käyttö ei sovi tähän esitystapaan. Jos linkissä on keltainen taustaväri, älä käytä sitä. Pop-up -ikkunoita voi käyttää.
• Näyttöä ei saa zoomata vaan se on pidettävä arvossa 100%.
• Älä katkaise esitystä, ennen dian latautumista, sillä selain saattaa kaatua tässä tilanteessa.