ITV0110 1. töö: Html põhioskused
Esimese praktikumi ülesanne on teha väike veebisait iseenda kohta.
Seejuures pead tingimata kasutama kõiki alltoodud tehnoloogiaid ja tegema ära kõik nõutud osad: sisuline eesmärk praktikumil on harjutada neidsamu baastehnoloogiaid (reavahed, pealkirjad, lingid, värvid, tabelid, pildid jms) kasutama.
Kui oled varem teinud veebilehti, siis need varsemad selle praktikumi tulemuseks ei kvalifitseeru (küll aga oskad sel juhul ülesande väga ruttu valmis saada).
Igati sobiv ja soovitav on lehtedele lisada muid mõistlikke ja huvitavaid asju ka omal initsiatiivil.
Lehed tuleb luua hariliku teksti(programmeerimis)redaktoriga (soovitavad näiteks notepad++ või scite), mitte puhtalt visuaalse redaktoriga. Esitamisel peab oskama juhendajale seletada, mida konkreetsed htmli markupi osad sinu lehel teevad ja miks nad seal on. Sulle arusaamatuid htmli markupe elemente ei tohi kasutada (st enne kasutamist tuleb nendega mõne htmli õppematerjali abiltutvuda!). CSS ja javascript on lubatud (vaja neid siin praksis ei ole!), aga ainult juhul, kui oskad seletada, kuidas nad täpselt töötavad.
Loodud lehti võib selles ülesandes hoida lihtsalt arvuti failisüsteemis: nad ei pea olema laetud serverisse.
Soovitav on teha lehed järgmiste etappidena, kuid esitada tuleb töö tervikuna, st kui kõik etapid valmis.
Abiks on mõistlik kasutada Raggetti (html 4 standardi peatoimetaja) klassikalisi tutoriale (esimene ja teine) või w3schoolsi põhjalikumat html tutorialit.
- Esimene etapp
Kirjuta teksti(programmeerimis)redaktoriga 5 html lehte, mis on omavahel lingitud ja sisaldavad infot sinu enda kohta (ei pea olema tõene info!). Pealehel olgu mh menüü, näiteks: Minust, Sõbrad, Lingid, Hobid jne.
- Teine etapp
Joonista mõne graafikaprogrammiga 5 pilti (mõned neist võivad olla ka sinu enda tehtud fotod, osad peavad aga olema joonistatud), salvestage neist osad GIF ja osad JPEG formaati ning lisage nad koduleheküljele eelmisest ülesandest (5 html lehte, omavahel lingitud). Kõigil lehtedel olgu siis mõni ise joonistatud/pildistatud GIF või JPEG formaatides pilt.
Neile lehtedele tuleb järgmisena panna osadele taustavärv ning osadele taustapildid. Samuti tuleb ära muuta tavaliste ning külastatud linkide värvid (vaikimisi on need üldiselt sinised ning lillad) muutes nad endale meeldivaks.
- Kolmas etapp
Tee alltoodud sorti tabel, kasuta tabeli päises taustavärve ja püüa tõepoolest süveneda tabeli tegemise põhimõtetesse (mitte lihtsalt copy-paste kuskilt näite järgi), sest sul on kindlasti vaja oskust tabeli html-teksti käsitsi parandada.
Tabeli sisu peab olema reaalne või väljamõeldud info sinu enda või mingite sinu lemmikasjade kohta.
Nr Nimi Matemaatika Inglise keel 1 Aleksei Matiisen 95 77 2 Lea Kuusik 88 99 3 Leo Roost 32 83 4 Tarmo Eessaar 100 100
Kui selline tabel tööle saadud, siis kasuta oma eelmistes ülesannetes tehtud lehekülgedel tabeleid - s.t. vasakule veergu pane menüü ning paremale sisu - mis tähendab, et kogu sinu lehekülge ümbritseb üks suur tabel. Lisaks kasuta tabelit ka mõnes sisuosas.