Osnove - Front Page 2000

Definicije

Slijedeće reči se često upotrebljavaju u uputstvu zato ih dobro zapamtite:

• Hyperlink – Tekstualna ili grafička tačka koja vodi na neku drugu stranicu kada se klikne na nju.
• Pixel – Merna jedinica na webu. Jedan pixel je otprilike veličine tačke (.) kod Arial fonta veličine 12 tačaka.
• Shortcut - Prečica meni. Kao kod svih PC programa pozivanje menija prečice se obavlja tako što kliknemo desnim tasterom miša na objekt.
• URL (Univerzal resource locator – Univerzalni lokator resursa) - Adresa web stranice. To je ono što ide poslije "http://" u link polju vašeg browsera.
• Web – Vaše stranice u Front Pageu se u uputstvu označavaju sa Web.

Skica ekrana

Ispod se nalazi dijagram standardne web stranice u Front Pageu. Možete menjati način pogleda tako što mjenjajući različite opcije pod View Option.

Pogledi (Views Option)

• Page view vam daje WYSIWYG (u skraćenica za termin koji znači ono što vidiš je i ono što ćeš dobiti.) uredjivačko okruženje za pravljenje i uređivanje web stranica.
• Folders view prikazuje sve fajlove i direktorije u vašem web-u za lakše upravljanje.
• Reports view indentifikuje probleme sa stranicama i linkovima u web-u uključujući stranice koje se sporo učitavaju, linkove koji ne vode nigde, i druge greške.
• Navigation view prikazuje navigacioni red stranica i omogućuje promenu reda na koji će korisnik vidjeti stranice
• Hyperlinks view omogućuje vam ad organizujete linkove na vašim web stranicama.
• Tasks view obezbijeđuje mjesto za unošenje poslova koje je potrebno da završite 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...

• Izaberite tip weba koji želite da napravite. Obično je najbolje da napravite jednostavni One Page Web (Web od jedne stranice) kojem kasnije možete dodati nove prazne strane po potrebi. Unesi lokaciju za web na mestu za unos označenom sa "Specify the location of the new web:" počinjući adresu weba sa "http://". Ovo je lokacija gde možete pregledati web na svom računaru. Web će morati biti kopiran na javni server kako bi bio dostupan svetu na World Wide Webu (WWW)

• Klikni OK i čekajte da FrontPage završi pravljenje Web-a
• Sada istražite 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 smještati svoju grafiku i fotografije. Nije imperativ da svoje slike i grafike držite u ovom direktoriju ali pomaže da vaš web bude bolje organizovan.
• Kliknite na Reports view da vidite listu izvještaja za stranice. Kako nastavite praviti web ova stranica će biti sve više korisna. Sa ovog mesta, možete identifikovati i ispraviti Broken links (linkove koji ne vode nigde) i ispraviti velike stranice kojima je potrebno mnogo vremena da se učitaju.
• Hyperlinks view služi za upravljanje linkovima na vašim 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, označavajući ih kao kompletirane u Task view.
• Kada ste spremni da postavite svoje stranice na javni Web server kopirajte sadržaj foldera na server.

Pravljenje Web stranice iz šablona (Create Web Page from Teomplate)

FrontPage obezbijeđuje mnogo šablona za pojedinačne stranice koji mogu biti dodati vašem web-u. Pratite slijedeće korake kako biste dodali stranicu iz šablona vašem web-u.

• 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 završen, 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-a

Sve stranice napravljene u FrontPage-u snimite unutar web-a. Ove stranice u svakom slučaju nisu vidljive za nekoga na internetu. Da bi bile vidljive morate kopirati sadržaj celog foldera na mrežu. Objašnjenje kako da postavite web napravljen u FrontPage-u na Internet ćemo dati na kraju ovog uputstva.

Page Properties (Atributi stranice)

Razne atribute stranice mjenjate tako što pristupite atributima stranice birajući File | Properties iz menu bara. Prozor za atribute stranice će vam omogućiti da menjate mnoštvo generalnih atributa, pozadinu stranice, margine, itd...

• General – Pod tabom General jedan atribut koji mora da bude podešen je Title (naslov). Ovo je tekst koji će se pojavljivati iznad menija browsera kada se stranica učita u browser. Background sounds (pozadinski zvuk) nije preporučljiv a opcije design-time kontrolnih skripti ne treba da budu menjane.

• Background (pozadina) – Označite Background picture kocku i izaberite sliku kliknuvši na Browse... dugme kako biste dodali pozadinsku sliku za vašu stranicu.

  Enable hyperlink rollover effect dodaje Cascading Style Sheet stranici što uzrokuje promene na linkovima vaše strane kada pređete mišem 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 suštini boja teksta zavisi od boje pozadine. Ako podesite boje pozadine i teksta u slične ili iste boje tekst će biti teško čitljiv.

  Isto tako možete menjati boje Hyperlinka. Boja hyperlinka je boja pod kojom se pojavljuje hyperlink kada se strana učita. 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 možete brzo dodati, dugmad, grafiku, linkove i oblik vašem webu.

• Otvorite web stranicu i izaberite Format | Theme iz menija ili kliknite desnim tasterom miša na stranici i izaberite Theme... ponuđenog menija.

• 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 moći vidjeti kako tema izgleda.
  • Vivid Colors opcija unapređuje boje na temi
  • Active Graphics će konvertovati navigacionu dugmad u Java applete koji se menjaju kada se pređe mišem preko njih.
  • Background picture uključuje pozadinsku sliku na stranicu. Deselektujte kocku ako želite čistu pozadinu.
  • Apply using CSS će dodati atribute za style sheet.
• Kliknite OK kada ste izabrali i podesili temu.

Uklanjanje šablona

Da uklonite šablon sa stranice pošto 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.

Dio II