ITV0110 1. töö: Html põhioskused

Esimene ülesanne on inspireeritud Innar Liivi html juhendist ja Tanel Tammeti varasematest analoogilistest ülesannetest.

Seda on väga soovitav teha kolmes etapis, hinnatakse aga kogutulemust.

Ülesandena loodud lehtedel peavad olema olemas alltoodud elemendid, 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 teie lehel teevad ja miks nad seal on. Teile arusaamatuid htmli markupe elemente ei tohi kasutada (st enne kasutamist tuleb nendega mõne htmli õppematerjaliga tutvuda!).

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

Lehtede loomisel on hea kasutada valmis toorikut (kasutamiseks võtad View Page Source ja teed Copy-Paste)

esimene etapp

Tehke teksti(programmeerimis)redaktoriga 5 html lehte, mis on omavahel lingitud ja sisaldavad infot teie enda kohta (ei pea olema tõene info!). Pealehel olgu mh menüü, näiteks: Minust, Sõbrad, Lingid, Hobid jne.

teine etapp

Joonistage mõne graafikaprogrammiga 5 pilti (mõned neist, võivad olla ka teie 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 omale meeldivaks. Seekord proovige rõhku panna ka visuaalsele küljele - "hea maitse standardit" ei ole küll olemas, ent püüdke anda endasat parim!

kolmas etapp

Proovige teha taoline tabel, kasutage ka tabelil ning lahtril tausta värve ja püüdke tõepoolest süveneda tabeli tegemise põhimõtetesse (mitte lihtsalt kuskilt näite järgi), sest tüüpilised vead väljundis on enamasti tabeli tõttu (ka visuaalsete html-redaktorite puhul) ning teil on kindlasti vaja oskust tabeli html-teksti käsitsi parandada.

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 kasutage oma eelmistes ülesannetes tehtud lehekülgedel tabeleid - s.t. vasakule veergu pange menüü ning paremale sisu - mis tähendab, et kogu teie lehekülge ümbritseb üks suur tabel. Lisaks kasutage tabelit ka mõnes sisuosas.