Web prezentacija opis izrade prezentacija Autor: Ivan Ili 58/05

Prvo pristupamo kreiranju nove FrontPage Web prezentacije. Biramo iz menija opciju File/New, a zatim iz Task Pane okvira i opciju More Web site templates, koja nam otvara gotove ablone za Web prezenatcije. Ne emo koristiti gotove ablone ve emo samo kreirati praznu Web prezentaciju, pomo u ablona Empty Web Site. Ovo je prakti no iz razloga, to na taj na in, kreiramo potrebne prate e foldere za sajt: _private i images, iako se ne kreira ni images, jedna Web strana, pa ni index.

File/New

Biranje ablona Empty Web Site, kreiranje prazne Web prezentacije!

Mi ljenja o na inu kreiranja Web prezentacija su podeljena: neki eksperti su za to da se prvo formira struktura cele prezentacije, a tek potom da se kreiraju sadr aji strana, dok drugi zastupaju mi ljenje da se mogu prvo kreirati pojedina ne Web strane, pa ih tek naknadno ukomponovati u strukturu Web prezentacije.

Odabrali smo Odabrali smo prvi pristup kreiranje strukture Web prezentacije. Naravno, prvo smo osmislili strukturu smo osmislili same prezentacije (koje bi strane trebalo da sadr i, kakve su veze izme u njih i sl.), pa tek onda pristupili pristupili njenom formiranju

Kreiranje prezentacije se obavlja u prikazu Navigation!Dakle, prelazimo u prikaz Navigation:

Prvo emo kreirati po etnu, tzv. Index stranu na e Web prezentacije. Dovoljno je da sa toolbara koji se nalazi u vrhu navigacijskog prikaza odaberemo alat za kreiranje nove Web strane. Time kreiramo prvu stranu, a sam FrontPage je prepoznaje kao Index.

Dalje je potrebno dodavati nove Web stranice u strukturu prezentacije. Potrebno je predvideti da li se te nove stranice nalaze na istom navigacionom nivou sa ve napravljenom Web stranom ili su u nivou ispod nje (child pages). Ukoliko pravimo stranicu izvedenu od neke napravljene Web strane, dovoljno je da kliknemo na nju, pa na alat za kreiranje nove Web strane.

Promena imena Web strana se jednostavno obavlja iz priru nog menija Web strane, biraju i opciju Rename.

Ponavljaju i opisani postupak, kreiran je prvi child nivo Web stranica, za po etnu stranu na e Web prezentacije.

Idemo korak dalje i stvaramo drugi navigacioni nivo child strane, ve postoje ih child strana prezentacije.

Dobijamo Web prezentaciju slo enije strukture:

Ponavljaju i navedeni postupak, a prate i osmi ljeni plan za prezentaciju, korak po korak, formiramo celu prezentaciju.

Do li smo do pozicije kada fakti ki imamo kreiranu Web prezentaciju, tj. njen strukturalni kostur. Slede i korak jeste da joj napravimo i sadr aj, tj. da svaku od Web strana popunimo odgovaraju im sadr ajem i injenicama (tekst, slike), kao i da formiramo sistem za navigaciju u prezentaciji (sistem hiperveza). Pre svega toga mo emo se pozabaviti dizajnom strana, tj. odabrati odre enu temu za Web stranice.

Tema Web strane predstavlja odre enu kombinaciju elemenata Web strane (boje pozadine, pozadinske slike na Web strani, vrste i stila fonta, bulita i lista, navigacionih tastera i drugih elemenata Web strane), koje mo ete birati iz ve ponu ene liste programa FrontPage.

Dakle, slede i korak odabir teme za Web strane!

Dovoljno je da iz prikaza navigation otvorimo jednu stranu, pa da iz njenog menija odaberemo opciju Format/Theme. U Task Pane okviru se otvara preview svih ponudjenih tema, odaberemo jednu i primenimo na sve odabrane strane (Apply to all selected pages).

Slede i korak jeste pode avanje zajedni kih ivica strana. Zajedni ke ivice (Shared Borders) su entiteti Web strana, koji se mogu pojavljivati na svim ili samo nekim Web stranama jedne Web prezentacije. Nazivaju se zajedni kim iz razloga to su iste na svim stranama istog navigacionog nivoa. U njih se, naj e e, sme taju navigacioni elementi (dugmad za navigaciju, hiperlinkovi i sl.). Naj e e se postavljaju na gornjoj, levoj i/ili donjoj ivici Web strane (iz razloga to desna ivica Web strane u ita ima esto nije vidljiva, nego se mora Web strana skrolovati da bi se ona videla).

Da bi napravili zajedni ke ivice na Web stranama, Potom, iz dijalog prozora Shared Borders, biramo koje dovoljno ivice elimo (leve, desne...), kao i to da li e zajedni ke je da sa proizvoljne Web strane biramo opciju menija: biti vidljive na svim ili samo na teku oj strani (All pages ili Current pages). Format/Shared Borders. Borders. Odabra emo da su zajedni ke ivice vidljive na svim Web stranama prezentacije. Mogu e je i podesiti zajedni ku ivicu klikom na taster Border Properties.

Krajnji rezultat jeste Web strana koja ima prazne zajedni ke ivice (u na em slu aju levu, gornju i donju), a koje treba modifikovati prema potrebama Web prezentacije.

Zajedni ke ivice

Slede i korak, jeste pode avanje sadr aja zajedni kih ivica. Moja zamisao jeste da u gornju ivicu stavim neki logo ili sliku, koja e se provla iti kroz celu prezentaciju i na taj na in tematski i logi ki povezivati sve njene Web strane u jednu celinu. Leva ivica je rezervisana za navigacione elemente.

Da bi postavili sliku u gornju ivicu, potrebno je da selektujemo tu ivicu, a zatim da odaberemo opciju iz menija Insert/Picture/From File to nam otvara dijalog prozor za odabir slika sa odre enog memorijskog medija.

Po to odaberemo eljenu sliku i to potvrdimo, ako se vratimo u prikaz Page, vide emo da je ta slika postavljena na gornju ivicu na e Web strane. Slede i korak jeste dodavanje navigacionih komandi u levu zajedni ku ivicu.

Komande za navigaciju mo emo postaviti kao ve pripremljene Web komponente koje se nalaze pod opcijom: Insert/web Component Odakle biramo opciju: Link Bars/Bar based on navigation structure (daje nam navigacione komande zasnovane na navigacionoj strukturi prezentacije, koju smo ve kreirali u prvom koraku)

Zatim sledi pode avanje navigacionih komandi:

Biranje stila komandi Biranje orijentacije navigacionih komandi

Biranje koje su sve strane uklju ene u navigacione komande

Na kraju zajedni ka ivica sa navigacionim komandama izgleda ovako:

Na po etnu index stranu smo ubacili i sliku Nikole Tesle, pa sada ta strana izgleda ovako:

Ostalo je jo da se podese donje zajedni ke ivice. Zamisao je da u njima budu postavljene reklame, tj. slike sa linkovima na odre ene institucije koje se bave sli nim sadr ajima opisanim u na oj prezentaciji (ovde je to Teslin muzej i fond). Postavljanje hiperlinka na sliku je isto kao i postavljanje hiperlinka na ma koji drugi entitet.

Donje zajedni ke ivice emo postaviti sa po etne strane prezentacije

Sada treba da sa uvamo ure enu Web stranicu i prilikom njenog snimanja, dobi emo i poruku da treba da sa uvamo i dodate elemente slike. Njih uvamo u automatski generisanom folderu Images.

Snimanje Web strane

Snimanje slika

Po to smo kreirali zajedni ke ivice, to emo, pri otvaranju svake Web strane, uo iti da se one ve nalaze na njima. Preko zajedni kih ivica smo re ili problem komandi za navigaciju, pa sada mo emo da pristupimo kreiranju sadr aja samih Web strana. Unos teksta nije komplikovan, jer podle e sli nim pravilima kao i u Wordu. Unos slika smo ve videli kako izgleda.

Vide emo kako mo emo napraviti galeriju slika na na oj Web strani predvi enoj za to. U ovoj prezentaciji smo predvideli dve galerije. Opisa emo kreiranje samo jedne, a druga se kreira na isti na in.

Potrebno je da stranu na kojoj kreiramo galeriju otvorimo u prikazu Page. Galerija slika nije ni ta drugo do Web komponenta. Dakle, unosimo je kao Web komponentu: Insert/Web component/Photo Galery Vidimo da imamo 4 tipa galerija, pa odaberemo jedan.

Kliknemo na Finish

Otvara nam se dijalog prozor Photo Galery Properties, Properties, preko koga vr imo dodavanje novih slika u galeriju (klikom na Add), njihovo ure ivanje (Move up/down), kao i dodavanje tekstualnih obja njenja uz slike (Caption).

Gotova Web strana sa galerijom izgleda ovako:

Dalje emo kreirati Web stranu F. A. Q. (naj e e postavljana pitanja posetioca). Za tu stranu postoji gotov ablon, koji ne emo koristiti (ina e je veoma prakti an). Nave emo par pitanja na vrhu strane, a zatim dalje na strani i odgovore na ta pitanja.

Dalje je potrebno povezati pitanja i odgovore sistemom hiperveza (hiperlinkova) i obele iva a (bookmark). Na svaki odgovor emo uneti obele iva bookmark, a to je jednostavno: obele imo odgovor/Insert/Bookmark.

Oznaka za bookmark u tekstu

Zatim na svako pitanje u vrhu strane postavimo hipervezu na odgovaraju i obele iva : Insert/Hyperlink/Place in This Document ili Bookmark

odakle biramo eljeni obele iva iz ponu ene liste.

Odavde biramo obele iva na koji hiperveza ukazuje

Po to smo zavr ili kreiranje F.A.Q. strane, prelazimo na drugu Web stranu, koja je bitna u prezentacijama slo ene strukture. To je tzv. mapa sajta. Za njeno formiranje koristi emo gotov ablon, tj. komponentu: Isert/Web Component/Table of Contents/For This Web site

Slede i zadatak je da kreiramo kontakt stranu. Kontakt strana obi no sadr i po tansku adresu, ali i URL adresu Web prezentacije organizacije, osobe i dr., kao i e-mail ekontakt adresu. E-mail ne treba dati samo u pisanoj formi, ve treba kreirati i link koji automatski generi e mejl adresiran na elektronsku adresu, na koju link ukazuje.

Na ozna eni simbol emo uneti link koji automatski generi e mejl ka odre enoj elektronskoj adresi Ovde upisujemo e-mail adresu Klikom na ovaj taster mo emo A mo emo uneti ei automatski na koju poruku koja poruke u odabrati esubject te se javlja generisan biti upu ena automatski mi a, kada zadr imo polju ispod generisana poruka pointer mi a nad linkomPoruka se ovde upisuje

Po to smo kreirali sadr aje svih strana, pozabavi emo se naprednijim pode avanjima nekih elemenata Web strana. Npr., u strani Biografija emo na podnaslov pronalaza koji je... postaviti link kojim se otvara video sadr aj. Naravno video zapis emo prvo prekopirati u folder Web prezentacije.

Da bi posetiocu bilo uo ljivo da tu ne to postoji, podesi emo da naslov promeni boju (boju pozadine) prilikom pomeranja mi a nad tom Web stranom. Da bismo to uradili moramo sa strane birati opciju iz menija: Format/Behaviors Sa leve strane nam se otvara okvir za pode avanje, iz koga biramo koju vrstu doga aja elimo, kao i na koju akciju se doga aj odigrava.

Promeniti boju pozadineBiranje vrste doga aja

Biranje akcije na koju se startuje promena

Tako e, ukoliko su u prezentaciji kori ena na a latini na slova ili irili ni font, potrebno je obezbediti da takav font bude prepoznat od strane Web ita a. Naravno, preduslov je da se koriste unicode fontovi. Na svakoj strani je potrebno iz njene opcije: Page properties/Languages odabrati opciju Unicode (UTF-8) (UTF-

U FrontPageu, sli no kao i u PowerPointu mo emo podesiti tranziciju strana, tj. efekte prilikom otvaranja Web strane, njenog zatvaranja, prelaska na drugu i sl. Sam postupak je sli an, potrebno je da iz menija aktuelne strane podesimo opciju: Format/Page Transition

Biranje doga aja

Biranje efekta

PO ZAVR ETKU TO IZGLEDA OVAKO:

Sav potreban materijal za sajt: dokumentarni podaci, slike, video zapisi... su preuzeti sa on-line enciklopedija. onSajt je optimizovan za Internet Explorer 6.