3. Prvi dan - sadr転aj Organizacija i priprema materijala web sjedi邸ta Analiza strukture / mape sadr転aja Vrste web stranica Krai repetitorij iz HTML-a i CSS-a Neophodni programi i alati Odabir i prilagodba postojeih predlo転aka Rad na izradi i odr転avanju web sjedi邸ta Analiza 4 sluaja ( case study ): 2 osobne web stranice predavaa 2 web stranice 邸kole
4. Organizacija, priprema materijala Format materijala Koliina materijala Digitalizacija materijala (po potrebi) Uniformnost i unificiranost Osoba/e zadu転ene za prikupljanje Upute onima koji posjeduju materijale Izvori informacija
6. Tehniki dio organizacije Fiziko raunalo / poslu転itelj: Postojee ili novo Minimalna konfiguracija Nain povezanosti na Internet (uplink) Operativni sustav MS Windows ili Linux (rijetko MacOS) Programska platforma / softver Statike ili dinamike stranice Otvoreni kod ili komercijalno zatvoreno rje邸enje
7. Organizacija (ljudski aspekt) Odrediti mogue: autore urednike administratore Odrediti liniju zapovijedanja ili odgovornosti
8. Analiza strukture i navigacije Loginost i jednoznanost Jednostavnost (ako je mogua) Redundantnost navigacijskih elemenata Mapa sadr転aja Gdje sam sada? Mogunost lake izmjene navigacije
9. Vrste web stranica Statike web stranice: Lokalna kopija (na osobnom raunalu) Udaljena kopija (na poslu転itelju) Dinamike web stranice: Udaljena kopija sadr転aja (baza podataka poslu転itelj) Udaljena kopija HTML/CSS predlo邸ka (na poslu転itelju) Lokalna kopija HTML/CSS predlo邸ka (PC)
10. Krai repetitorij iz HTML-a i CSS-a HTML (HyperText Markup Language) CSS (Cascading Style Sheet)
11. Neophodni programi i alati Ureiva tekstualnih datoteka ili HTML WYSIWYG ureiva Program(i) za obradu slika Program(i) za konverziju formata datoteka Program(i) za postavljanje sadr転aja na poslu転itelj Internet preglednici
12. Ureiva tekstualnih datoteka ili HTML WYSIWYG ureiva Statike stranice ili predlo邸ci za dinamike stranice HTML WYSIWYG ureivai: MS Frontpage Macromedia DreamWeaver NVU ili KompoZer Ureivai tekstualnih datoteka: Notepad Notepad++
16. Internet preglednici Potrebni za testiranje: Internet Explorer (6,7 ili 8) Mozilla Firefox Opera Google Chrome Mogue kori邸tenje i online servisa, npr. browsershots.org
17. Odabir i prilagodba postojeih predlo転aka Tisue postojeih predlo転aka: Besplatni, kvalitetni Za statike / dinamike web stranice Razliite namjene Razliito predznanje Procedura: U転i odabir (3-5 predlo転aka) Unos osnovnih podataka ( probne stranice ) Metoda ankete (vi邸e korisnika)
18. Kvalitetni izvori predlo転aka http://www.openwebdesign.org/ http://opensourcetemplates.org/ http://www.opendesigns.org/
19. Rad na izradi i odr転avanju web sjedi邸ta Praktini rad
20. Case study Analiza 2 sluaja ( case study ): osobne web stranice predavaa web stranice 邸kole to je dobro, a 邸to ne? Kako postupiti u slinoj situaciji?
21. Osobne web stranice predavaa Miljenko Hajdarovi http://hajdarovic.com/ Navigacija jasna i logina Organizacija sadr転aja jasna A転urno, konkretno, ponekad emocionalno Iskorak prema posjetiteljima svih dobi i interesa Interakcija i komentari Teme: tehnologija i obrazovanje, povijest, 転ivot u i oko 邸kole, politike teme Format bloga
22. Osobne web stranice predavaa Toma転 Lasi http://tomazlasic.net/ Navigacija jasna i logina Organizacija sadr転aja jasna A転urno i konkretno Teme: nove tehnologije i obrazovanje, uenje na daljinu (MOODLE) Interakcija i komentari Vea koliina video / audio materijala Koristi Wiki umjesto bloga
23. Web stranice 邸kole 1. gimnazija, Zagreb http://www.prva.hr/ Navigacija jasna i logina (predavai, uenici, nastava, aktivnosti) Organizacija sadr転aja jasna A転urno, informativno Vlastita domena prva.hr Koriste CMS (Joomla!)
24. Web stranice 邸kole 1. gimnazija, Split http://www.gimnazija-prva-st.skole.hr/ Navigacija jasna i logina (predavai, uenici, nastava, slobodne aktivnosti) Organizacija sadr転aja jasna A転urno, informativno Domena skole.hr Koriste CMS (Joomla!)
