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 (lingid, värvid, tabelid jms) kasutama.

Igati sobiv ja soovitav on sinna lisada muid mõistlikke ja huvitavaid asju ka omal initsiatiivil.

NB! 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!).

Loodud lehti võib selles ülesandes hoida lihtsalt arvuti failisüsteemis (ei pea olema laetud serverisse).

Soovitav on teha lehed järgmiste etappidena, kuid esitada tuleb töö tervikuna, st kui kõik etapid valmis.

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 - muutke 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.