Kratko uputstvo izrade Web sajta za FrontPage 2003

1. 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 ponuenih 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. Destinacije Srbije. Pod Page Properties moete zadati zvuk, zatim sliku koja e stajati u pozadini prezentacije, margine Web strane i ostalo Ne bi bilo loe da se u kodu (kada na dnu ekrana odaberete Split), ispod <title> u okviru HTML taga, navedete opis i kljune rei vae prezentacije koje vas prikazuju u itau Weba korisnika. Npr.
<title>Destinacije Srbije</title> <meta name="Description" content="Comprehensive travel and tourism guide for Serbia. Book hotels, package deals and last minute rooms online. Find additional information on towns, regions, weather, events and transports.">

<meta name="Keywords" content="Serbia, Accomodation, apartment, Bike, Camping, Culture, Events, Holidays, Hotels, Leisure, Tourism, Traveling, Trip, Vacation, Villages.">

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 rasporeivanje 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. Dodavanje DHTML efekata View Toolbars DTHML effects npr. ukoliko elimo da se, kada preemo miem preko slike, pojavi druga slika, tada biramo pod Choose an event opciju Mouseover, a pod Apply biramo Swap Picture i zatim eljenu sliku

16. Mapirane slike ubaciti sliku i otvoriti paletu alatki za sliku (Show Picture Toolbar) kada sa palete izaberemo Text, onda unosimo naziv slike npr. Mapa Srbije i Crne Gore odabirom opcije Polygonal Hotspot, iscrtavamo segmente linija pritiskanjem tastera mia. Kada se zavri sa iscrtavanjem, dvaput kliknemo na taster mia pri emu se otvara prozor koji trai da unesemo hyperlink.

na novoj strani kreirajte na primer, uvelianu sliku Crne Gore i dodajte navigaciju na prethodnu stranu

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 pogledate izgled vae prezentacije u itau, neophodno je uvek prvo sauvati izmene, a zatim odabrati File Preview in browser i odabrati verziju browsera (itaa) 4

20. 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