HrvatskiHrvatski
HrvatskiHrvatski
EnglishEnglish
HrvatskiHrvatski
HrvatskiHrvatski
EnglishEnglish

CMS SUSTAVI I WEB DIZAJN

Cilj

Cilj kolegije je upoznati studente s tehnologijama izrade web stranica i web dizajna. Prilikom toga koristiti će osnovne tehnologije izrade poput HTML-a, CSS-a te sustave za upravljanje sadržajem (CMS).

Ishodi učenja

  • Razlikovati zakonitosti izgradnje statičkih web sjedišta u odnosu na izgradnju web sjedišta temeljenih na CMS sustavu
  • Odabrati i argumentirati prikladne metodologije, alate i elemente sučelja potrebne za izgradnju web sjedišta temeljenog na CMS sustavu
  • Razviti web sjedište temeljeno na CMS sustava

Nastavni plan

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