Postavitev in oblikovanje spletišča

Načrtovati, postaviti in oblikovati je treba lastno statično spletišče po naslednjih zahtevah:

Zasnova: pred izdelavo spletišča določite namen spletišča in ciljno skupino, ki ji je spletišče namenjeno. Pripravite tudi zemljevid spletišča in osnutek postavitve spletnih strani, ročno ali računalniško.
Vsebina: vsebino spletišča izberete poljubno, priporočljivo pa je, da je v slovenskem jeziku.
Spletna orodja: spletišče morate izdelati s pisanjem kode v urejevalniku besedil za HTML in CSS.
Datotečna struktura in poimenovanje datotek: začetna stran spletišča naj bo poimenovana index.html, datoteke spletišča pa naj bodo smiselno razporejene v podmapah.
Testiranje in optimizacija SEO: spletišče mora biti izdelano po standardu HTML5 in oblikovano s kaskadnimi slogi CSS, pri čemer morata biti HTML in CSS koda sintaktično pravilno zapisani.

Obseg: spletišče mora vsebovati vsaj 5 podstrani.
Zahtevani elementi spletišča:
- besedila: različni odstavki, naslovi, zamaknjen tekst, fizično in logično oblikovano besedilo ter seznami
- slike: uporaba ustreznih formatov slikovnih datotek (GIF, JPG, PNG) in primerne velikosti slik
- tabele: osnovna tabela in tabela z združenimi celicami
- povezave: povezave v besedilu, slikovne povezave in meni
- obrazec: polje za vnos kratkega in dolgega besedila, polja za označevanje in gumb
- meni: navigacijski meni

CSS mora biti vključen kot zunanja datoteka.
Uporabljena mora biti pravilna sintaksa CSS kode, ki vsebuje tudi komentarje.
Uporabljeni naj bodo različni selektorji (id, class, HTML oznake).
Zahtevane oblikovne lastnosti:
- pisava: izbrane ustrezne pisave, določene velikosti, nagnjenost in krepkost pisave
- besedilo: določene barve, poravnave, razmiki in zamiki
- ozadje: določena barva ozadja ali slika v ozadju
- povezave: uporabljeni psevdorazredi z različnimi oblikovnimi lastnostmi
- seznami: prilagojen slog in oblika seznamov
- robovi in odmiki: uporabljeni notranji in zunanji odmiki
- obrobe: določene obrobe z nastavljeno debelino, slogom in barvo

Obseg: spletišče mora vsebovati vsaj 8 podstrani.
Struktura: spletne strani morajo imeti semantično strukturo.
Dodatni zahtevani elementi glede na MINIMALNI nivo:
- meta oznake: vsaj 4 meta oznake v glavi spletnih strani
- besedila: opisni in kombinirani seznam
- audio in video
- i-okvir (iframe)
- obrazec: polja za izbor iz seznama, datum, e-pošto in telefon

Dodatne zahtevane oblikovne lastnosti glede na MINIMALNI nivo:
- tabele: oblikovane tabele
- velikost elementov: nastavljene velikosti elementov
- pozicioniranje: uporabljeno pozicioniranje elementov
- poravnave: uporabljene poravnave elementov
- psevdorazredi: uporabljeni različni psevdorazredi in psevdoelementi

Obseg: spletišče mora vsebovati vsaj 11 podstrani.
Struktura: spletne strani morajo imeti semantično strukturo.
Dodatni zahtevani elementi glede na SREDNJI nivo:
- tabela: zahtevnejša tabela
- galerija slik
- obrazec: novi elementi, vhodni tipi in atributi, ki jih je prinesel HTML5
- canvas ali SVG
- API vtičnik

Dodatne zahtevane oblikovne lastnosti glede na SREDNJI nivo:
- postavitev strani: stran je postavljena s CSS
- meni: meni je izdelan s CSS, uporabljeni so psevdorazredi z različnimi oblikovnimi lastnostmi
- galerija slik: galerija slik je oblikovana s CSS
- naprednejši CSS: uporabljena sta vsaj 2 elementa naprednejšega CSS, na primer efekti na besedilu, barvni prehodi, senčenje elementov, transformacije, tranzicije, animacije ali večstolpčna postavitev besedila
- responsive web: spletne strani so izdelane prilagodljivo glede na napravo