sivut.web

ohjeita web-sivuston tekijälle

Kaksinaamaiset kehykset

Lyhyesti: Käytä kehyksiä harkitusti, sillä ne rikkovat HTML-sivujen loogisen rakenteen, vaikeuttavat merkittävästi tulostusta ja suosikkeihin lisäämistä sekä listautuvat huonosti hakukoneisiin.

Kehykset ovat nousseet osaksi HTML-standardia rikkomaan perinteisen sivunkuvauksen rajoja. Kehykset mahdollistavat usean dokumentin esityksen samassa selainikkunassa käyttäen useita, pienempiä ikkunoita, kehyksiä.

Kehysten käyttö aiheuttaa useiden kysymyksien muodostumisen. Sivuilla olevien dokumenttien linkitys toisilta sivustoilta tulee vaikeaksi ellei mahdottomaksi. Perinteinen sivu ja osoite- periaate kaatuu. Sivun tulostus muuttuu mutkattomasta ongelmalliseksi.

On toki olemassa muutamia sovellutuksia, joissa kehykset ovat omaa alaansa. Tällaisia sivuja ovat esimerkiksi sivustot, jotka ilman kehyksiä vaatisivat jatkuvaa hyppimistä sivulta toiselle. Ottakaamme esimerkiksi sivusto, joka tarjoaa drinkkireseptejä. Kehyksettömällä sivulla selaaja joutuisi aina seuraavaan drinkkiin siirtyäkseen menemään jonkinlaiselle drinkkilistasivulle. Tilannetta voi helpottaa asentamalla sivun vasempaan reunaan drinkkilistasivun omaan kehykseensä, josta drinkin nimen valitsemalla saa reseptin pääkehykseen listan oikealle puolelle.

Monet kokeneet web-suunnittelijat sanovat, että kehykset ovat pahasta. Harvoin kukaan kuitenkaan haluaa sanoa tarkalleen, mikä olisi parempi vaihtoehto. Kehyksillä yritetään usein saada navigaatio näkyviin jatkuvasti. Tämä tuskin on hyvä vaihtoehto ainakaan tilankäytön suhteen. Riittää mainiosti, että navigaatio on vain sivun yläosassa reunassa tai vasemmalla ja että sivun alaosassa on linkki sivun sisäinen linkki yläkertaan. Jos sinulla on tapana pitää navigaatio yhdellä (tai muutamalla) rivillä sivun yläosassa, voit myös asentaa toisen, identtisen navigaation sivun alaosaan, muun sisällön jälkeen.

Ota kehyksiä sivulle pistäessäsi huomioon, että monet tekstipohjaiset selaimet näyttävät kehykset täysin erilailla kuin "perinteiset" ikkunapohjaiset selaimet. Käsitietokoneiden selaimet harvoin tukevat kehyksiä lainkaan. Harkitse siis kolmesti, ennen kuin käytät kehyksiä.

Tätä sivua on viimeksi päivitetty 4.7.2002.


Käyttäjien kommentit

18.6.2004 08:18
kNwN

Kehyksistä sen verran vain, että mielestäni ne ovat pirun käytännölliset jos tekee ilman budjettia sivut pelkällä html:llä juuri mainitsemanne navigaation takia.
Oletetaan että web-sivujen tekijä haluaa sivuilleen vaikka keskustelu -forumin, jollaisia saa monenlaisia ilmaiseksi monilta palveluntarjoajilta. Ne eivät tietenkään ole mitään copy-paste -koodia, joten tekijä joutuu laittamaan sivuilleen linkin ko. forumiin, joka sijaitsee palveluntarjoajalla. Ja jotta sivuista saisi mahdollisimman kiinteät ja tyylikkäät, haluaa tekijä pitää myös navigaationsa koko ajan näkyvillä. Ja tuollaiseen foorumi-sivuun (ja muihin palveluihin) navigaatiotaan ei voi lisätä ilman kehyksiä.
Kun itse sivuja teen, teen ne kyllä valtaosin normaaleja käyttäjiä varten, jotka käyttävät normaalia pc:tä päätteenään, joten jätän ajatuksetkin sivujen yhteensopivuudesta käsitietokoneiden kanssa unholaan. Ja mitä tekstiselaimiin tulee, nykyaikana harvempi normaali kuluttaja sellaista käyttää.

20.8.2004 08:54
Aki Hirn <kehakettu@luukku.com>

Itse teen juuri sivuja ja pähkäilen tuon sivukartan kanssa. Laittaako se kehykseen vasempaan reunaan, vai tehdäkö joka sivulle erikseen sivukartta? Nyt olen kallistumassa kehyksettömään vaihtoehtoon, mutta voihan sitä aina myöhemmin muuttaa. Ja kiitos, näistä sivuista on ollut todella paljon apua sivujen tekemisessä.

6.11.2004 13:04
Kantapään kautta koettu

Kehyksien ongelmana on lähinnä se, että jos esim. hakukone antaa osoitteeksi kehyksien sisällä olevan sivun, näyttää selain ainoastaan sen, ja sitten se navigaatio jää kokonaan puuttumaan. Tai puhumattakaan, jos aukeaa vain navigaatio-ikkuna, muuttuvat sivut toimimattomaksi. Lisäksi selaimet ottavat välillä vähän omia vapauksiaan ikkunan jakamisessa.

Fiksuin tapa lienee suunnitella yhteinäinen navigaatiopalkki, jonka copy-pastaa joka sivulle; kuten on tehty näilläkin sivuilla. Kun palkki on joka sivulla samassa paikassa, luo se kiinteän vaikutelman, eikä kukaan huomaa eroa.

Vieraskirjan voi laittaa vaikka tuollaiseen pieneen ikkunaan, joka aukeaa sivun sisään:
<IFRAME SRC="sivut.html"
WIDTH="100" HEIGHT="50%">
</IFRAME>

Vieraskirjan suhteessa ei ole ongelmaa, vaikka se vahingossa aukeasikin yksinään.


23.3.2005 12:53
nimetön

Onkohan sellaista koodia jolla saisi jonkun tietyn sivun pakotettua aukeamaan iframen sisälle? Iframe on muuten hyvä ratkaisu, mutta juuri navigoinnin kanssa saattaa joutua vaikeuksiin, jos sivut eivät aukeakkaan iframen sisälle.

15.9.2005 19:15
Jape



Navin (menu, sivukartta tai miksi sitä nyt ikinä haluaakaan sanoa) voidaan sisällyttää sivulle myös SSI:llä, jolloin sen sisältö on vain yhdessä paikassa. Muuta sivujen tiedostopäätteeksi shtml, laita navi omaan tiedostoonsa (jossei jo ole) ja laita sivuille haluamaasi kohtaan koodi:

<!--#include virtual="navi.html"-->

Vielä parempaan tulokseen pääset, kun jaat sivut alkuosaan, sisältöön ja loppuosaan.

<!--#include virtual="alku.html"-->
tähän sisältö
<!--#include virtual="loppu.html"-->


Lue lisää: http://hoohoo.ncsa.uiuc.edu/docs/tutorials/includes.html

30.10.2006 01:05
SK

Näyttää pirun tyhmältä, jos sivun navigointinappulat liikkuu esim. sivlla olevaa tekstiä lukiessa. Sen takia ihka oikea graafinen suunnittelija ei oikein helpolla jätä kehyksiä hyödyntämättä. Käytettävyyden kannalta on pöljää että nappulat on jossain sivun yläreunassa piilossa tai jossain alhaalla identtisinä. Lisäksi selaimet kehittyy kokoajan, eikä tuo hakukoneongelmakaan kauaa ole olemassa.

11.1.2008 22:26
yelo

Mutta mitens sitte, jos pitää päivittää jokin uusi linkki ja on joku 3000 sivua, niin on siinä sitten tosi kiva copy pasteilla ne uusiksi :/

Lisää oma kommentti


Juha-Pekka Järvenpää
jp@sivut.org
http://www.jarvenpaa.net/