Skoči na glavni sadržaj

IT - Oblikovanje Web stranica

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 21/22
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
NastavniciNositelji: mr. sc. Ivan Britvić, v. pred., Jurica Đurić, v. pred.
Asistenti: dr. sc. Aleksandar Skendžić, v. pred., Siniša Tkalčec, pred.
PreduvjetiNema
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)
  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
auditorne vježbe (A)
  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
laboratorijske vježbe (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.
kolokvij - teorija (KP)
  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.
projekt (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.
ispit - teorija (IU)
  1. 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)
  1. kolokviji, konzultacije, samostalno učenje, samostalno rješavanje numeričkih zadataka, samostalni rad u laboratoriju

Klaićeva 7, 10000 Zagreb, tel. 01/3764200 fax. 01/3764264