Marina Petrovic XIV beogradska gimnazija Beograd Racunarstvo i

Завод за унапређивање образовања и васпитања Аутор рада: Наставни предмет: Marina Petrovic XIV beogradska gimnazija, Beograd Racunarstvo i informatika Web site (Macromedia Dreamweaver) Тема: II razred Узраст: Umrezeni racunari (LAN) sa konekcijom na Internet Потребна технологија: Кликните овде за унос приказа часа у Word документу!

Pojam i specificnosti • Internet prezentacija • Skup povezanih web dokumenata (fajlova) • Sistem hipertekst dokumenata (HTML – Hyper. Tekst Markup Language) • Dokumenti od kojih se sastoji sajt su smesteni na serveru • Svaka prezentacija pocinje naslovnom stranom ( home page ) • Adresa prezentacije je u stvari adresa prve, naslovne strane ( URL adresa ) • Na jednom serveru moze da se nadje mnostvo prezentacija • Delovi prezentacije se mogu nalaziti na geografski udaljenim serverima ( sajtovi velikih internacionalnih kompanija )

HIPERTEKST • “Nelinearni tekst” • Nacin organizovanja informacija , koji omogucava korisnicima da citaju tekst i prate veze sa ostalim dokumentima • Veza se naziva link ili hiperlink • Hyper. Link je samo element Hyper. Teksta

BROWSER • Program koji omogucava pregledanje web sajtova i interaktivan rad na WWW-u • Koriscenjem HTTP-a brauzer preuzima sa servera HTML dokument i prikazuje sadrzaj web strane • HTML dokumenti su tipa. htm ili. html • • Mosaic, 1993. - prvi brauzer Opera – norveski brauzer Netscape Navigator – njegov naslednik Microsoft Internet Explorer ( isporucuje se sa OS Windows )

PORTALI • Web site preko koga se moze obaviti mnostvo aktivnosti vezanih za jednu ili vise oblasti npr. obrazovanje, umetnost, medicina, fizika, bastovanstvo. . . • horizontalni portali objedinjuju informacije o sirokom opsegu tema npr. www. msn. com • vertikalni portali nude veliki broj informacija koje pripadaju jednoj oblasti npr. www. beograd. com www. geocities. com/bgpozorista

Izrada web prezentacije • Neophodno je poznavanje vise raznorodnih oblasti • Timovi strucnjaka (urednici, novinari, pisci, fotografi, ilustratori, dizajneri, programeri, administratori. . . ) • Staticke prezentacije – ne zavise od posetioca prezentacije • Dinamicke prezentacije – sadrzaj dokumenta zavisi od akcija posetilaca prezentacije

Potrebni alati (softveri) • TEKST npr. MS Word. . . CRTEZI I FOTOGRAFIJA npr. MS Visio, Corel. DRAW, Adobe PHOTOSHOP. . . • ANIMACIJA npr. Macromedia Flash. . . • DIZAJN WEB STRANICE npr. Macromedia DREAMWEAVER, Front Page. . . • za naprednije zahteve-poznavanje HTML-a • PROGRAMIRANJE-RAD SA BAZAMA PODATAKA npr. Java, SQL. . . • POSTAVLJANJE PREZENTACIJE NA SERVER npr. FTP Explorer, Windows Commander. . . (file transfer)

DOBAR WEB SITE • izbegavati previse gustog teksta na stranicama • boje i velicine slova uskladiti tako da se oci sto manje zamaraju (koristiti kombinacije kontrastnih boja) • stranica ne treba da bude veca od par ekrana • dizajn svake stranice stilski ujednacen sa ostalim stranicama • slike moraju da budu razumljive i jasne • omoguciti lako pronalazenje informacije i navigaciju unutar prezentacije • srodne informacije grupisati • optimizacija (slike, animacije i pozadine ne treba da zauzimaju mnogo memorije-dugo ucitavanje sajta)

DOBAR WEB SITE • autor mora sve vreme da ima na umu svrhu prezentacije i kome je namenjena • informacije u prezentaciji cesto obnavljati • definisati boje – boje treba da podrze i ispricaju pricu prezentacije • sablon – skup elemenata koji se pojavljuju na svakoj strani • neispravni linkovi, nedostajuce strane i pogresno povezane strane ce demotivisati posetioce sajta • na svim stranicama sajta potrebno je da postoji vidljiv link ka maticnoj strani sajta • boju pozadine, slike i teksta treba usaglasiti ( skladnost ) • koristiti tople pastelne boje • ne zaboravite LOGO – na taj nacin stvarate identitet sajta • smanjiti grafiku i multimediju na minimum

DOBAR WEB SITE • Podelite stranu na vise tabela, jer se one postepeno pojavljuju i strana se brze ucitava • Javu treba koristiti samo u slucajevima kada za to postoji dobar razlog. Poznata je kao jedan od uzroka obaranja sistema posetilaca. Java apleti se izvrsavaju sporo i prenos cesto dugo traje • Ucitavanje strane ne treba da bude duze od 30 sekundi • Strana – do 30 Kb • Home page – razmisljate kao o prvoj strani casopisa ( prvo se primeti gornji levi ugao – pogodan za LOGO ) • Od uvodne strane zavisi koliko ce svi delovi sajta biti poseceni ( kratka forma je vazna za Home Page )

DOBAR WEB SITE - citljivost • Ukoliko zelite da vam se posetioci obrate na Vas E-mail postarajte se da do njega ne dolaze skrolovanjem strane • Sadrzaj koji nudite, lep dizajn, brzina ucitavanja i dobar navigacioni sistem na prvoj stranici su najvazniji • Kontrast je bitna, ali ne treba preterivati ( nije prijatna za oci ) • Tradicionalna crna na beloj pozadini je prijatna; siva na beloj pozadini – jos prijatnija • obezbedite razdvajanje pasusa ( beli prostor odmara oci ) • fontovi ne bi trebalo da su manji od 10 piksela

WEB SITE - organizacija • Organizacija sajta predstavlja struktoru foldera u kome ce biti smestene stranice sajta • Najbolje je napraviti blok semu sajta na osnovu koje se pravi navigacija kroz sajt

Korisne URL adrese • www. znanje. org • www. vets. edu. yu