1. Uvod u kolegij, prikaz Detaljnog izvedbenog plana, Semantički pristup izradi web stranica (2h)
- Ponoviti sve html elemente kojima se zadaje struktura web stranice
- Usvojiti principe zadavanja imena klasa i id selektora za elemente stranice u skladu s njihovim značenjem
- ponoviti principe nasljeđivanja u CSSu
2. Tipografija (2h)
- Objasniti najvažnije skupine fontova i njihova svojstva
- Ispravno primijeniti odgovarajuće fontove na elemente stranice
- Primijeniti CSS svojstva za rad s fontovima i rad s tekstom na elemente stranice
3. Uporaba boja na stranici (2h)
- demonstrirati utjecaj različitih korištenih boja na korisnika stranice
- usvojiti najčešće korištene načine izbora boja za dizajn stranice
- koristiti različite načine zadavanja boja pomoću CSSa
4. HTML i CSS elementi za razmještaj elemenata stranice (2h)
- Objasniti primjenu div html elemenata za kompoziciju i razmještaj elemenata stranice
- koristiti div elemente za ostvarivanje odgovarajućeg razmještaja elemenata na stranici
- Koristiti css svojstva za oblikovanje i razmještaj elemenata na stranici
- objasniti uobičajene postupke oblikovanja i razmještanja elemenata
5. Dizajn stranice za različite uređaje i medije (2h)
- Objasniti specifičnosti pojedinih uređaja za prikaz web stranica
- Osmisliti prikladan dizajn stranice za različite uređaje i medije
- Pomoću css svojstava primijeniti različiti dizajn za različite medije (mobiteli, tableti, PC, print)
6. Korištenje Bootstrap biblioteke za dizajn stranice (2h)
- Objasniti način rada Bootstrap biblioteke
- Usvojiti principe dizajna stranice pomoću Bootstrap modela stupaca
- Napraviti jednostavnu stranicu koristeći Bootstrap
7. Dinamičke web stranice i CMS sustavi (2h)
-objasniti način funkcioniranja suvremenih sustava za upravljanje sadržajem
- nabrojati najvažnije suvremene CMSove i njihove karakteristike
- prepoznati važnost CMSsustava za funkcioniranje suvremenih dinamičkih web stranica
- instalirati i podesiti web poslužitelj na lokalno računalo
- postaviti datoteke na lokalni poslužitelj i testirati njegovu funkcionalnost
8. Grafički elementi stranice (2h)
- Objasniti razlike u optimizaciji grafičkih datoteka za web.
- Odabrati prikladan format za grafičku datoteku za web.
- Pripremiti grafičke elemente web stranice i spremiti ih u odgovarajućem obliku.
9. Priprema Wordpressa za vlastite stranice (2h)
- Objasniti korist prijene CMS sustava za rad s dinamičkim stranicama.
- Objasniti princip funkcioniranja worpressa i drugih CMS sustava.
- Postaviti datoteke na poslužitelj i raspakirati ih pomoću ftp klijenta.
- Pripremiti bazu podataka za wordpress sustav.
- Instalirati Wordpress sustav na poslužitelju i zadati osnovne podatke za web stranicu.
10. Wordpress - rad s korisnicima (2h)
- Definirati korisnike u CMSu.
- Definirati odgovarajuće ovlasti korisnicima CMSa.
11. Wordpress - rad sa sadržajem (2h)
- Napisati i objaviti članak u wordpress sustavu.
- Primijeniti oblikovanje elemenata u članku.
- Kontrolirati način objave članka na stranici.
12. Wordpress - izrada vlastitog predloška (2h)
- Objasniti način funkcioniranja predloška u wordpressu
- Objasniti korištenje i primjenu gotovih predložaka
- Samostalno izraditi jednostavan vlastiti predložak za Wordpress
13. Primjena CMS sustava za izradu vlastitog PTP projekta 1/3 (2h)
14. Primjena CMS sustava za izradu vlastitog PTP projekta 2/3 (2h)
15. Primjena CMS sustava za izradu vlastitog PTP projekta 3/3 (2h)
