| Naziv predmeta | Oblikovanje Web stranica |
| Detalji | Kod
VSITE165 Skr.
OWS ECTS
5 Godina
4 Semester
Zimski semestar Vrsta
izborni Razina HKO 6
Preddiplomski studij E-Learning
0% |
| Aktivnosti | IT zg - Ljet 23/24
ECTS
Jedinice
Sati
Svega P
1
15
2
30
A
0
15
1
0
L
1
7
2
30
S
0
0
0
0
KA
0
0
0
0
KP
0
2
1
0
PR
0
1
6
0
IP
0
0
0
0
IU
0
1
2
0
SU
3
1
90
90
|
| Nastavnici | Nositelji: Jurica Đurić, v. pred., Siniša Tkalčec, pred.
Asistenti: 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. |
| Preduvjeti | Nema |
| Sadržaj | 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.
|
| Ciljevi učenja | 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.
|
| Ishodi učenja | 1. Napraviti kompletnu web aplikaciju sa serverskim i klijentskim dijelom, koja dobro izgleda i radi.
2. Poznavati multimedijske formate i primjenu istih u web aplikacijama.
3. Prilagoditi web stranicu da radi jednako dobro u različitim preglednicima i rezolucijama.
4. Koristiti gotove aplikacije (npr., Joomla ili Wordpress) za gradnju složenijih sustava.
|
| Sposobnosti | 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.
|
| Preporučena literatura | 1. Knjiga Oblikovanje web stranica, Đurić, Jurica (u izradi…. )
|
| Dodatna literatura | 1. Practical Web Design for Absolute Beginners
2. Beginning jQuery
3. Introducing SEO
|
| predavanja (P) | - 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
|
| auditorne vježbe (A) | - 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
|
| laboratorijske vježbe (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.
|
| kolokvij - teorija (KP) | - 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.
|
| projekt (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.
|
| ispit - teorija (IU) | - Jedinice predavanja 1-15, jedinice laboratorijskih vježbi 1-6. Na ispitu studenti moraju postići 50% svih bodova. Pregled projekta.
|
| samostalno učenje (SU) | - kolokviji, konzultacije, samostalno učenje, samostalno rješavanje numeričkih zadataka, samostalni rad u laboratoriju
|
