| 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 23/24
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
|
| Teachers | Leaders: Jurica Đurić, v. pred., Siniša Tkalčec, pred.
Assistants: mr. sc. Andrea Bednjanec, pred., Dalibor Haraminčić, str. sur., Mislav Kokotović, str. sur., Filip Velebit Samodol, str. sur., dr. sc. Aleksandar Skendžić, v. pred. |
| Prerequisits | None |
| 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) | - Zahtjevi za projekt. Strategije dizajna, dizajn sučelja, grafički formati, HTML frameovi
- Ponavljanje HTML-a i CSS-a, CSS jedinice, model kutije, selektori.
- Definicija i upotreba CSS specificity-a. Razmještaj na stranici
- CSS3 standard, nova svojstva
- HTML5 standard, novi elementi
- HTML5 napredne opcije, web storage, geolokacija
- Programski jezik JavaScript
- XML, AJAX, JavaScript biblioteke
- JavaScript biblioteke, upotreba AJAX tehnike. Implementacija pomoću JavaScript biblioteka.
- Optimizacija stranica za tražilice (SEO) i poboljšavanje PageRank-a stranica.
- Bootstrap razvojni okvir
- Izrada kompleksnijeg web-a, web serveri
- Pronalazak hosting servera, registracija domena, rad s cPanelom.
- Sustavi za upravljanjem sadržajem – CMS, JSON, CSS sprites, CSS preprocesori
- 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) | - Mane i prednosti layout-a tablicama i frame-ovima.
- CSS ponavljanje.
- Primjeri sa specificitiem.
- Primjeri sa CSS display, position, float.
- Primjeri novih HTML5 elemenata.
- Primjeri naprednih HTML5 elemenata.
- JavasScript primjeri.
- XML, AJAX, JavaScript biblioteke primjeri
- Uvod u jQuery.
- AJAX primjeri.
- Upotreba AJAX tehnika primjeri
Implementacija pomoću JavaScript biblioteka primjeri.
- Optimizacija za tražilice (SEO) i bolji PageRank.
- Rad sa cPanelom, domenama i hostingom.
- Sustavi za upravljanjem sadržajem – CMS, JSON, CSS sprites, CSS preprocesori primjeri
- Primjena umjetne inteligencije na webu primjeri
|
| laboratory exercises (L) | - Izrada web stranice pomoću frame-a i iframe-a, usmjeravanje stranica u okvirima.
- Rad na projektu. Ideja, sadržaj, slike, multimedija.
- Oblikovanje web stranice korištenjem DIV elementata i CSS-a.
- Rad na projektu.
- jQuery-a, AJAX.
- Rad s HTML 5.
- Završetak projekta.
|
| preliminary exam - theory (PT) | - Jedinice predavanja 1-8, jedinice laboratorijskih vježbi 1-4.
- 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) | - 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) | - Jedinice predavanja 1-15, jedinice laboratorijskih vježbi 1-6. Na ispitu studenti moraju postići 50% svih bodova. Pregled projekta.
|
| autonomus learning (AL) | - kolokviji, konzultacije, samostalno učenje, samostalno rješavanje numeričkih zadataka, samostalni rad u laboratoriju
|
