Apu lapsest; ko kalan perka ni kaks syä.

HTML-tiedosto voidaan kirjoittaa millä tahansa tekstinmuokkausohjelmalla, vaikkapa Windowsin Muistio-apuohjelmalla. Älä käytä tekstinkäsittelyohjelmaa, kuten Word, koska ne lisäävät tekstin joukkoon omia muotoilumerkintöjään. Jos kuitenkin kirjoitat HTML-koodia tekstinkäsittelyohjelmalla, muista tallentaa tiedosto tekstitiedostona.

Ole myös huolellinen valitessasi tiedostonimeä ja tunnistetta. Käyttöympäristöstä ja ohjelmista riippuen tiedoston tunnisteosa voi olla esimerkiksi *.html, *.htm tai *.xhtml. Unix-ympäristössä ja uusissa Windows-versioissa tiedostonimien isot ja pienet kirjaimet erotetaan toisistaan. Linkit tiedostojen välillä eivät toimi, elleivät tiedostonimet ole viittauksissa tarkalleen oikein. Kirjoita johdonmukaisesti kaikki tiedostonimet kokonaan pienillä kirjaimilla, niin säästyt asian pohtimiselta. Älä myöskään käytä aksenttimerkkejä (å,ä,ö) tiedostonimissä, koska niiden toimivuudesta eri ympäristöissä ei ole takeita. Älä käytä välilyöntejä tiedostonimissä, vaan korvaa ne väli- tai alaviivalla: hirmu_mutkikas_nimi-123.html.

HTML-tiedostojen kirjoittamiseen ja WWW-julkaisuun on tarjolla myös kirjava joukko HTML-editoreja. Yksinkertaisimmilla voi nopeuttaa koodinkirjoittamista valikkojen tai painikkeiden avulla. Graafiset WYSIWYG^*-editorit esittävät tekstin suoraan samantapaisessa muodossa kuin selaimet ja muistuttavat toiminnaltaan tekstinkäsittelyohjelmia. Kehittyneellä editorilla voi tehdä WWW-sivuja osaamatta lainkaan HTML-koodia mutta tuloksena on yleensä raskasta ja hitaasti latautuvaa koodia, jota joutuu siivoamaan jälkeen päin.

WYSIWYG-editorilla voi kirjoittaa muotoiltua tekstiä melkein ilman harjoittelua, jos on tutustunut tekstinkäsittelyyn. Myös tekstinkäsittelyohjelmat voivat muuttaa asiakirjan HTML-sivuiksi. Ohjelmien tuottama HTML-koodi on kuitenkin usein suttuista ja lyhytkin tekstinpätkä on helppo saada täyteen tarpeettomia fonttimäärityksiä. Tässä kurssissa tutustumme graafisiin editoreihin vasta sitten kun osaamme kirjoittaa peruskoodia ominkin päin.

WYSIWYG = What You See Is What You Get. Kun kirjoitat HTML-koodia itse, keskityt merkitykseen. WYSIWYM = What You See Is What You Mean.

Selain on ohjelma, joka tulkitsee HTML-koodia, esittää sivun sisällön ja mahdollistaa liikkumisen WWW-sivulta toiselle. Standardista huolimatta selaimet tulkitsevat koodia eri tavalla ja sen vuoksi sama sivu näyttää lähes väistämättä eri selaimissa erilaiselta. Lisäksi selainvalmistajat ovat tehneet HTML-standardiin omia lisäyksiään, jotka eivät toimi toisissa selaimissa. Näiden laajennusten käyttöä on siksi syytä välttää. Sivuston on oltava käyttökelpoinen mahdollisimman monenlaisissa käyttöympäristöissä. Toisaalta sivustoa suunniteltaessa on hyväksyttävä se tosiasia, ettei sivun ulkoasua voi joka tilanteessa määrätä millintarkasti.

Tehtävä

Etsi internetistä HTML-tiedostojen kirjoittamiseen tarkoitettuja työkaluja. Kirjoita muistiinpanot Muistio-ohjelmalla tekstitiedostoon. Kirjaa ohjelman nimi ja ohjelman esittelysivun osoite. Katso myös, voiko toimivan ohjelman tai kokeiluversion imuroida ja paljonko täydellinen versio maksaa, vai onko ohjelma avointa lähdekoodia. (Kokeile useita eri hakusanoja.)

S31:n koneisiin on asennettu editoriksi Geany.

Koulussa: Tutki, onko Linux-projektiläppäriisi asennettu Geany ja Vim.

Kotona: Asenna Windows-koneeseen Geany-tekstieditori lataamalla asennushjelma: https://www.geany.org/download/releases/
Linuxissa asennat pakettienhallinnan kautta paketin geany.
Vim (Vi IMproved) on suosittu koodauseditori. Windows-koneeseen voit asentaa Vimin täältä: https://www.vim.org/download.php
Vim löytyy usemmista Linux-jakeluista valmiiksi asennettuna, tai sitten voit asentaa sen pakettienhallinnan kautta.