HTML: Hypertext Markup Language

"HTML on liima, jonka avulla verkkosivuja kasataan."
(IT Plus 2/2001, 89).

Oikeastaan kaikki web-sivut on tehty käyttäen html-kieltä (Hypertext Markup Language), siksi html:n hallitsemista pidetään yleisesti niin tärkeänä. Kyseessä ei kuitenkaan ole mikään varsinainen ohjelmointikieli vaan lähinnä HTML on sivunkuvauskieli. Kyse on siis järjestelmästä, jonka avulla kuvataan dokumenttien sisältöä ja ulkoasua. HTML on myös paljon helpompaa oppia kuin oikea ohjelmointikieli. Lisäksi web-sivuja voidaan myös tehdä editorin avulla, jolloin web-sivujen tekeminen on lähes yhtä helppoa kuin tekstinkäsittely. Editoreita on kahta eri tyyppiä, toiset perustuvat koodin kirjoittamisen helpottamiseen, kun taas toiset ovat wysiwyg tyyppisiä.

Koodin kirjoittamista helpottavia editoreita löydät mm. Tucowsin sivuilta. Mikäli haluat tämäntyyppisen suomenkielisen html-editorin, kannattaa kokeilla Antti Viljakaisen ohjelmaa MysticML.

Kuvassa oleva editori kirjoittaa siis html-koodia, mutta wysiwyg editori menee vielä astetta pidemmälle. Sen ideana on, että html-sivusta tulee samanlainen kuin sivusta, jota muokkaat. HTML:n kirjoittaminen wysiwyg editorilla on yhtä helppoa kuin tekstin kirjoittaminen tekstinkäsittelyohjelmalla. Kriittiset äänenpainot tosin huomauttavat, että wysiwyg editorit kirjoittavat huonoa koodia ja aiheuttavat ongelmia. Hankaluuksia syntyy esim. silloin kun aletaan yhdistellä html:ää ja tietokantoja eli sivuille tulee mukaan dynaamisia elemementtejä. Wysiwyg editoreita löydät mm. Tucowsin sivuilta runsain mitoin.

Validaattorit

Validaattoreiden avulla voit tarkistaa onko html-koodaus tehty kaikkien sääntöjen mukaisesti. Sivut toimivat yleensä sitä paremmin mitä tarkemmin ne on koodattu. Suomalaisia validaattoreita ovat

Lehtori
Vaasan yliopiston html validaattori
Oulun yliopiston palvelimella sijaitseva validaattori.

Ulkomaisia validaattoreita ovat mm.

WDG
The W3C MarkUp Validation Service
Doctor HTML
Bobby

Miltä sivut näyttävät Lynxillä?

Sivujen estettömyyden tarkistamiseen kannatta käyttää Lynxiä. Helpoiten se käy käyttämällä ohjelmaa verkon läpi.

Lynx Viewer

Miltä sivut näyttävät muilla selaimilla?

Evolt.org tarjoaa yli 80 selainta imuroitavaksi eli lähes kaikki selaimet löytyy

Linkkejä

Esteettömien verkkosivujen tekemisen opas
"Opas käsittelee sitä, miten verkkosivut saadaan mahdollisimman hyvin kaikkien ihmisten käytettäviksi, myös esimerkiksi vanhusten, lasten, vammaisten ja liikkeellä olevien."

HTML-opas
Jukka Packalénin ikivanha opas netissä. Moni asia on kuitenkin edellenkin kuten 1997.

HTML-perusteet
Sari Jaarasen tekemä nettikurssi.

HTML tutorial
Loistavat sivut html:n opiskeluun. Sivuilla on mm. html-editori, jonka avulla näet heti kuinka kirjoittamasi html-koodi toimii. Esimerkkejä opiskeluun on yhteensä 100 ja kaikki asiat käydään taatusti läpi.

Makupalat: webjulkaiseminen
Paljon hyödyllisiä linkkejä niin html:stä kuin muustakin webjulkaisemiseen liittyen.

Näkövammaistahojen ohjeet verkkosivujen tarkistamiseen
"Näkövammaiset on yksi ryhmä, joka voi selvästi hyötyä verkkopalveluiden lisääntymisestä. Verkkopalveluiden lisääntyvä käyttö edellyttää kuitenkin jatkossa suuremman huomion kiinnittämistä yleiseen käytettävyyteen, esteettömyyteen ja saavutettavuuteen."

Publicera information på WWW (HTML-kurs)
Ruotsin "opetushallituksen" sivut, jossa HTML:ää selostetaan ihan alkeista saakka.

Resurser - HTML
Ruotsiksi monenlaisia vinkkejä.

W3C HTML Home Page
HTML-kielen kotisivut verkossa.

Lähteet

IT Plus (2001). Oikea työkalu: HTML. IT Plus (2), 89.