ohjeita web-sivuston tekijälle
Lyhyesti: Älä käytä tässä vinkissä esiteltyjä tekniikoita.
Tässä vinkissä esitellään erityisesti HTML-kieleen juurtuneita ominaisuuksia, joiden käyttöä ei suositella. Tarjoamme myös vaihtoehtoisen tekniikan.
Webissä on totuttu siihen, että joka sivulla on oma osoite. Kehyksiä käyttävän sivuston sisäsivulle ei voida kuitenkaan linkittää suoraan, sillä sillä ei ole useinkaan olemassa osoitetta, joka rakentaisi sille kehykset ympärille.
Hakukoneilla on vaikeuksia ymmärtää kehyksiä.
Kaikki selaimet eivät tue kehyksiä. Yllättävän moni käyttää esimerkiksi tekstipohjaisia selaimia, jotka eivät tue kehyksiä.
Kehyksiä käyttävien sivujen tulostus on vaikeaa tai mahdotonta. Selaimet osaavat esittää kehysten sisällön lomittain näytöllä, muttei paperilla.
Kehyksiä perustellaan usein sillä, että esimerkiksi navigaatiokehys on jatkuvasti esillä. Navigaation ei tarvitse olla koko ajan esillä, riittää, että se on koko ajan käytettävissä. Sen sijoittaminen joka sivun ylä- ja/tai alaosaan riittää mainiosti.
Taulukot on luotu HTML-kieleen sen takia, että niillä voidaan luoda taulukoita. Ennen tyylipohjien aikakautta todettiin, että taulukoilla voidaan luoda yksinkertaista asemointia sivun ulkoasulle.
Taulukot voidaan korvata taittovälineenä tyylipohjilla. Tyylipohjilla on mahdollista luoda pikselintarkka ulkoasu, joka koostuu useista elementeistä. Tyylipohjia voidaan käyttää myös sivun palstoittamiseen.
Kuvakartat eivät ole hyviä linkin korvikkeita. Ne ovat suhteellisen harvinaisia, eivätkä ihmiset keskimäärin tunnista niitä linkeiksi.
Mikäli kuvakartan käyttö on välttämätöntä, lisää sen viereen aina lista kuvakartan linkeistä tekstilinkkeinä.
Älä riko webin perusrakennetta naamioimalla linkkejä.
Ihmiset ovat tottuneet hakemaan sivuilta juuri tietyn näköisiä linkkejä, eivätkä välttämättä ymmärrä, että alleviivaamaton, leipätekstistä hädin tuskin eroava tekstinpätkä voi olla linkki. Pidä linkit alleviivattuna ja mielellään myös standardin värisinä. Määrää aina eri värit käyttämättömille ja käytetyille linkeille.
Mitään muuta tekstiä kuin linkkejä ei saa alleviivata web-sivulla. Niitä luullaan poikkeuksetta linkeiksi.
Kynnysmattosivulla tarkoitetaan sivua, jonka ainoana tarkoituksena on kantaa sivuston logoa, introa tai toivottaa vierailijat tervetulleeksi.
Vierailijat joutuvat kulkemaan tämän sivun kautta joka kerta tullessaan sivustolle. Ovimattosivulla on harvoin mitään oikeaa sisältöä, mikä oikeuttaisi sen olemassaolon.
Kaikki liikkuva häiritsee lukemista. Jos sivujen tarkoitus on välittää tietoa, ei kannata turhaan häiritä lukevia silmiä animaatiolla.
Flash-esitykset voivat olla hienoa multimediaa, mutta tiedon välittämiseen webissä ne eivät sovi. Poikkeuksena voidaan pitää tekstisisältöä selventäviä animaatioita, esimerkiksi veden kierron kuvaaminen animaationa on hyvä ratkaisu opetustarkoituksessa.
Taustamusiikki sopii vain tarkoin harkitusti taiteellisille multimediasivuille. Muussa tapauksessa kunnioita käyttäjän itsemääräämisoikeutta siihen, minkälaisia ääniä tietokone kaiuttimistaan päästää.
Font-elementin käyttöä ei suositella. HTML on kieli, joka kuvaa dokumentin rakennetta, ei ulkoasua. Font-elementin ominaisuudet saadaan korvattua tehokkaasti tyylipohjilla.
Sivulta ei pitäisi koskaan olla linkkiä samalle sivulle. Tämä johtuu siitä, että linkki voidaan todeta toimimattomaksi kun se ei vie minnekään
.
Tätä sivua on viimeksi päivitetty 1.3.2004.
Olisi hyvä mainita, että nämä säännöt pätevät vain sivuille, joilla (teksti)sisältö on ylivoimaisesti tärkein asia. Näin ei kuitenkaan aina ole. Kenties jopa suurin osa nettisivuista tarjoaa enemmän tai vähemmän viihteellistä materiaalia. Tällöin ärsykkeiden (kuten liikkuva kuva, äänet, virallisuudesta poikkeavat linkin värit yms) käyttö hyvän maun mukaisesti voi olla erinomainen tehokeino.
Ei voi sanoa, että näiden sääntöjen rikkominen tekee sivusta huonon. Päinvastoin, näiden sääntöjen rikkominen voi hyvällä lykyllä tehdä sivusta erinomaisen.
Kaikki tässä vinkissä esitetyt ohjeet pätevät myös viihteellisiin sivustoihin.
Ei ole esimerkiksi järkeä piillottaa linkkejä viihteellisilläkään sivuilla (paitsi jos kyseessä on jokin kieroutunut "etsi piiloutunut linkki"-sivu). Ei ole mielestäni tarkoituksenmukaista viihteellisilläkään sivuilla turhaan vaikeuttaa navigointia millään tavalla. Päinvastoin, on viihteellistä, että liikkuminen onnistuu vaivatta ja voidaan keskittyä sisältöön, oli se sitten viihdettä tai asiaa.
Monet tekniikat, joita kielletään käyttämästä, ovat jäänteitä, jotka voidaan korvata paremmin toimivilla ratkaisuilla. Esimerkiksi mainittua font-elementtiä voidaan edelleen käyttää, mutta mitään järkeä tässä ei ole, sillä sivusto voi samalla vaivalla erottaa ulkoasun sisällöstä tyylipohjilla.
Hieman ristiriidassa tuo taulukkotaitto. Hötömölö-oppaassa sanottiin taulukkojen soveltuvan mainiosti leiskan kasaamiseen, täällä taas ei sovi.
Html-oppaassa virhe? Taulukoita ei kannata käyttää sivun asetteluun.
Taulukkoja ei kannata tosiaankaan käyttää sivun taittamiseen. Tuo opas heijastaa vuoden 1998 suunnittelun periaatteita ja on jäänyt erittäin pahasti kehityksestä. Opasta ei olla päivittämässä, mutta uusi korvaava on tuotannossa.
30.4.2004 18:00Paskapuhetta tuo linkkikohta. On monia eri tapoja erottaa linkit tekstistä, ja monissa tapauksissa alleviivaus saattaa olla muita tapoja huonompi.
5.5.2004 19:08Nämä sivut ovat kaikenkaikkiaan aivan mahtavia. Olen nyt lukenut kutakuinkin HTML, Sivusto ja Palvelin osuudet läpi ja monia itsestäänselvyydeltä tuntuvia asioita, jotka eivät olekkaan niin itsestään selviä on huomannut tekevänsä väärin. Yritän myös opetelkla PHP:ta tuon oppaan avulla ja olenkin jo muutamia lukuja lukenut. PHP:n käyttömahdollisuuden saan syntymäpäivälahjaksi joten pääsenpä silläkin leikkimään ;) Näissä sivuissa on nähty todella vaivaa.
4.7.2004 14:51Eiskiksen kommentista.
Eiköhän tässä tarkoitettu, ettei alleviivausta saisi käyttää muualla kuin linkeissä. Ei käsketty käyttämään sitä.
Itse lisäisin listaan vielä linkin aukaisemisen uuteen ikkunaan target="_blank" määreellä tai JS-popupilla. Kyllä käyttäjä osaa avata linkin uuteen ikkunaan niin halutessaan ja toisaalta myös uuteen ikkunaan avaamisen estäminen on väärin (flash/js-tekniikat).
11.8.2004 20:28Mielestäni on taas hyvä avata linkit muihin sivustoihin uudessa ikkunassa. Uskomattoman monilla sivuilla linkkisivun linkit aukeavat jopa omien sivujen kehysten sisään (!) ja siinä sitten onkin sekamelskaa. Minulla ainakin on target="_blank" linkit-sivun linkeissä..
Linkkien alleviivaamisesta olen eri mieltä oppaan kanssa, useilla sivuilla on alleviivauksen tilalla esim. tekstin lihavointi ja värinä joku ulkoasuun sopiva väri, ja ainakin minun mielestäni ne erottaa todella hyvin linkeiksi, ja sopii paljon paremmin sivuille kuin alleviivatut linkit.
Turhat animaatiot, hirveä värien sekamelska, jne. on kyllä tosiaan ärsyttävää. Joskus tuntuu että jotkut haluavat vain kokeilla "kaikkea kivaa" sivuillaan, eikä yhtään mietitä asiaa sen tarkemmin ;D
Maria: Jos sivullasi kehoituksista huolimatta käytetään kehyksiä, tulee ulospäin avautuvat linkit avata omien sivujesi päälle, aivan kuten kehyksettömilläkin sivuilla. target="_top", ei target="_blank".
Itse varmasti löydät tekemäsi linkit vaivatta, mutta kaikilla muilla tulee olemaan enemmän vaikeuksia niiden löytämisessä kuin jos ne olisivat korrektisti alleviivattuja.
Sanot, että "Joskus tuntuu että jotkut haluavat vain kokeilla 'kaikkea kivaa' sivuillaan, eikä yhtään mietitä asiaa sen tarkemmin". Minusta tuntuu, että taisit itse juuri langeta tähän samaan ryhmään.
Jäin miettimään samalle sivulle osoittavia linkkejä. Itse ajattelisin että pitkä tekstidokumentti on käytettävämpi mikäli
a)sivun alusta pääsee linkillä hyppäämään haluamaansa kohtaan sivua ilman rasittavaa scrollusta/paikannusta.
b)sivun lopusta pääsee vastaavasti ylös (tai sopivista kohdista sivua)
Linkin nimeen tai linkkilistan otsikkoon voisi yrittää laittaa vihjeen siitä että linkki osoittaa samaan sivuun jos pelkää että joku häkeltyy.
Kiitos erinomaisista vinkeistä! Ammattimainen ote, koruton mutta toimiva/selkeä ja vinkit ovat konkreettisia. Kokeneena suunnittelijana kohtasin täällä muutamia asioita jotka olivat päässeet unohtumaan vuosien varrella (kielet, erropage..)
Kevättä odotellessa :)
"Eiköhän tässä tarkoitettu, ettei alleviivausta saisi käyttää muualla kuin linkeissä. Ei käsketty käyttämään sitä."
Käskettiinhän. ("Pidä linkit alleviivattuna")
:D Tämä opas saa internet-sivujen selaamisen kuulostamaan joltakin hyvin vaikealta ja keskittymistä vaativalta. Eiköhän nyt jokainen loogisen päättelykyvyn omaava henkilö tiedä mistä linkkejä yleensä kannattaa etsiä, vaikka ne eivät olekaan alleviivattuja ja sinisiä. Eli ei varmastikaan kannata ottaa kaikkia vinkkejä annettuina, vaan itsekin pohtia mihin tarkoitukseen sivut tulevat, ja miten linkit parhaiten tulevat esiin.
29.4.2007 09:54Miksi tarkalleen taulukoita ei saisi käyttää taittoon? Mitä huonoa niissä on? Musta ainakin ovat käteviä.
17.12.2007 11:10Kun nyt vain kaikki muistaisivat, että tällä sivustolla on vain yhden miehen mielipiteitä ja neuvoja. Onneksi Internetissä on diversiteettiä ja innovaatioitakin aina välillä. Vaikka tämä sivusto yrittäisikin ajaa html-raamatun virkaa niin aina on olemassa html-koraani ja muut vastikkeet :)
4.2.2008 12:33Kyllä minustakin nuo alleviivatut linkit ovat mainiosti korvattavissa esim. lihavoinnilla tai muulla tekstistä erottuvalla ja kyseisellä sivustolla kokoajan toistuvalla, sille sopivalla tyylillä. Ehkä alleviivaustieto onkin jo vanhentunut. Nykyään "muotoilemattomat" linkit ovat lähinnä arkisen näköisiä. Toki arkinen voi olla myös hyvä asia.
6.5.2008 22:44Riina.
Talukoilla taittamista käytettiin joskus aikoinaan, mutta tyylipohjat ovat korvanneet tämän.
Tyyipohjilla saat aikaan paljon kätevämmän tuloksen. Joskus itsekin tein sivuni juuri taittamalla taulukoilla, mutta huomasin, että se sujuu tyylipohjilla sekä nopeammin että helpommin.
Kannattaa yrittää. Ne oppii nopeasti.
Niin se maailma muuttuu. Nämä ohjeet kuvastavat hyvin vuoden 2004 käsityksiä esim. Flashin käytöstä. Sivujen kuului olla kovin tekstipohjaisia tuohon aikaan. Nykyään suuntaus on enemmän kuvalliseen suuntaan ja videon käyttöön. Olisikohan näitä ohjeita aika vähän päivittää?