Studij

Dizajn

Web i screen oblikovanje 3 - web dizajn i dizajn korisničkog sučelja

  • Predavanje 15
  • Vježbe 30
  • Samostalni rad 75
Ukupno 120

Naziv predmeta

Web i screen oblikovanje 3 - web dizajn i dizajn korisničkog sučelja

Oznaka predmeta

11756

Semestar

5

ECTS

4

Nastavnici i suradnici

Cilj

Cilj Web i screen oblikovanja III je učiniti “klasičnu” internetsku stranicu responzivnom, odnosno prilagoditi internestku stranicu da na svim ekranskim prikazima izgleda prema pravilima struke.

Sadržaj

Tijekom predanja student će se upoznati s pojmom responzivni web dizajn. Učit ćemo koje su razlike između optimiziranih i ne oprimiziranih wab stranica za prikaz na različitim uređajima/ekranskim prikazima, te kako stranice prilagoditi za prikaz na raznim uređajima/ekranskim prikazima. Pokazat ćemo korištenje grid modela i prednosti, te nedostatke istog kod izrade web stranica Kod izrade web stranica stavit ćemo naglasam na mobile first pristup responzivnom dizajnu. Za izradu responzivnih web stranica koristi ćemo izrazito popularni i besplatni framework bootstrape u njegovoj četvrtoj inačici. Takođe će se student upoznati sa pojmom CMS sustava, kako sustav funkcionira i koje su mu prednosti i nedostatci u odnosu na “klasične” web stranice. Za ovu prigodu biti će korišten CMS Wordpress.

Obvezna literatura

Bootstrap 4 Quick Start: A Beginner’s Guide to Building Responsive Layouts with Bootstrap 4, Jacob Lett, Bootstrap Creative, 2018
Uvod u responzivni web dizajn; Marko Hrnjak; Algebra d.o.o. (2016)
Wordpress; Tomislav Keščec; Algebra d.o.o. (2016)

Preporučena literatura

HTML, XHTML, and CSS Bible, Fifth Edition, Wiley Publishing, Inc, 2010.
HTML5 and CSS3 for the Real World, SitePoint Pty. Ltd, 2011.
Brzi vizualni vodič HTML (i XHTML i CSS) za World Wide Web, za hrvatsko izdanje MIŠ d.o.o., Zagreb, 2004.
Beginning HTML, XHTML, CSS, and JavaScript, Wiley Publishing, Inc, 2010.
Uvod u analizu i optimizaciju sjedišta; Marko Hrnjak; Algebra d.o.o. (2016)

Minimalni ishodi učenja

  • Razlikovati vrste web sjedišta prema optimizaciji za različite ekranske prikaza, objasniti pojam mobile first, te predložiti metode optimizacije web sjedišta responzivnom dizajnu.
  • Na temelju "klasičnog" web sjedišta kreirati novo web sjedište prilagođeno svim ekranskim prikazima.
  • Objasniti način rada CMS-a i usporediti ga s "običnim" web stranicama, objasniti teme u CMS-u, te na primjeru WordPress teme objasniti postupak izrade teme iz klasične web stranice.
  • Kreirati WordPress temu prema zadanom klasičnom predlošku.

Željeni ishodi učenja

  • Razlikovati vrste web sjedišta prema optimizaciji za različite ekranske prikaza, objasniti pojam mobile first, te predložiti metode optimizacije web sjedišta responzivnom dizajnu.
  • Na temelju "klasičnog" web sjedišta kreirati novo web sjedište prilagođeno svim ekranskim prikazima.
  • Objasniti način rada CMS-a i usporediti ga s "običnim" web stranicama, objasniti teme u CMS-u, te na primjeru WordPress teme objasniti postupak izrade teme iz klasične web stranice.
  • Kreirati WordPress temu prema zadanom klasičnom predlošku.

BUDI IZVRSTAN U ONOM ŠTO VOLIŠ. ZAISKRI.

Prijavi se

Zašto je Algebra siguran izbor za tvoju budućnost?

Vjetar u
leđa

Kod nas ćeš naučiti sve o informacijskim tehnologijama, području za kojim potražnja stalno raste. Vjerujemo da ćemo ti tako osigurati podlogu za osobni razvoj i učiniti te metom poslodavaca.

Moderna metodologija

Odbijamo stajati na mjestu u svijetu koji se sve brže i brže mijenja. Jako pazimo da svaki studijski program bude u skladu s modernim trendovima i ide u korak s vremenom.

Kvaliteta bez premca

Ponosni smo na brojna priznanja i status najboljeg stručnog studija u Hrvatskoj. Iz godine u godinu se trudimo opravdati ukazano povjerenje, jer znamo da tvoja budućnost ovisi o tome. Zato svoju zadaću ne shvaćamo olako.

Newsletter

Želiš biti u toku sa svim novostima vezanim uz fakultet? Prijavi se na naš newsletter.