1. HTML5 - osnove sintakse
- Razumjeti način funkcioniranja web stranice unutar web preglednika.
- Definirati osnovne HTML elemente za strukturu stranice.
- Definirati osnovne elemente za ubacivanje sadržaja na stranici: elemente za rad s tekstom, poveznice, liste, tablice, div oznake.
2. HTML5 - rad s obrascima
- Objasniti ulogu obrazaca na web stranici.
- Kombinirati različite elemente obrazaca za zadanu funkcionalnost obrasca.
- Ispravno označiti elemente obrasca.
3. Uključivanje multimedijskih elemenata na web stranicu
Uključiti na strancu različite vrste slikovnih datoteka.
Uključiti video i zvučni zapis na stranicu.
4. CSS - osnove sintakse i načini spremanja
Razumjeti osnovnu sintaksu CSSa: element, svojstvo i vrijednost.
Razumjeti sintaksu te primjenu css klasa, redefiniranja html elementa te složene stilove.
Primijeniti oblikovanje na zadani element web stranice.
Objasniti princip nasljeđivanja kod definiranja stilova.
Spremiti stilove u zaglavlje i u zasebnu datoteku.
5. CSS - oblikovanje blok elemenata
Usvojiti svojstva i vrijednosti primjenjive na blok elemente stranice.
Oblikovati boje i rubove blok elemenata.
Ostvariti raspored elemenata na web stranici pomoću CSSa
6. CSS - oblikovanje linijskih elemenata
- Usvojiti svojstva i vrijednosti primjenjive na linijske elemente web stranice.
- Koristiti svojstvo display za promjenu osnovnih svojstava html elementa.
7. CSS efekti
- Koristiti korisničke fontove za izradu elemenata stranice.
- Primijeniti efekt sjene na blok elemente i na tekst.
- Koristiti gradijente za bojanje elemenata web stranice.
8. Javascript - osnove sintakse
Uključiti javascript kod na web stranicu.
Uključiti javascript kod u zasebnu datoteku i povezati je s web stranicom.
9. Javasript - najčešće korištena svojstva
- Primijeniti adresiranje elemanata web stranice za jednostavnu promjenu svojstva zadanog elementa stranice.
- Promijeniti tekst, boju ili položaj zadanog elementa web straniceputem javascripta.
10. Javasript metode
- Objasniti događaje na web stranici i sintaksu za za njihovu primjenu u javascriptu.
- Koristiti ugrađene metode za otvaranje novih prozora.
- Koristiti ugrađene metode za provjeru ispravnosti obrazaca.
- Koristiti ugrađene metode za skrivanje i pokazivanje elemenata stranice te za onemogućavanje interakcije korisnika s pojedinim elementima.
11.Javascript funkcije
- Objasniti važnost korištenja funkcija prilikom pisanja javascript koda.
- Napisati vlastitu funkciju.
- Pozvati i primijeniti vlastitu funkciju na stranici.
12. jQuery biblioteka za Javascript
- Objasniti problematiku adresiranja elemenata u javascriptu i prednosti uporabe jQuery biblioteke.
- Uključiti jQuery biblioteku na vlastitu stranicu s vlastitog poslužitelja i sa repozitorija na webu.
- Napisati jednostavan javascript kod koristeći jQuery.
13. Izrada web stranica prilagodljivih korisničkom računalu
- Objasniti potrebu za dizajnom web stranice koji je prilagođen različitim korisničkim uređajima i medijima.
- Usvojiti osnovne postupke za kreiranje univerzalnih stranica prilagođenih za različite uređaje.
Kreirati stilove za ispis stranice na pisaču.
13. Korištenje Bootstrap biblioteke za efikasniju izradu prilagodljivih web stranica
- Objasniti potrebu za brzim razvojem stranica temeljenim na modelu stupaca.
- Objasniti korist od primjene Bootstrap modela.
- Uključiti Bootstrap biblioteke u vlastitu stranicu.
- Koristiti css stilove Bootstrap modela za dizajniranje stranice razmještaj elemenata stranice.
15. Objavljivanje web stranica (2h)
- Objasniti postupak pribavljanja domene i zakupa prostora na web poslužitelju.
- Koristiti se ftp kljentom za postavljanje datoteka na poslužitelj.
- Prijaviti web stranicu na najvažnije tražilice.
