ohjeita web-sivuston tekijälle
WWW:tä selataan nykyään monilla erilaisilla laitteilla. On kämmentietokoneita, matkapuhelimia ja tekstitilassa suoritettavia selaimia. On toki myös niitä, jotka selaavat webiä perinteisemmältä pöytäkoneelta tai kannettavalta. Kaikilla näillä järjestelmillä on käytössä monia standardeja ja epästandardeja resoluutioita.
Resoluutiolla eli näyttötilalla tarkoitetaan näytön kuvan kokosuhteita. Resoluutiota mitataan pikseleissä eli kuvapisteissä. Yksi pikseli vastaa yhtä näytön pistettä, jolle voidaan antaa tietty väriarvo. Ehkä tunnetuimpia resoluutioita ovat PC-koneiden 640x480-, 800x600- ja 1024x768-tilat. Matkapuhelimen näytön resoluutio voisi olla esimerkiksi 100x80 pikseliä. Resoluutio määrää sen, kuinka paljon sisältöä voidaan näyttää kerralla.
Monet kotisivujen tekijät suunnittelevat sivunsa vain yhdelle resoluutiolle - usein sille, jota itse sattuu käyttämään. Tämän lisäksi useimmat näkevät tarpeelliseksi ilmoittaa pienellä sivun alareunassa, että sivut on suunniteltu selattaviksi vain siinä resoluutiossa. Tämä on pahasta. Ensinnäkin suurin osa vierailijoista käyttää jotain muuta resoluutiota. Itse en edes käytä selaintani täysikokoisessa ikkunassa, vaan mielentilastani riippuen vähän erikokoisissa ja -muotoisissa ikkunoissa. Toiseksi resoluutioriippuvuus osoittaa, ettei sivujen suunnittelijalla ollut aikaa tai pienintäkään halua testata sivuja toisilla koneilla kuin omallansa, tai edes useissa eri resoluutioissa.
Tekemällä sivuista skaalautuvat ohitat kaikki resoluutioihin liittyvät ongelmat. Skaalautuvaisuuden oppiin liittyy olennaisesti se, että dokumentissa kerrotaan vain sisältö ja olennaiset muotoilut (otsikot, korostukset jne) ja selain (käyttäjä) saa itse määrätä miten sivu näytetään.
Tärkeää resoluutioita ajatellen on myös ns. "foldi", sivun taitekohta. Taite on se sivun kohta, jonka yläpuolella oleva sisältö näkyy vierailijalle ilman sivun vieritystä. Kyseessä on sama taite kuin sanomalehdissä, vain sillä erolla, että sanomalehdissä taite on täsmälleen lehden puolivälissä kun taas web-sivulla se voi olla missä tahansa. Itse asiassa taitteen sijainti riippuu katsojasta - tai ainakin siitä, millä katsoja sitä katsoo. Joka tapauksessa erityisesti etusivun tärkeimmän sisällön tulisi tulla ilmi aikaisin tekstissä. Käytä siis ensimmäiset rivit huolella.
Tämä sivu on luotu 1.8.2001.
Mitenkäs skaalautuminen silloin kun sivuilla on useita kuvia, sijoiteltuna sinne tänne? Pelkän tekstin kanssa, kuten tämä sivu, skaalaaminen on varsin suotavaa ja helposti tehtävissä.
24.7.2005 16:20miten tää skaalautuminen sitten koodataan?
31.8.2005 15:26Skaalautuvan sivun kanssa voit toimia niin, että osa skaalautuu ja osa ei. Tee venyvä osa omanaan esimerkiksi johnkin soluista.
Miten sitten saan skaalautuvat..?
Ihan HTML-kiellä vai kuinka..?
Mites kuvien kanssa.??
Mutta tämähän ei kovin varmaankaan haittaa kun aion kummiskin tehdä sivuille erikseen "tekstilaatikon" missä tekstit ja sitten sivuille jää taustaväri.. Joten jos on iso resoluutio niin näkyy vain enempi taustaväriä vai?