CILJ VJŽBE: Učenik će moći ugraditi liste i tablice i primijeniti oblikovanje lista (popisa) i tablica prilikom uređivanja sadržaja mrežnih stranica

​

PRIPREMA: 

​

1. Što omogućuju liste? Koje dvije osnovne vrste listi razlikujemo?

        HTML liste omogućuju web programerima da grupiraju skup povezanih stavki na popisima.

        Postoje dvije osnovne vrste, a to su UREĐENE i NE UREĐENE liste.

2. Što omogućuju tablice?

        HTML tablice omogućuju web programerima da raspoređuju podatke u retke i stupce.

​

VJEŽBA:

ZADATAK 1:

A. Istražite koje vrijednosti može imati atribut list-style-type kod neuređenih lista

osim navedenog “none”. Primijenite te vrijednosti i uočite kako izgledaju te oznake na stranici u pregledniku. 

​

ODGOVOR: Square, Disc, circle

​

B. Napravite stranicu na kojoj će biti tekst recepta za vama ukusno jelo. Tekst mora sadržavati naslov, sliku, neuređenu listu namirnica sa količinama, uređenu listu postupaka izrade jela, te najmanje tri poveznice na druge recepte za to isto jelo. 

ODGOVOR:

​

​

​

​

 

 

 

 

 

 

​

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

​

​

​

C. Napravite stranicu na kojoj ćete kreirati ugnježđenu listu popisa slojeva OSI modela sa po pet značajnih protokola za svaki sloj. Nazivi slojeva trebaju biti uređena lista, a nazivi protokola neuređena. 

​

​

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

​

 

 

 

 

 

 

 

​

​

​

​

​

​

​

​

​

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

D. Napravite stranicu na kojoj ćete kreirati opisnu listu deset najpopularnijih programskih jezika. U opisu programskog jezika treba u rečenici ili dvije biti njegovo područje primjene i kategorizacija (skriptni, za označavanje i sl.). Dodatno na kraju stranice treba biti navedena poveznica na stranicu koja je poslužila kao izvor podataka. 

​

​

​

​

​

​

 

 

 

 

 

 

 

 

 

 

 

 

 

 

​

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

E. Istražite kako se pomoću atributa type može promijeniti način označavanja uređene liste, te kako se može promijeniti i kontrolirati raspon označavanja. Zabilježite naučeno.

​

Pomoću type atributa određujemo vrstu oznake:

Type=“1“ – LISTA ĆE BITI NUMERIRANA BROJEVIMA

Type=“A“ – LISTA ĆE BITI NUMERIRANA SA VELIKIM SLOVIMA

Type=“a“ – LISTA ĆE BITI NUMERIRANA SA MALIM SLOVIMA

Type=“I“ – LISTA ĆE BITI NUMERIRANA SA VELIKIM RIMSKIM BROJEVIMA

Type=“i“ – LISTA ĆE BITI NUMERNIRANA SA MALIM RIMSKIM BROJEVIMA

​

​

ZADATAK 2:

​

A. Napravite web stranicu sa dvije tablice (možete odabrati AB ili BA tjedan): 

Prva tablica: prikazuje raspored sati tako da svaki sat ima svoje polje u tablici

​

​

​

​

​

​

​

​

​

​

​

​

​

​

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Druga tablica: prikazuje raspored sati tako da su tzv. blok satovi (npr. Laboratorijske vježbe) prikazani objedinjeno (merge).

Tekst za naziv predmeta pozicionirajte centrirano vodoravno,a okomito prema želji.  

 

​

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

B. Uredite tablice bojama, tako da npr. svaki predmet bude prikazan drugačijom bojom. Napravite i ostala oblikovanja prema želji i stečenim vještinama

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

!!!!!!LINK NA DATOTEKE IZ OVE VJEŽBE!!!!!!

​

​

​