Upload
nguyenliem
View
225
Download
0
Embed Size (px)
Citation preview
INFORMATIČKA AKADEMIJA
WEB design početni kurs
Vježba 1 - Izrada stranice “O nama”
Prije samog početka ove vježbe polaznici podešavaju radno okruženje. Kroz praktične vježbe predavač polaznici-ma pokazuje kako da dizajniraju jednostavan (jedna kolona) izgled web sajta kroz samo nekoliko HTML kodova. Cilj ove vježbe je da polaznici uz stručnog predavača osjete da web dizajn i nije tako težak kako se često misli. Trajanje vježbe: 10 časova.
Uvod u kurs• Software• Wireframe• Pojmovi o WEB dizajnu
1 2 Uvod u HTML• Osnovni tagovi (img, h1, p)• Kodiranje sajta po crtežu• Rad sa img, h1, p
051/46 46 26, 066/ 99 66 88www.infoars.net
www.informatickaakademija.com
INFORMATIČKA AKADEMIJA
Kurs web dizajna za početnike
Vježba 2 - Izrada stranice “Kontakt”Gotovo svaki web sajt ima stranicu sa kontakt podacima i mapom. Cilj ove vježbe je da se proširi upotreba HTML oznaka na dodatne atribute te da polaznici ovladaju formama i uvozom sadržaja sa drugih izvora (npr. Google mapa). Trajanje vježbe: 4 časa.
051/46 46 26, 066/ 99 66 88www.infoars.net
www.informatickaakademija.com
Kreiranje horizontalnog menija• Podešavanje oblika trenutno aktivne stavke menija• Podešavanje promjene boje stavke menija na prelaz (hover opcija)• Kreiranje više stavki u meniju • Povezivanje više stranica kroz meni (linkovanje)• Postavljanje 2 menije (zaglavlje i podnožje sajta)
1
Google mapa• prikazivanje lokacije na Google mapi na osnovu koordinata
2 Upit sa sajta• Kreiranje formulara za unos podataka o imenu, prezimenu i porukom• Kreiranje dugmića za slanje (Send i Reset)
3
INFORMATIČKA AKADEMIJA
Kurs web dizajna za početnike
Vježba 3 - Izrada stranice “Cjenovnik”
podatke o cijenama, količinama, vrstama i drugim karakteristikama proizvoda/usluga. Za to će Vam trebati tabelar-ni prikazi koji se uče u ovoj vježbi. Trajanje vježbe: 6 časova.
051/46 46 26, 066/ 99 66 88www.infoars.net
www.informatickaakademija.com
Napredni rad u Fireworks• Kreiranje zaglavlja (Header)• Kreiranje podnožja (Footer)• Organizacija prostora
1 Uvoz elemenata• Izrada tabela proizvoda• Kolone i redovi• Linkovanje PDF dokumenata
2
INFORMATIČKA AKADEMIJA
Kurs web dizajna za početnike
Vježba 4 - Izrada stranice “Portfolio”Upoznati ste sa činjenicom da posjetioci danas ne čitaju sajtove? Da, porosječno trajanje jedne posjete web sajtu je oko 50 sekundi. Za to vrijeme posjetioci bi trebalo da se upoznaju sa Vašom ponudom ili portfoliom. Ova jednos-tavna vježba ima za cilj da se kroz tehnički složenije elemente HTML-a prikaže sadržaj portfolio stranice sa slikama proizvoda, kraćim opisima, dugmićima koji vode ka drugim stranicama gdje je moguće pronaći detaljnije opise usluga. Trajanje vježbe: 6 časova.
051/46 46 26, 066/ 99 66 88www.infoars.net
www.informatickaakademija.com
Napredniji rad sa složenijim izgledom• Izrada HTML stranice sa stilom koji se višestruko primjenjuje• Relativno pozicioniranje u odnosu na druge elemente• Apsolutno i relativno linkovanje• Striktuiranje dokumenta (naslovi i podnaslovi)
1