5. HTML & CSS

Yleistä

HTML eli hypertext markup language on (erityisesti) internet-sivujen kirjoittamisessa käytetty kieli. HTML ei ole varsinaisesti ohjelmointikieli, vaan ohjeet siitä miten selaimen tulisi teksti muotoilla (markup). Monilla sivustoilla (blogit, wikit, pedanet) on nykyisin omat editorit sivujen kirjoittamiseen, mutta ne kaikki käännetään loppujen lopuksi html-kielelle.

Html-kieltä voi kirjoittaa millä tahansa tekstieditorilla (esim. notepad (valmiina Windowsissa) tai Notepad++ (koululla voi asentaa software centerin kautta).

Notepad++:ssa kannattaa laittaa koodin täydennys päälle: Settings -> Preferences -> Auto-Completion -> "html/xml close tag"

Windowsin notepadia voi käyttää, mutta kehittyneemmissä editoreissa on hyödyllisiä ominaisuuksia kuten tekstin väritys komentojen mukaan (helpompi lukea koodia) ja koodin täydennys (nopeampi kirjoittaa).

Opiskelu

HTML:llää voi opiskella valikosta löytyvien ohjeiden avulla tai verkosta löytyvillä kursseilla:

Selaimessa toimivia editoreja: html5-editor.net, html-online.com/editor/, w3schools.com/tryit/

Julkaiseminen

Verkkosivun julkisemiseksi tarvitset nettiin kytketyn palvelimen (tai siis tilaa palvelimelta) sekä osoitteen eli domainin. Et voi siis vain lähettää kaverille linkkiä omalla kovalevyllä sijaitsevaan tiedostoon. Myöskään O365:n onedrive ei sovellu sivujen julkaisemiseen. Ilmaisia palveluja voi etsiä vaikkapa googlaamalla "free webhost" tai käyttämällä W3Schools Spaces:ia. Julkaistavia sivuja voi helposti tedä myös erilaisilla blogialustoilla kuten WordPress:illä. Tällöin sivujen suunnittelu muistuttaa enemmän Wordilla kirjoittamista.