Izrada sajta

Kratak potsjetnik izrade Web sajtaOSNOVNO1. Otvoriti FrontPage Start Programs Microsoft Office Microsoft FrontPage 2003. 2. Kreirati novi Web sajt Sa krajnje desne strane ekrana, kliknuti na Create a new page or site 3. Odabrati neki od ponu enih ablona (more Web site templates) ili odabrati kreiranje praznog Web sajta (Empty Web site) 4. Ukoliko ste odabrali Empty Web site, otvorie se prozor koji e vas pitati za naziv sajta Sa desne strane pod Specify the location of the new Web site, treba da odredite lokaciju sajta i naziv vaeg sajta 5. Prva stvar je STRUKTURA sajta: Odaberite na dnu ekrana Navigation, zatim postavite mia na praznu povrinu i kliknite desnim tasterom mia. Odaberite New Top page. Svaku novu stranu otvarate sa New Page u zavisnosti od strukture sajta. Na primer, kao na slici dole. Nazive strana menjate tako to odaberete Rename.

6. Dvoklikom na Poetnu stranu, aktivirate ekran za unos multimedijalnog sadraja na toj strani (index) 7. Pre nego to nastavite da unosite sadraj vaeg sajta, dobra praksa je da se na poetku zada naslov Web strane koji se ispisuje na naslovnoj traci vaeg itaa Weba Desni klik mia i odaberite opciju Page Properties. Pod Title navedite naslov strane, npr. Put oko svijeta Pod Page Properties moete zadati zvuk, zatim sliku koja e stajati u pozadini prezentacije, margine Web strane i ostalo 8. Prelazimo na kreiranje sadraja vaeg Web sajta. Jedna od mogunosti je da odaberete postojee teme

Format Theme - i odaberite eljenu temu, ali onda neete moi da stavite neku sliku u pozadini vaeg sajta 9. Najosnovnija tehnika za raspore ivanje elemenata na Web strani se svodi na upotrebu tabela Table Layout Tables and Cells nudi postojea okruenja tabele (Table Layout) Moete i samostalno praviti tabele klikom na meni Table Draw Table pri emu se otvara paleta alatki za crtanje i rad sa tabelama 10. Zatim moete ubaciti sliice sa Insert Picture i odaberite izvor vaih slika 11. Za dodavanje navigacije na va sajt postoje dve varijante: a. Insert Navigation Bar based ... b. Format Shared Borders (ukoliko ova opcija nije dostupna, treba odabrati Tools Page Options Authoring i ekirati Shared Borders)

12. Difoltne nazive navigacija moete promeniti: Tools Site settings Navigation (kartica) i tu menjate difoltne nazive 13. Moete ubaciti liniju odvajanja, tj. horizontalnu liniju izborom Insert Horizontal line 14. Kada elite da dodate link na neki tekst, onda selektujte taj tekst, pritisnete desni klik mia i odaberete opciju Hyperlink, gde unosite web adresu eljene lokacije pod Address

15. Kada elite da pogledate izgled vae prezentacije u itau, neophodno je uvek prvo sauvati izmene, a zatim odabrati File Preview in browser i odabrati verziju browsera (itaa)

DODATNO

16. Dodavanje DHTML efekata View Toolbars DTHML effects npr. ukoliko elimo da se, kada pre emo miem preko slike, pojavi druga slika, tada biramo pod Choose an event opciju Mouseover, a pod Apply biramo Swap Picture i zatim eljenu sliku

17. Dodavanje komponenti: Dodati Datum na dnu strane: Insert Date and time i odabrati formu datuma, a prethodno dodati tekst, npr. Datum poslednje izmene. Dodati interaktivno dugme: Insert Interactive Button npr. Embossed Rectange 5, upisati pod Text: Rezervii i dodati link na stranu Rezervacije Dodavanje brojaa poseta: Insert Web Component Hit Counter (obratiti panju da ova komponenta nee raditi bez servera na kome su instalirani dodaci za FrontPage) Da bi se neki tekst na ekranu kretao, treba ga prvo selektovati, a zatim odabrati: Insert Web comopnent Dynamic Effects i Marquee Dodati Mapu sajta: Insert Web component Table of Contents Dodati opciju za pretragu sajta: Insert Web comopnent Web search i odabrati Current Web 18. Izrada interaktivnih obrazaca se vri izborom Insert Form i biraju se odgovarajui elementi, na primer kao na slici:

19. Kada elite da vau Web prezentaciju snimite u drugi fajl ili objavite na drugom raunaru morate pratiti sledee korake: File Publish site i odabrati opciju koju elite

Front Page 2000 (sa dopunama za 2003)

Front Page 2000DefinicijeSlijedee rei se esto upotrebljavaju u uputstvu zato ih dobro zapamtite:

Hyperlink Tekstualna ili grafika taka koja vodi na neku drugu stranicu kada se klikne na nju. Pixel Merna jedinica na webu. Jedan pixel je otprilike veliine take (.) kod Arial fonta veliine 12 taaka. Shortcut - Preica meni. Kao kod svih PC programa pozivanje menija preice se obavlja tako to kliknemo desnim tasterom mia na objekt. URL (Univerzal resource locator Univerzalni lokator resursa) - Adresa web stranice. To je ono to ide poslije "http://" u link polju vaeg browsera. Web Vae stranice u Front Pageu se u uputstvu oznaavaju sa Web.

Skica ekrana

Ispod se nalazi dijagram standardne web stranice u Front Pageu. Moete menjati nain pogleda tako to mjenjajui razliite opcije pod View Option. 1


Pogledi (Views Option)

Page view vam daje WYSIWYG (u skraenica za termin koji znai ono to vidi je i ono to e dobiti.) uredjivako okruenje za pravljenje i ure ivanje web stranica. Folders view prikazuje sve fajlove i direktorije u vaem web-u za lake upravljanje. Reports view indentifikuje probleme sa stranicama i linkovima u web-u ukljuujui stranice koje se sporo uitavaju, linkove koji ne vode nigde, i druge greke. Navigation view prikazuje navigacioni red stranica i omoguuje promenu reda na koji e korisnik vidjeti stranice Hyperlinks view omoguuje vam ad organizujete linkove na vaim web stranicama. Tasks view obezbije uje mjesto za unoenje poslova koje je potrebno da zavrite kako bi kompletirali va web.

Pravljenje Web-a uz upotebu Web Wizarda (Web arobnjaka)

Otvorite FrontPage i izaberite File | New | Web... iz menu bara ili kliknite na malu strelicu koja pokazuje na dole pored dugmeta New na standardnom toolbaru i izaberite Web...

2


Izaberite tip weba koji elite da napravite. Obino je najbolje da napravite jednostavni One Page Web (Web od jedne stranice) kojem kasnije moete dodati nove prazne strane po potrebi. Unesi lokaciju za web na mestu za unos oznaenom sa "Specify the location of the new web:" poinjui adresu weba sa "http://". Ovo je lokacija gde moete pregledati web na svom raunaru. Web e morati biti kopiran na javni server kako bi bio dostupan svetu na World Wide Webu (WWW) Klikni OK i ekajte da FrontPage zavri pravljenje Web-a Sada istraite svoj Web. Kliknite na Folders view da vidite inicijalnu stranicu (default.htm) koja je napravljena i dva foldera. Folders imena Images je folder u koji ete smjetati svoju grafiku i fotografije. Nije imperativ da svoje slike i grafike drite u ovom direktoriju ali pomae da va web bude bolje organizovan. Kliknite na Reports view da vidite listu izvjetaja za stranice. Kako nastavite praviti web ova stranica e biti sve vie korisna. Sa ovog mesta, moete identifikovati i ispraviti Broken links (linkove koji ne vode nigde) i ispraviti velike stranice kojima je potrebno mnogo vremena da se uitaju. Hyperlinks view slui za upravljanje linkovima na vaim web stranicama. Optional u Tasks view izlistava zadatke koji trebaju da budu obavljeni kako bi napravili web. Izaberite Edit | Tasks | Add | Tasks kako biste dodali novi zadatak, ili kliknite na malu strelicu koja pokazuje dole pokraj dugmeta New na standardnom tooolbaru. Napravite stranice i snimite ih, oznaavajui ih kao kompletirane u Task view. Kada ste spremni da postavite svoje stranice na javni Web server kopirajte sadraj foldera na server.

Pravljenje Web stranice iz ablona (Create Web Page from Template)FrontPage obezbije uje mnogo ablona za pojedinane stranice koji mogu biti dodati vaem web-u. Pratite slijedee korake kako biste dodali stranicu iz ablona vaem web-u.

3


Izaberite File | New | Page... a zatim izaberite ablon. Kada izaberete ablon kliknite OK. Zamijenite naslove, tekst, slike i fotografije sa onima koje biste voljeli da imate na svom web-u.

Report view

Kada je va web zavren, kliknite na Reports view da biste proverili da su linkovi u redu, a da biste se prebacivali izme u reporta koristite Reporting toolbar.

Otvorite Web (Open A Web)Da biste otvorili web koji ste ve napravili, izaberite File | Open Web... iz menu bara. Izaberite web folder sa liste i kliknite Open.

Snimanje Web-aSve stranice napravljene u FrontPage-u snimite unutar web-a. Ove stranice u svakom sluaju nisu vidljive za nekoga na internetu. Da bi bile vidljive morate kopirati sadraj celog foldera na mreu. Objanjenje kako da postavite web napravljen u FrontPage-u na Internet emo dati na kraju ovog uputstva.

4


Page Properties (Atributi stranice)

Razne atribute stranice mjenjate tako to pristupite atributima stranice birajui File | Properties iz menu bara. Prozor za atribute stranice e vam omoguiti da menjate mnotvo generalnih atributa, pozadinu stranice, margine, itd...

5


General Pod tabom General jedan atribut koji mora da bude podeen je Title (naslov). Ovo je tekst koji e se pojavljivati iznad menija browsera kada se stranica uita u browser. Background sounds (pozadinski zvuk) nije preporuljiv a opcije design-time kontrolnih skripti ne treba da budu menjane. Background (pozadina) Oznaite Background picture kocku i izaberite sliku kliknuvi na Browse... dugme kako biste dodali pozadinsku sliku za vau stranicu. Enable hyperlink rollover effect dodaje Cascading Style Sheet stranici to uzrokuje promene na linkovima vae strane kada pre ete miem preko njih. Ovi efekti nisu vidljivi u verzijama Netscape 4 i ranijim. Podesite Background (pozadina) boju, a osnovnu Text boju u crno ako to ve nije. U sutini boja teksta zavisi od boje pozadine. Ako podesite boje pozadine i teksta u sline ili iste boje tekst e biti teko itljiv. Isto tako moete menjati boje Hyperlinka. Boja hyperlinka je boja pod kojom se pojavljuje hyperlink kada se strana uita. Visited hyperlink boja je boja pod kojom se link pojavljuje ako je posetilac ve posetio tu stranicu. Active hyperlink je boja koja se pojavljuje kada korisnik klikne na link.

Themes (abloni)Sa ablonima moete brzo dodati, dugmad, grafiku, linkove i oblik vaem webu.

Otvorite web stranicu i izaberite Format | Theme iz menija ili kliknite desnim tasterom mia na stranici i izaberite Theme... ponu enog menija. 6


Pod Apply Theme to, izaberite All pages kako biste dodali temu svim svojim stranicama ili Selected Page(s) kako biste dodali temu odre enoj stranici. U delu prozora sa ponu enim temama birajte odre ene teme a u delu prozora Sample of Theme ete moi vidjeti kako tema izgleda. o Vivid Colors opcija unapre uje boje na temi o Active Graphics e konvertovati navigacionu dugmad u Java applete koji se menjaju kada se pre e miem preko njih. o Background picture ukljuuje pozadinsku sliku na stranicu. Deselektujte kocku ako elite istu pozadinu. o Apply using CSS e dodati atribute za style sheet. Kliknite OK kada ste izabrali i podesili temu.

Uklanjanje ablonaDa uklonite ablon sa stranice poto ste ga primenili na stranici, izaberite Format | Theme iz meni bara i izaberite prvu najgornju opciju kod ponu enih tema (no theme), zatim kliknite OK.

Font Properties (Atributi fonta)Font poseduje mnotvo atributa koji mogu da budu menjani iz Font dijalog prozora. Oznaite miom tekst ije atribute elite da menjate i iz menija izaberite opciju Format | Font.

Font izaberite jednostavan i uobiajen font za svoju stranicu. Imajte na umu da je lista fontova koja se pojavljuje u FrontPage-u lista fontova koja je instalisana na vaem raunaru i da neki posetilac vae stranice ne mora imati instalisane iste

7

Front Page 2000 (sa dopunama za 2003) fontove. Fontovi koji su zajedniki svim posetiocima stranica su: Arial, Geneva, Verdana, Helvetica, ili neki drugi sans-serif font koji je itljiv i koji je veina korisnika instalisala na svoj raunar ili su automatski instalisani sa operativnim sistemom. Font Style Izaberite bold, italic ili kombnaciju oba ako elite da dodate stil tekstu. Size Veliina fonta odnsno jedinice za veliinu fonta na web stranicama su definisane drugaije od onih na koje ste navikli u recimo Word-u. Veliine fonta su izlistane u zagradama pored HTML veliina fonta. Veliine 2 i 3 su obino najbolje za paragrafe. Navedeni primeri ispod su veliina fonta za font Arial:velicina fonta 1

velicina fonta 2

velicina fonta 3

velicina fonta 4

velicina fonta 5

Effects Mnogi od ovih efekata su nepotrebni a neki ak nisu ni vidljivi u nekim browserima. Nije preporuljivo da podvlaite tekst jer to dovodi do zabune jer su linkovi podvueni. Upotrebljavajte bold ili italic da neto naglasite umesto podvlaenja. Blink je jedna stara HTML specifikacija a poto se ispostavilo da uglavnom nervira korisnike mnogi novi browseri je vie ne podravaju. Strong i Emphasis daju sline rezultate kao bold i italic. Pritisnite OK kada ste zavrili.

Konvertovanje teksta u tabeleTekst ispod je otkucan u FrontPage tako to je poslije svakog broja pritisnut TAB taster i ENTER kako bi se poela nova linija.

Tekst moe biti stavljen u tablu tako to ete izabrati Table | Convert | Text to Table iz menija. Pojavie se slijedei prozor, u kojem ete napraviti izbor i kliknuti OK.

8


Paragraphs - Novi red u tabli e se napraviti sa svakim novim paragrafom. Svaka linija je smjetena u posebnu eliju slijedeeg reda.

Tabs Nova kolona e se pojaviti na svakom tab-u.

Commas Nova kolona e se pojaviti na svakom zarezu. Tekst ispod daje isti rezultat pri konvertovanju kao i onaj sa umetnutim tabovima:

None Sav selektovani tekst e biti smjeten u jednu eliju.

Other Izaberite neki drugi delimiter za pravljenje table.

9


Hyperlinks (pravljene linkova)Hiperlinkovi su tekst ili grafika koji korisnika kada klikne na njih vode na drugu web stranu ili na neku grafiku. Oni su esencijalan deo World Wide Web-a jer linkuju stranice unutar web-a kao i web sa stranicama na drugim web-ovima. Da biste napravili hiperlink u FronPage-u uradite slijedee:

Oznaite tekst ili grafiku za koje elite da predstavljaju link i u meniju izaberite Insert | Hyperlink .

Ako link vodi na stranicu unutar vaeg web-a, oznaite stranicu na koju vodi i kliknite OK. Ako je to neki spoljni link (link na nekoj drugoj web adresi) morate uneti URL u URL polje. Eksterni link mora poeti sa "http://" ili u suprotnom nee raditi. Na primer za link na TEOL osnovnu stranicu bi ukucali "http://www.teol.net/" umesto "www.teol.net". (ovo ne morate sami ukucavati ukoliko imate verziju Front Page 2003 sa kojom je ra eno na asu, jer se automatski dodaje kada krenete da kucate adresu www......)

ili (za FP 2003 i sl.)Ukoliko imate verziju Front page 2003 prikaz e biti ovakav (kao na asu)

10


E-mail linkoviNapravite link za e-mail adresu selektujui tekst (koji bi trebao biti napisan kao e-mail adresa) i pritisnite CTRL+K. Kliknite e-mail dugme koje izgleda kao koverat (zaokrueno crvenim ispod) i unesite eljenu e-mail adresu. Kliknite OK da zavrite.

ili (za FP 2003 i sl.)

Ovdje kliknuti da bi se pojavio odgovarajui prozor za unos e-mail adrese

11


BookmarksTekst i grafika mogu biti setovani kao "bookmarks" (zovu se "anchors" svugde osim u FrontPage-u) koji mogu biti linkovani i unutar iste strane. Na primer ako stranica izlistava program nastave, naslov za svaku sedmicu moe biti podeen kao "bookmark" i red linkova moe biti dodat na poetak stranice od kojih svaki vodi na odre eni deo na istoj stranici. Recimo da imate neku knjigu na jednoj stranici sa atributom "bookmarks" moete direktno iz sadraja koji se nalazi na poetku otii na eljeno poglavlje. Stranici dodajete bookmark slijedei naredne korake. Selektujete tekst ili grafiku koji e biti "bookmark" pa potom u meniju izaberete Insert | Bookmark... Unesite ime za "bookmark" u prostoru namenjenom za to i kliknite OK.

Napravite link na "bookmark" selektujui tekst koji e biti link, pritisnite CTRL+K. Izaberite bookmark iz izbora padajue liste u Optional kategoriji i pritisnite OK. Link za "bookmark" na nekoj drugoj stranici se odra uje tako to ime fajla eljene stranice a zatim izaberete "bookmark" it padajue liste u Optional kategoriji.

12


ili (za FP 2003 i sl.)

Ovdje kliknuti da bi se pojavio odgovarajui prozor sa spiskom bookmark-ova, koje smo prethodno definisali

Hotspots (vrue take)Pravei link od neke grafike na nain na koji smo do sad to diskutovali znai da jedna grafika moe da vodi samo na jednu lokaciju. Hotspots nam omoguuju da na jednoj grafici definiemo vie linkova, tako to pravi mapu slike na kojoj definiemo vrue take. Na sledeim slikama emo pokazati primere:

Na ovom jednostavnom zaglavlju imamo opcije "search", "directory", "index" i svi vode na razliite strane. Hotspotove pravimo na slijedei nain:

ubacite grafiku na web stranu upotrebljavajui hotspot alate na Drawing toolbaru, koristite neophodne oblike kako bi nacrtali vrue take na grafici.

izabrat emo pravougaoni alat kako bi nacrtali vruu taku oko "search".

13


pojavie se hiperlink prozor kada pustimo taster mia. Unesite URL, e-mail adresu, ili "bookmark" na koji e vrua taka biti linkovana. ponovite korake za "directory" i "index" kao i za Logo na levoj stranici koji je obino link na prvu stranu. Koristite kockice na uglovima i sredini pravougaonika sa alatom strelica kako biste podeavali veliinu napravljene vrue take.

Ukoliko ostatak grafike (gradacija boja od zelene ka plavoj) treba da bude link negde to moete jednostavno uraditi kliknuvi desnim tasterom mia na to podruje i izaberete Picture Properties i unesite Podrazumevani link.

TabeleUpotreba tabeliNa web stranicama table mogu imati mnogo funkcija:

ema stranice prikazivanje informacija u formatiranoj tabuliranoj formi dodavanje pozadinske pobje i okvira oko delova teksta

Pravljenje tabeleBrz nain da napravite malu tabelu je upotrebom dugmeta "table" u standardnom toolbaru. Kliknite miem i vucite miem pravei eljeni oblik table odnosno broj kolona i redova. Kada je eljeni broj redova i kolona selektovan kliknite opet miem.

14


Na stranici e se pojaviti okvir za tabelu sa dva reda i dve kolone.

Table Properties (Atributi table)Izaberite Table | Properties | Table iz menija dok je kursor unutar elije tabele ili kliknite desnim tasterom mia na okvir tabele pa izaberite Table Properties.

Alignment se odnosi na poziciju tabele na strani a ne na poziciju teksta unutar tabele. Izaberite Center da centrirate tabelu na stranici, ili izaberite left (lijevo), right (desno), justify (poravnato). Default je obino levo poravnanje. Cell padding je broj taaka izme u teksta i zidova elije. Cell spacing je broj taaka izme u elija tabele. Specify width odre uje irinu tabele odre enim brojem taaka ili procentom irine ekrana stranice. Specify height obino nije potrebano jer visina table zavisi od broja redova u njoj.

Sa podeavanjima kao u slici iznad dobili smo slijedeu tabelu:

15


Border size odre uje dubinu okvira tabele. Takaste linije u slici iznad se pokazuju samo kao vizuelna referenca strukture tabele, ali poto je debljina okvira table 0 taaka Borders Size = 0 na web stranici e se tabela prikazati kao:

Ispod se nalazi tabela kojoj smo podesili debljinu bordera na 5 taaka

Border Color e promijeniti boju okvira tabele. MSIE (Internet Explorer) i Netscape razliito itaju ove vrijednosti. MSIE promijeni cijeli okvir u istu boju, dok Netscape ostavlja trodimenzionalni izgled. Poto je FrontPage Mikrosoftov proizvod uvijek ete vidjeti izgled kao u MSIE. Microsoft Explorer 5.0 Netscape 4.7

Light border and Dark border mijenjaju boje osvijetljenja i sijenke na tabeli. Ove atribute Netscape 4.7 ne moe da ita. Light i Dark okviri su dodati kao crveno i zeleno a na slijedeim slikama moete primjetiti kako i itaju MSIE i Netscape. Microsoft Explorer 5.0 Netscape 4.7

Background color dodaje pozadinsku boju vaoj tabeli. MSIE e dodati boju elijama i prostoru izme u njih dok e Netscape dodati boju samo pozadini elija. Microsoft Explorer 5.0 Netscape 4.7

16


Use Background picture e dodati pozadinsku sliku i opet postoje razlike izme u brovsera. Dok e MSIE ponavljati sliku u cijeloj tabeli Netscape e je ponavljati u svakoj eliji: Microsoft Explorer 5.0 Netscape 4.7

Cell Properties (Atributi elije)Izaberite Table | Properties | Cell iz menija ili Cell Properties iz menija kada kliknete desnim tasterom mia na tebelu da menjate atribute elije. Poinjete tako to selektujete elije ije atribute elite da menjate.

Horizontal alignment je po osnovnoj vrijednosti lijevi dio elije tabele. Ovaj atribut moete promijeniti na desno (right), centrirano (center) ili poravnato (justify). Vertical alignment je po osnovnoj vrijednosti sredina kao to je prikazano na primjeru ispod. Poto tekst u desnoj eliji pokriva vie od jedne linije, dok lijevi pokriva samo jednu liniju tekst se centrira vertikalno. Da biste promijenili ove vrijednosti moete izabradi gore (top) ili dole (bottom).

17


Podeavanja rows spanned i columns spanned se bolje postignu slijedeom metodom. Specify width i specify height e podesiti irinu i visinu elija. Procentualna vrijednost se odnosi na deo table a ne cijelog ekrana. Izaberite Header cell kako biste automatski boldirate i centrirate sadraj elije. Border color je vrijednost koja nije itljiva u Netscape browseru. Ove promijene se mogu vidjeti samo u MSIE. Primjetite crvene okvire u MSIE primjeru: Microsoft Explorer 5.0 Netscape 4.7

Background image dodaje grafiku pozadini svake elije. U Netscapeu, isti efekat se postie setovanjem pozadine za cijelu tabelu poto ponavlja grafiku za svaku eliju. Microsoft Explorer 5.0 Netscape 4.7

Umetanje redova i kolonaDa biste brzo dodali red ili kolonu tabeli smjestite kursor u jednu od elija te sa desnim tasterom mia pozovite meni iznad elije i izaberite Insert Row (za red) ili Insert Column (za kolonu). Jo jedan metod je Insert Rows or Columns dijalog ekran:

Stavite kursor u eliju gdje ete dodati novi red ili kolonu. Izaberite Table | Insert | Rows or Columns iz menija.

18


Da unesete red, izaberite Rows i unesite broj redova pod Number of Rows. Potom izaberite lokaciju reda pod Location gdje Above selection znai iznad oznaenog mjesta a Below selection ispod oznaenog mjesta odnosno mjesta gdjeste stavili kursor. Izaberite Columns da umetnete novu kolonu i izbor e se promijeniti. Unesite broj kolona pod Number of Columns i lokaciju lijevo ili desno od oznaenog mijesta. Kliknite OK.

Spanning Cells (Obuhvatanje elija)esta je potreba da se napravi elija koja pokriva vise redova ili kolona, kao to je naslov na vrhu tabele. Primer e poeti sa istom tabelom koju smo ve radili.

Unesite nov red na vrh tabele. Unesite tekst u red koji e obuhvatati obe kolone u prvu eliju reda i selektujte elije kao to je pokazano dole.

Izaberite Table | Merge Cells iz menija ili desnim tasterom kliknite na selektovano i izaberite opciju Merge | Cells iz ponu enog menija.

19


Centrirajte tekst u eliji iz Cell Properties prozora i deselektujte eliju.

Da podelite elije opet izaberite eliju i izaberite Table | Split Cell iz menija.

Image Types (Tipovi slika) HTML kod koji se upotrebljava na web-u prepoznaje dva osnovna tipa grafikih formata GIF i JPEG. Sve slike na vaim web stranicama moraju biti jedan od ova dva formata.

JPEG (Joint Photographics Exchange Group) generalno je pravilo da bi slike trebale biti snimane u 256 boja. Ovaj grafiki format se sastoji od 16 miliona boja. GIF (Graphics Interchange Format) ovi fajlovi se sastoje od 256 ili manje boja i generalno bi trebali biti upotrebljavani za grafiku koja nije fotografija. Sve slike u ovom uputstvu su GIF formata.

Umetanje grafikeDa biste dodali sliku ili grafiku na vau web stranicu, iz menija izaberite Insert | Picture | From File. Izaberite grafiki fajl i kliknite OK.

Picture Properties (Atributi slike)Da biste promijenili atribute slike, selektujte sliku i iz menija izaberite Format | Properties.

20


Ispod Alternative representations u polje Text upiite opis slike. Ovaj tekst e se pojaviti umesto slike ako korisnik pregleda va sajt sa iskljuenom opcijom za prikazivanje grafike, a isto tako dok se slika uitava u browser. Kliknite na Appearance tab.

Promijenite Alignment ako bi slika trebala da lei lijevo ili desno na strani ili ako bi trebala da bude centrirana.

21


Border thickness e dodati okvir slici ija e debljina zavisiti od broja taaka koji ste uneli. Ostavite ovu vrijednost na 0 ako slika ne treba da ima okvir. Horizontal spacing i Vertical spacing su vrednosti koje se mijere u takama i dodae bijeli oko slike ovisno od broja taaka koji ste uneli za ove vrijednosti. FrontPage automatski izraunava veliinu slike. Me utim, ako elite sliku da se pojavi vea ili manja od njene stvarne veliine, oznaite kocku Specify size i unesite eljene vrijednosti u Width (irina) i Height (visina). Dok je opcija Keep aspect ratio selektovana mijenjanje vrijednosti Width e automatski mijenjati i vrijednost Height jer ta opcija govori FrontPage-u da uva proporcije slike. Iskljuivanjem ove opcije vrite pojedinana podeavanja irine i visine slike.

RaznoHorizontal Lines (Horizontalne linije)Horizontalne linije mogu posluiti kako bi podijelili neki tekst radi lakeg itanja.

Postavite kursor na strani gdje elite da dodate horizontalnu liniju U meniju izaberite Insert | Horizontal Line. Dvaput kliknite na liniju kako biste promijenili njene atribute Podesite Width (irinu) linije da li kao procentualnu ili vrijednost u takama. Podesite debljinu linije menjajui vrijednost Height u takama (Pixels) Podesite Alingment linije levo, desno ili centar. Linije su automatski osjenene kako bi vam dale osjeaj dubine. Oznaite Solid line kocku da napravite cijelu liniju u jednoj boji a pod Color izaberite boju ako to elite. Menjanje boje horizontalne linije nije podrano u Netscapeu.

Osjenena horizontalna linija:

Horizontalna linija u jednoj boji:

Symbols (Simboli)Dodajte jedinstvene simbole svojim stranicama kao to je znak za copyright () i akcentirana slova () iz Symbols dijalog ekrana. Iz menija izaberite Insert | Symbol... Sa liste izaberite simbol koji elite da dodate i on e se pojaviti u uvean pored dugmeta Insert. Kliknite Insert da dodate simbol na stranicu. Kada zavrite sa dodavanjem simbola kliknite Close.

22


Skraenice na tastaturiSkraenice sa tastature jednom kada se priviknete na njih i kada ih zapamtite e vam uveliko skratiti vrijeme prilikom izrade web stranice. Moete ih odtampat i drati kao referencu za poetak. Napomena: + oznaava da redom morate pritisnuti oba tastera. Akcija Akcije sa dokumentima Otvori stranu Nova strana Snimi Odtampaj Atributi Osvei Spelling Thesaurus Line break Ukloni formatiranje Editovanje Na i Zamjeni Unesi hiperlink Spell checker Makroi CTRL+F CTRL+H CTRL+K F7 ALT+F8 CTRL+O CTRL+N CTRL+S CTRL+P ALT+ENTER F5 F7 SHIFT+F7 SHIFT+ENTER CTRL+Spacebar Tasteri

Akcija Formatiranje Selektuj sve Kopiraj Iseci Nalepi Poniti zadnji potez

Tasteri CTRL+A CTRL+C CTRL+X CTRL+V CTRL+Z

23

Front Page 2000 (sa dopunama za 2003) Ponovi zadnji potez Bold Italics Levo poravnanje Centralno poravnanje Desno poravnanje Smanji udubljenje Poveaj udubljenje CTRL+Y CTRL+B CTRL+I CTRL+L CTRL+E CTRL+R CTRL+SHIFT+M CTRL+M

Napredno uputstvi za FrontPage 2000Napredno uputstvo pokriva slijedee teme:

Podjeljene granice Navigacija Cascading Style Sheets Teme Okviri Komponente Forme

Deljene Granice

Dodavanje podjeljenih ivice Sadraj podeljenih ivica

Podeljene ivice su dijelovi web strance koji dijele sadraj sa drugim web stranicama. Locirani su gore, dole, lijevo i desno na web stranici i upotrebljavaju se kada se neke informacije pojavljuju na svakoj stranici, kao sto su navigacioni linkovi, zaglavlja web stranice i slino. Dodavanje podjeljenih ivica Podijeljene ivice dodajete slijedeim koracima:

Otvorite web i i izaberite Select | Shared Borders... iz menija

24


Selektujte All pages (sve stranice) ili Current page (ova stranica) zavisno od toga da li granice elite da dodate svim stranicama ili trenutnoj stranici. Izaberite gdje se dijeljene granice trebaju pojaviti selektujui Top (gore), Left (lijevo), Right (desno) i Bottom (dole) u skladu sa vaim eljama gdje granice treba da se pojave. Ako elite da nekoj granici dodijelite navigacione linkove selektujte opciju Include navigation buttons (dodaj navigacionu dugmad). (Detaljno objaneno u nastavku teksta) Kliknite OK kada zavrite. Ove vrijednosti mogu biti mijenjane i kasnije biranjem opcije Format | Shared Borders... iz menija.

Sadraj dijeljenih granica Poto ste zavrili poetna podeavanja navedena u prvim koracima, podeavanja slina onim koja su se prikazala u dijalog prozoru Shared borders e se pojaviti na web stranici:

Sadraj mijenjate tako to kliknete miom na unutar dijeljenih granica koje su se pojavile i dodajete svoj tekst i grafiku.

25


Navigacioni linkovi se kreiraju automatski od strane FrontPage-a zavisno od navigacione strukture koja se podeava u Navigation View koji je detaljno objanjen u nastavku teksta... Navigaciona polja

Napravite navigaciono polje Brisanje stranica iz navigacionog stabla Vrijednosti navigacionog polja

Navigaciona polja napravljena u FrontPage-u su brz nain za dodavanje navigacionih linkova na sve stranice na web-u. Dijagram ispod prikazuje mogunosti u kreiranju navigacionog polja:

Legenda:

26


zoom uveanje portraid/landscape portret/poloeni grafiki prikaz external hyperlink link koji se nalazi van vaeg web-a subtree only samo prikaz podstabla

Pravljenje navigacionog polja

Otvorite web u Navigation View. Jedna "matina" stranica bi se trebala pojaviti na plavoj pozadini ekrana

Jo stranica na navigaciono polje dodajete tako to kliknete na ime fajla u Folder List i "odvuete" ga u na plavu pozadinu navigacionog prozora. Relacioni veze e biti dodane izme u "matine" strane i "dete" strane. Taster mia putate kada se relaciona veza pojavi.

27


Nastavite dodavanje strana u navigaciono stablo. Stranice uvek mogu biti pomjerene na novu lokaciju ako napravite greku, tako to kliknete na njih i vuete ih miem na novu lokaciju.

Link na stranicu van vaeg web-a dodajete tako to selektujete stranicu sa na kojoj e se nalaziti link na spoljnu stranicu i kliknete na external hyperling dugme u polju sa navigacionim alatkama. Ukucate adresu (URL) poinjui sa "http://" u URL: prozor Select Hyperlink polja. Ako je link e-mail adresa, kliknite e-mail dugme na kralju URL linije koji je prikazan kao sliica koverte. Unesite e-mail adresu u Create Email Hyperlink polju i kliknite OK.

28


Brisanje stranica iz navigacionog stabla Izbriite stranicu iz navigacionog stabla tako to ete kliknuti desnim tasterom na sliicu stranice i izabrati opciju Delete iz ponu enog menija. Da biste zadrali stranicu u navigacionom stablu, ali da biste je uklonili iz navigacionog polja, izaberite Included in Navigation Bars kako biste uklonili kvaicu. Stranica e se sad pojaviti u sivoj boji u dijagramu.

Ili izaberite: Edit | Delete iz menija i izaberite jednu od dve ponu ene dve opcije:

29


Atributi navigacionog polja

Otvorite web stranicu iz navigacionog polja u Page View. Desnim tasterom mia kliknite na povrinu u kojoj se pojavi navigaciono polje, ili ako navigaciono polje jo nije napravljeno kroz Shared Borders, izaberite Insert | Navigation Bar... iz menija.

Izaberite koje stranice treba da se pojave kao linkovi u navigacionom polju birajui neku od opcija pod Hyperlinks to add to page. Slika stabla e vam omoguiti da vidite kako e to izgledati. Selektujte Home page i Parent page polja pod Additional pages ako se i te stranice trebaju pojaviti u navigacionom polju. Oznaite i opcije pod Orientation and appearance kao to je orijentacija linkova (kako e biti sloeni: horizontalno ili vertikalno) i Buttons ili Text (da li e se linkovi pojaviti kao dugmad (Buttons) ili kao tekst (Text). Kliknite OK kada zavrite.

30


Cascading Style Sheets

Napravite ugra eni stil Nalijepite novi stil Uvueni stilovi Upotreba postojeih spoljnih stilova Napravite spoljni stil Link na spoljni stil Mijenjanje spoljnjeg stila

Cascading Style Sheets (CSS) vam omoguavaju da oblikujete web stranice podeavajui atribute fontova kao to su veliina, boja, razmak izme u karaktera, atributi paragrafa, okvire i sjenke tekst polja i sl... Stil moe biti dodijeljen web stranici na tri naina: 1. Embed style sheet (ugradi stil) u web stranicu izlistavajui atribute stila na vrhu stranice. 2. Dodijelite Inline styles (unutranje stilove) da dodijelite individualne elemente na stranicu. 3. Link na external style sheet (spoljni stil) ako e vie stranica imati isti stil. Upotrebljavajui ovaj metod, atribute stila mijenjate na jednom mjestu dok se primijene rezultuju na svim stranicama kojima je stil dodijeljen. Ovi spoljni stilovi se snimaju u poseban fajl ija je ekstenzija .css. Pravljenje ugra enog stila

Izaberite Format | Style iz menija. Kliknite na dugme New da biste napravili novi stil. Otkucajte ime stila tako to e prvi karakter imena biti taka (.) u polju Name (selector). Slika ispod je primjer jednog stila koji e napraviti crveni tekst.

31


Kliknite dugme Format da izaberete jedan od elementa kojem emo dodijeliti stil. U ovom primjeru emo prvo promijeniti stil fonta. Znai prvo izaberite Font... Iz Font dijalog prozora izaberite font Arial pod Font, veliinu 10pt pod Size, i boju u crvenu pod Color. Poto ste napravili promijene kliknite OK.

32


Ako elite izaberite druge elemente pod dugmetom Format i napravite eljene promijene. Kada ste eljenim elementima dodijelili stilove kliknite OK kako biste zavrili sa pravljenjem stila.

Dodijelite novi stil Da biste dodijelili novi stil koji ste napravili, oznaite tekst kojem elite dodijeliti stil pa potom izaberite svoj napravljeni stil. Stil se nalazi izlistan u style meniju formatting polja sa alatima. Izaberite na stelicu dole polja polja sa stilovima i kada pronadjete stil koji ste napravili kliknite na njega.

Inline styles (ugra eni stilovi)

33

Front Page 2000 (sa dopunama za 2003) Neki stilovi za oblikovanje, kao to su atributi fonta, okviri i osjenenja, se automatski dodijeljuju odre enim elementima kao to su dijelovi teksta, paragrafi, i odjeljci. Neki drugi stilovi koji se dodjeljuju tabelama i elentima forme mogu biti dodijeljeni na slijedee naine: 1. Selektujte tabelu ili element(e) forme i izaberite Format | Properties... iz menija. 2. Kliknite na dugme Style... u prozoru za atribute (properties window). 3. Stilovi koje ste ve napravili nalaze se izlistani u Class padajuem meniju. Izaberite neki od ovih stilova ili kliknite Format dugme da promijenite vrijednost nekog od elemenata. 4. Kliknite OK kada ste zavrili. Upotreba postojeih stilova FrontPage dolazi sa ve predefinisanim stilovima koji mogu biti dodati vaim web stranicama. Od pomoi je pogledati kod postojeih stilova kako bi stekli bolji uvid u nain na koji se prave stilovi kako bi mogli svoje budue stilove praviti na bolji nain. Slijedite slijedee korake kako biste snimili jedan od predefinisanih stilova kao eksterni CSS za upotrebu na vaim web stranicama.

Izaberite File | New | Pages iz menija i kliknite Style Sheets spremnik.

Izaberite jedan od stilova kako biste vidjeli Description a zatim kliknite na OK. Stil e se pojaviti u prozoru. Snimite stil koristei .css ekstenziju.

Pravljenje spoljnjeg stila Da bi ste napravili spoljni stil slijedite slijedee korake:

Izaberite File | New | Pages iz menija i kliknite Style Sheets spremnik, a potom izaberite Normal Style Sheet.

Na ekranu e se pojaviti prazna stranica sa malim Style poljem za alate. Kliknite na Style... dugme.

34


Selektujte neki od elemenata sa liste u polju Styles koji elite da dodate i kliknite na dugme Modify... Na primer selektujte element "body" kako bismo promijenili osnovni stil teksta na stranici. Kliknite na Format dugme na prozoru i izaberite elemente koje elite da budu oblikovani. Da biste promijenili osnovnu veliinu fonta u ovom primjeru izaberite "Font...". Izaberite "Arial" sa liste fontova i "10pt" liste veliina fonta. Napomena Poto smo preli uputstvo za tekst (Font properties pod Page properties), prednost je izabrati vie fontova slinog oblika u sluaju da posjetilac vae stranice nema font koji ste vi odabrali. Slini fontovi su tipa sans-serif, Arial, Verdana, Geneva i sans-serif, a serif fontovi su Times New Roman i Times. Unesite imena fontova u polje Font, odvajajui imena zarezom. Kliknite OK kada ste zavrili.

Kliknite OK u Modify Style prozoru. Moete primjetiti u listu stilova da je i ovaj stil sad izlistan. Kliknite OK da biste izali iz Style prozora ili izaberite neki drugi element za modifikovanje. Snimite stil u .css formatu.

Linkovanje na postojei stil Nakon to ste napravili jedan vanjski stil on mora biti linkovan na vau stranicu kako bi bio dodijeljen stranici.

Otvorite web stranicu kojoj elite dodijeliti stil i u meniju izaberite Style | Style Sheet Links.

35


Kliknite Add... u Link Style Sheet dijalog prozoru. Izaberite .css fajl, zatim kliknite OK.

Da biste uklonili link na neki vanjski stil, selektujte eljeni stil i kliknite dugme Remove u Link Style Sheet dijalog prozoru. Modifikovanje vanjskog stila

Otvorite .css fajl u FrontPage-u. Selektujte Format | Style iz menija. Oznaite stil koji elite da modifikujete i kliknite Modify dugme.

36


Napravite neophodne promjene iz menija dugmetom Format. Kliknite OK kada ste zavrili i snimite stil.

Modifikovanje tema

Kolor Grafika Tekst Snimanje modifikovane teme

Teme koje dolaze uz FrontPage mogu biti prilago ene vaim potrebama. Ako ste ve dodijelili neku temu vaoj stranici da biste je modifikovali treba da uradite slijedee. Prvo iz menija izaberite Format | Themes i kliknite dugme Modify. Ova akcija e otkriti dodatne opcije za modifikovanje teme.

37


Boje (Colors) Kliknite dugme Colors... da promijenite kolor emu

Color Schemes spremnik izaberite postojeu kolor emu iz ponu ene liste i u polju Sample of Theme ete dobiti pregled tih boja. Color Wheel spremnik kliknite i vucite boje u listi boja da promijenite kolor emu. Brightness kliza slui da posvijetlite ili potamnite boje. Custom spremnik promijenite svaki tekst tip posebno birajui stavke iz padajueg menija i dodjeljujte im boje. Kliknite OK kada ste zavrili modifikovanje vae kolor eme.

38


Grafika (Graphics) Oznake nabrajanja, baneri i pozadine isto tako mogu biti promijenjeni. Kliknite na dugme Graphics... da promijenite slike u temi.

Izaberite stavku iz padajueg menija. Promijenite slike u tekst polju koje se nalazi pod spremnikom Picture, Background Picture (pozadina), i fontove koji su u upotrebi pod spremnikom Font Tab. Na dnu prozora selektujte "Normal Graphics" za statine slike i "Active Graphics" za Java aktivne aplete. Kliknite OK poto ste zavrili.

39


Tekst (Text) Text... dugme e otvoriti opcije za promijenu fonta elemenata u temi.

Izaberite tekst element iz Item padajue liste a onda promijenite font u eljeni u Font listi. Kliknite dugme More Text Styles... da promijenite dodatne atribute teksta.

40


Snimanje modifikovane teme Ako planirate upotrebljavati modifikovanu temu i na drugim stranama, moete je snimiti za kasniju u potrebu. Kliknite Save As dugme u Themes dijalog prozoru i unesite ime za modifikovanu temu. Frejmovi (Frames)

ta su frejmovi? Pravljenje stranica sa frejmovima. Atributi frejma. Linkovanje unutar frejmova. Stranice bez frejmova.

ta su frejmovi? Frejmovi dijele web stranicu u sekcije od kojih svaka ima drugaiju HTML stranicu od koje se sastoji, sa sopstvenim klizaima. Ovo moe biti korisno za bilo koji web koji zahtijeva da jedan dio stranice bude statian dok se drugi moe skrolovati. Na primjer elite da smjestite linkove svog web-a u statini dio a tekst i grafiku odnosno sadraj u dinamiki dio. Postoji vie loih strana prilikom upotrebe frejmova, ukljuujui sporije uitavanje stranica, i probleme sa linkovanjem i tampanjem, zato budite sigurni da su frejmovi ono to vam je zaista neophodno.

41

Front Page 2000 (sa dopunama za 2003) Kao jedan primjer su web diskusije nekog fakulteta koji objavljuje svoje rasporede. Kao na primjeru slike, crno navigaciono polje, lista predavanja, i konkretan tekst du tri odvojena frejma, od kojih svaki ima svoju posebnu HTML stranu.

Frejmovane strane se u stvari sastoje od vie HMTL strana i taan broj zavisi od broja frejmova na web stranici. Glavna strana (main page) se zove i parent page (matina strana). Ova strana sadri instrukcije za oblik i lokaciju frejmova, i linkove na strane koje se trebaju inicijalno uitati za saki frejm, ali ne ukljuuje stvaran tekst ili grafiku za taj frejm. Prema toge web diskusija prikazana na slici se sastoji od etiri stranice: Matinu i etiri stranice sa sadrajem. Treba da imate ovo na umu kada snimate web stranice sa frejmovima, jer e vas FrontPage pitati za ime svake posebne stranice. Pravljenje frejmova stranice Frejmove za web stranicu pravite na slijedei nain:

Izaberite File | New | Page iz menija i selektujte Frames Pages spremnik.

42


Izgled svakog od izbora moete vidjeti kliknuvi miom na jednu od ikona u Prewiew sekciji dijalog prozora New. Iaberite ikonu iji raspored frejmova vam najvie odgovara i kliknite OK. Kada se posmatra u Page view, web stranica e biti podijeljena u frejmove shodno vaem izboru. Svaki frejm e imati opciju "Set Initial Page..." i "New Page". Kliknite "New Page" ako ve nemate napravljenu HTML stranicu za postojei frejm, ili kliknite "Set Initial Page..." ako ve imate unaprije definisane strane. Ako izaberete opciju "New Page" pozadina tog frejma e se trenutno pretvoriti u bijelu i vi ete moi da u tom frejmu pravite stranicu, ubacujui tekst i grafiku. "Select Initial Page..." e u taj frejm ubaciti prethodno napravljenu stranicu.

43


Snimite stranice frejmova tako to ete u meniju izabrati Files | Save As. FrontPage e zahtijevati da prvo snimite matinu stranu (main page) a potom za svaku od ostalih stranica. Dijagram sa desne strane dijalog prozora Save As e osvijetliti deo frejma koji snimate. Slika ispod pokazuje kako dijagram osvetljava sve stranice u plavo, govorei nam da se u tom trenutku snima matina strana.

44

Front Page 2000 (sa dopunama za 2003) U slijedeoj slici prikazano je kako se u tom trenutku snima gornji frejm.

Atributi frejma Desnim tasterom kliknite na ivicu frejma, prije ili poslije njegovog sadraja i izaberite Frame Properties iz ponu enog menija. Name (ime) morate dodijeliti ime svakom frejmu u svrhu linkovanja izmedju frejmova. Initial Page (inicijalna stranica) dodijelite inicijalnu HTML stranicu. Frame size (veliina frejma) Odredite irinu i visinu frejma u apsolutnim takama ili u procentima u odnosu na veliinu ekrana. Options (opcije) Oznaite "resiezeable in Browser" ako posetilac strane treba biti u mogunosti da menja irine i visine frejmova. Selektujre "Show scroll bars" ako bi u frejmu trebao da se pojavi kliza, odnosno da frejm ima mogunost skrolovanja.

45

Front Page 2000 (sa dopunama za 2003) Linkovanje sa frejmovima Kada pravite link sa stranice u frejmu, kliknite na dugme sa slikom olovke, pored opcije Target Frame koja se nalazi u Create Hyperlink dijalog prozoru. Izaberite adekvatan cilj za svoj link iz Common targets polja. Page Default opcija e uitati stranicu u predefinisani frejm oznaen u zagradama (sadraj) Same Frame e uitati nofu stranicu u isti frejm. New Window e otvoriti novi prozor browsera. Parent Window e uitati stranicu u trenutni prozor. Stranica bez frejmova Ranije verzije browsera ne podravbaju frejmove, zato je preporuljivo spremiti stranice za korisnike ovih browsera. Napravite No Frames Bez frejmova iz spremnika na dnu stranice. Upotrebite taj link na primer da biste linkovali korisnika na dovnload novijih browsera ili na stranice koje ne koriste frejmove. Components (komponente)

Includes Planirana slika (Scheduled picture) Planirani include (Scheduled include) Datum i vrijeme Forma za pretragu

46

Front Page 2000 (sa dopunama za 2003) Pristupite meniju Components prikazanom na desnoj strani birajui u meniju Insert | Component. Da podesite ovaj meni da bude stalno na ekranu (plivajui), kliknite na plavi dio u vrhu i odvucite ga negdje na stranici. Web stranice moraju biti snimljene kako bi ste mogli upotrebljavati komponente iz menija. Includes (ukljuivanja) Mogunost Include vam omoguuje da prikazujete jednu stranicu unutar druge. Ovo esto moe biti od pomoi kada ubacujete neke stvari koje se pojavljuju na mnogim stranicama, menija, ali i prilikom komplikovanijih dizajnerskih reenja. Jednostavan primjer je ubacivanje copyright informacija. Kada poelite da promijenite copyright informacije na svim stranicama promijenite je samo na stranici copyright.html. Podrazumijeva se da ste je ve ubacili na ostale stranice. Da ukljuite jednu web stranicu u drugu web stranicu, prvo postavite kursor na stranici gdje elite da se pojavi ukljuena strana. Potom selektujte Insert | Component | Include Page iz menija. Kliknite Browse... da izaberete stranicu koju elite da ukljuite a potom kliknite OK. Sadraj ukljuene stranice e se pojaviti na ciljanoj stranici, ali sadraj moe biti modifikovan samo posebnim otvaranjem ukljuene stranice.

Planirana slika Postavljanje planiranih elemenata za svrhu ima automatsko menjanje stranice u odre eno vrijeme, gdje moemo podeavati i datum i vrijeme. Recimo dodavanje planirane slike vrimo tako to iz menija izaberemo Insert | Component | Sheduled Picture... Izaberite sliku (During scheduled time), a potom izaberite jednu opcionu sliku (Before and after scheduled time (optional opciono)) koja e se pre i posle odre enog vremena. Potom podesite poetni i zavrni period. U ovom primjeru izabrana slika e stojati na web stranici cijeli mijesec oktobar. Kliknite OK poto ste zavrili.

47


Planiranje ukljuene stranice Planirana ukljuena stranica se podeava na slian nain na koji smo podeavali planiranu sliku. Iz menija izaberite Insert | Component | Scheduled Include Page... Potom podesite eljenu stranicu i i podesite vremenski period. Datum i vrijeme Uvijek je dobro na stranice ubaciti "zadnji put aurirano" na neko mijesto na stranici, ve ovisno od dizajna strane, kako bi korisnik znao kada ste zadnji put promijenili sadraj na stranici. FrontPage moe automatski aurirati ovaj datum svaki put kada je stranica snimljena. Stavite kursor na dio stranice na kojem elite ubaciti datum i iz menija izaberite Insert | Date and Time... Ako je stranica podepodeena na automatsko auriranje i ovaj datum bi treba da se pojavi kao "zadnje auriranje" izaberite "Date this page was last automatically updated" polje. Izaberite Date format a ako treba da se pojavi i vrijeme izaberite i Time format. Kliknite OK kada zavrite.

48

Front Page 2000 (sa dopunama za 2003) Search Form (formular za pretragu) Dodajte formular za pretragu vaoj stranici birajui u meniju Insert | Components | Search Form iz meni bara. Ova opcija e automatski napraviti jednostavnu formu za pretragu.

Preciznija podeavanja moete obaviti otvarajui Search Form Properties dijalog prozor kliknuvi desnim tasterom na mia na formu za pretragu i izabravi Search Form Properties od ponu enih opcija. Label for input je tekst koji se pojavljuje prije tekst polja za traenje. Width in characters je irina tekst polja za pretraivanje. Labels for "Start Search" and "Clear" butons je tekst koji se pojaljuje na dugmadima koja oznaavaju akcije poni pretragu i izbrii sadraj tekst prozora. Kliknite Search Results spremnik da bi ste oblikovali rezultat poslije obavljene pretrage. Date format. Izaberite oblik prikazivanja datuma i vremena prilikom prikazivanja rezultata.

49

Front Page 2000 (sa dopunama za 2003) Display Score prilikom ispisivanja rezultat pretrage prikazuje koliko je blizu pretraga za odre enu stranicu. Vei broj oznaava bolji rezultat. Displaying file date ukljuuje i datum kada je fajl zadnji put modifikovan. Display file size prikazuje veliinu stranice u kilobajtima.

50

Documents

Izrada sajta