Skip to main content

IT - Web Design

Subject name

Web Design

Details
Code
VSITE165
Abbrev.
OWS
ECTS
5
Year
4
Semester
Winter semester
Type
elective
NQF Level 6
Bachelor study
E-Learning
0%
Activities
IT zg - Sum 24/25
ECTS
Units
Hours
Total
T
1
15
2
30
N
0
15
1
0
L
1
7
2
30
S
0
0
0
0
PN
0
0
0
0
PT
0
2
1
0
PR
0
1
6
0
EN
0
0
0
0
ET
0
1
2
0
AL
3
1
90
90
TeachersLeaders: Jurica Đurić, v. pred., Siniša Tkalčec, pred.
Assistants: mr. sc. Andrea Bednjanec, pred., Filip Velebit Samodol, str. sur., dr. sc. Aleksandar Skendžić, v. pred.
PrerequisitsNone
Content

Svrha Web site-a. Strategije dizajna. Dizajn sučelja. Pristup informacijama, navigacija, veze. Oblikovanje stranice, dizajn grid-ova, osnovne tablice. Duljina stranice. Problem različitih okružja (platformi). Komparativni prikaz mogućnosti web preglednika. Grafika, GIF, JPEG, mape. Multimedija i animacija na webu, AVI, MP3, MPEG, SWF. CSS. CSS3. HTML. HTML5. AJAX. JavaScript bibiloteke. SEO. CMS, Primjena umjetne inteligencije na webu.

Learning objectives

Opća znanja. Optimalno korištenje multimedijskih formata kako bi se održale sve informacije uz zauzimanje što manje mjesta.
Posebna znanja. Napredno korištenje CSS-a za pozicioniranje elemenata na web stranici. Korištenje AJAX tehnike. Korištenje Javascript biblioteka. HTML5 u primjeni.

Learning outcomes

1. Create an entire web application with server and client side, which looks and functions well.
2. Know multimedia formats and their use in web applications.
3. To adjust a webpage that works just as good in various browsers and resolutions.
4. To use existing applications (e.g. Joomla or Wordpress) for building more complex systems.

Competencies

Kolegij pruža specijalistička znanja s područja programiranja web stranica kao nadogradnju jezgre računarstva, te osposobljava korisnika za korištenje naprednih alata za izradu i oblikovanje Web stranica.

Recommended Literature

1. Knjiga Oblikovanje web stranica, Đurić, Jurica (u izradi…. )

Additional Literature

1. Practical Web Design for Absolute Beginners
2. Beginning jQuery
3. Introducing SEO

lectures (T)
  1. Zahtjevi za projekt. Strategije dizajna, dizajn sučelja, grafički formati, HTML frameovi
  2. Ponavljanje HTML-a i CSS-a, CSS jedinice, model kutije, selektori.
  3. Definicija i upotreba CSS specificity-a. Razmještaj na stranici
  4. CSS3 standard, nova svojstva
  5. HTML5 standard, novi elementi
  6. HTML5 napredne opcije, web storage, geolokacija
  7. Programski jezik JavaScript
  8. XML, AJAX, JavaScript biblioteke
  9. JavaScript biblioteke, upotreba AJAX tehnike. Implementacija pomoću JavaScript biblioteka.
  10. Optimizacija stranica za tražilice (SEO) i poboljšavanje PageRank-a stranica.
  11. Bootstrap razvojni okvir
  12. Izrada kompleksnijeg web-a, web serveri
  13. Pronalazak hosting servera, registracija domena, rad s cPanelom.
  14. Sustavi za upravljanjem sadržajem – CMS, JSON, CSS sprites, CSS preprocesori
  15. Primjena umjetne inteligencije na webu, Image recognition, Analiza korisnika, Chatbots, Pretraživanje govorom, Umjetna inteligencija u web dizajnu, Alati za izradu web stranica, Testiranje, Tensorflow.js
numeric exercises (N)
  1. Mane i prednosti layout-a tablicama i frame-ovima.
  2. CSS ponavljanje.
  3. Primjeri sa specificitiem.
  4. Primjeri sa CSS display, position, float.
  5. Primjeri novih HTML5 elemenata.
  6. Primjeri naprednih HTML5 elemenata.
  7. JavasScript primjeri.
  8. XML, AJAX, JavaScript biblioteke primjeri
  9. Uvod u jQuery.
  10. AJAX primjeri.
  11. Upotreba AJAX tehnika primjeri Implementacija pomoću JavaScript biblioteka primjeri.
  12. Optimizacija za tražilice (SEO) i bolji PageRank.
  13. Rad sa cPanelom, domenama i hostingom.
  14. Sustavi za upravljanjem sadržajem – CMS, JSON, CSS sprites, CSS preprocesori primjeri
  15. Primjena umjetne inteligencije na webu primjeri
laboratory exercises (L)
  1. Izrada web stranice pomoću frame-a i iframe-a, usmjeravanje stranica u okvirima.
  2. Rad na projektu. Ideja, sadržaj, slike, multimedija.
  3. Oblikovanje web stranice korištenjem DIV elementata i CSS-a.
  4. Rad na projektu.
  5. jQuery-a, AJAX.
  6. Rad s HTML 5.
  7. Završetak projekta.
preliminary exam - theory (PT)
  1. Jedinice predavanja 1-8, jedinice laboratorijskih vježbi 1-4.
  2. Studenti moraju izraditi projekt, Web stranicu koja zadovoljava minimalne uvjete modernih stranica. Na kolokviju moraju opisati što su i kako koristili u projektu.
project (PR)
  1. Studenti biraju temu i izrađuju kompletnu Web stranicu za tu temu. Ocjenjivat će se sadržaj, upotreba raznih tehnologija (na serveru i klijentu), izgled, korištenje baze podataka, optimizacija za tražilice. Projekt mora biti dostupan negdje na Internetu.
exam - theory (ET)
  1. Jedinice predavanja 1-15, jedinice laboratorijskih vježbi 1-6. Na ispitu studenti moraju postići 50% svih bodova. Pregled projekta.
autonomus learning (AL)
  1. kolokviji, konzultacije, samostalno učenje, samostalno rješavanje numeričkih zadataka, samostalni rad u laboratoriju

Ulica Vjekoslava Klaića 7, 10000 Zagreb, tel. 01/3764200 fax. 01/3764264