You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 24 Next »

Värien käyttö verkkosivuilla

http://www.w3schools.com/Html/html_colors.asp

http://verkko-opas.fi/web/css/vari/

RGB to heksadecimal chart

Värin merkintätapoja

#rrggbb Esimerkiksi #6942cf

#rgb, sama kuin #rrggbb. Esimerkiksi #efc on sama kuin #eeffcc

rgb(p,v,s), jolla esitetään punaisen vihreän ja sinisen valon intensiteetit asteikolla 0-255. Esimerkiksi rgb(3,25,240)

Lisäksi voidaan käyttää erilaisia värien nimiä. Valmiit värien nimet sopivat erilaisiin kokeiluihin. Valmiit värit ovat kuitenkin yleensä kirkkaita, ja niiden käyttöä kannattaa miettiä. Valmiita, standardin mukaisia värejä on vain 16. Muut värit ovat käytössä webissä, mutta niiden standardointi on tulossa vasta CSS3-versioon.
Ks.lista nimistä

Taustaväri ja fontin väri

Sivun taustan ja fontin väri kannattaa aina asettaa yhdessä. Jos asettaa pelkän taustan tai pelkän fontin, selaimen oletusasetukset saattavat tehdä sivusta lukukelvottoman. Ei koskaan kannata luottaa siihen, että esimerkiksi valkoinen taustaväri on jokaisen selaimen oletusasetus.

Fontin väri asetetaan color-ominaisuudella ja taustaväri background-color -ominaisuudella

body {
     color:#000;
     backgound-color:#fff;
     }

Kuvat

http://matriisi.ee.tut.fi/~ph/hp99/kuva/

Kuva on muotoa

<img src="kuvan osoite"  alt="lyhyt kuvaus" >

img-elementille voidaan antaa seuraavat määritteet:
align
border
width
height
longdesc = pitkä kuvaus, jossa kerrotaan kuvan sisällöstä.

Lisäksi voidaan käyttää title-määritettä ns. lisäohjeena (tooltip), joka näkyy, kun käyttäjä vie hiiren kuvan päälle.

Taustakuva

http://www.evotech.net/blog/2008/08/css-background-properties/

Läpinäkyvyys

http://www.w3schools.com/css/css_image_transparency.asp

Multimedia

Multimedia tarkoittaa aineistoa, joka koostuu monesta esitysmediasta.

Yleisimpiä ovat ääni, videoleikkeet ja erilaiset animaatiot. Aineiston voi joko upottaa tai linkittää verkkosivuille.

Upottamisessa käytetään yleensä seuraavia elementtejä:

  • Kuvien upotuksessa img-elementti
  • Videoiden osalta embed-elementti
  • Äänen osalta bgsound tai embed
  • Java-sovelmissa applet-elementti

embed

Vaikka object-elementti on suositeltu elementti multimedian upottamisessa, embed toimii kuitenkin käytännössä laajemmin eri selaimissa.

<embed src="tiedosto.pääte"   width="" height="">

Tärkeimmät määritteet:
http://www.tutorialspoint.com/html/html_embed_multimedia.htm

http://www.htmlcodetutorial.com/embeddedobjects/_EMBED.html

bgsound

Elementti aiheuttaa taustaäänen esittämisen sivun katselun aikana. Embed-elementti on kuitenkin suositumpi tapa upottaa ääntä verkkosivuille.

<bgsound sc="osoite" loop="infinite" >

Määritteet:

balance

stereoäänen säätö

luku, esimerkiksi balance="1000"

loop

toistojen määrä

luku / infinite, esimerkiksi loop="3"

src

äänidata

URL, esimerkiksi src="aani.au"

volume

äänenvoimakkuus

luku, esimerkiksi volume="-2000"

http://appro.mit.jyu.fi/www/luennot/luento9/

  • No labels
You must log in to comment.