upustvo za ucenike fronpage 2003

31
Svojstva stranice Postoji pravilo da sve stranice imaju odredjena svojstva koja se podesavaju tako da se iz menija File odabere opcija Page Properities. Otvorice se okvir za dijalog u kojem u polju Title morate upisati naziv stranice (ne ime datoteke), a bitno je i da u polju HTML encoding u obje rubrike postavite opciju Central European kako bi srpskohrvatski dijakriticni znakovi bili automatski prepoznati na Webu. Paleta DHTML Effects Na ovoj paleti nalaze se komande za animaciju. Mogu da se animiraju tekst, grafika ili elementi tabele tako da odgovaraju na različite korisničke komande. Ime Funkcija On Definiše se kriterijum pod kojim se izvršava animacija. Apply Omogućava se izbor vrste efekta animacuje koji se primenjuje na tekst, slike itd. <Choose Settings> Dalje se formatira efekat animacije koji je izabran. Ne mogu svi efekti animacije da se koriste sa ovim menijem. Tabela Paleta DHTML Effects Paleta Navigation Paleta Navigation pomaže u navigaciji kroz sajt. Ako želite, možete lako da ovećate strukturu koju koristite za navigaciju (način na koji su strane organizovane u odnosu na glavnu stranu), možete da promenite osobine strane, dodate posebne strane ili podesite opcije za prikazivanje.

Upload: milos-spasic-zoki

Post on 06-Aug-2015

41 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Upustvo Za Ucenike Fronpage 2003

Svojstva stranicePostoji pravilo da sve stranice imaju odredjena svojstva koja se podesavaju tako da se iz menija File odabere opcija Page Properities. Otvorice se okvir za dijalog u kojem u polju Title morate upisati naziv stranice (ne ime datoteke), a bitno je i da u polju HTML encoding u obje rubrike postavite opciju Central European kako bi srpskohrvatski dijakriticni znakovi bili automatski prepoznati na Webu.

Paleta DHTML EffectsNa ovoj paleti nalaze se komande za animaciju. Mogu da se animiraju tekst, grafika ili elementi tabele tako da odgovaraju na različite korisničke komande.

Ime Funkcija On Definiše se kriterijum pod kojim se izvršava animacija.Apply Omogućava se izbor vrste efekta animacuje koji se primenjuje na tekst, slike itd.<Choose Settings> Dalje se formatira efekat animacije koji je izabran. Ne mogu svi efekti animacije da se

koriste sa ovim menijem.

Tabela Paleta DHTML Effects

Paleta NavigationPaleta Navigation pomaže u navigaciji kroz sajt. Ako želite, možete lako da ovećate strukturu koju koristite za navigaciju (način na koji su strane organizovane u odnosu na glavnu stranu), možete da promenite osobine strane, dodate posebne strane ili podesite opcije za prikazivanje.

Slika Paleta Navigation

Paleta PositioningOva paleta omogućava da podešavate, sa peciznošću na nivou piksela, mesto gde će se postaviti tekst, slike ili neki drugi objekti.

Slika Paleta Positionig

Page 2: Upustvo Za Ucenike Fronpage 2003

Paleta ReportingPaleta Reporting koristi se za generisnje snimka celog sajta. Na osnovu tog snimka možete da nanete informacije o tome koliko prostora sajt zauzima, do toga koliko linija prekida postoji na sajtu.

Paleta StylePaleta Style koristi se za prilagonavanje stilova dokumenta. Stilovi dokumenta mogu da se kreću od boje teksta pa do širine tabele.

Slika Paleta Style

Upotreba panoaPanoi su nova osobina FrontPagea. Oni pojednostavljuju neke opšte poslove tako da se mogu obaviti pomoću nekoliko klikova mišem. Dva panoa koja možete koristiti su Navigation i Task. Ova dva panoa možete videti ako izaberete opcije View → Task Pane ili View →Navigation Pane.

Planiranje i organizovanje web sajtaStruktura web sajtaSvi web sajtovi sadrže naslovnu stranu (home page). To je prva strana koju posetioci vide kada posete sajt. Ispod naslovne postoji nekoliko strana, koje dalje mogu da imaju svoje podstrane.FrontPage WebJedna od najvažnijih osobina FrontPagea je FrontPage Web. FrontPage Web je direktorijum u kome se alazi ceo sajt. Unutar FrontPage Weba možete da dodajete datoteke, kreirate direktorijume, premeštate datoteke i oavljate ostale osnovne poslove.Kreiranje FrontPage Weba1. Sa linije menija izaberite File → New → Page or Web. Kada jednom izberete ovu opciju, sa desne strane prozoraFrontPagea pojaviće se pano Task. U delu Section panoa Task izaberite Empty Web.2. Tada će se otvoriti prozor Web Site Templates. Sa desne strane ovog prozora, U polju Specify the location of the new web, možete da izaberete lokaciju na kojoj treba da se nalazi web sajt. Kada jednom izaberete lokaciju, dva puta kliknite ikonu Empty Web, sa leve strane.

Slika Prozor Web Site Templates3. Zatim će se zatvoriti prozor Web Site Template i FrontPageu će biti potrebno nekoliko sekundi da kreira potrebnedirektorijume i datoteke, koje možete pogledati ako kliknete View → Folders.

Page 3: Upustvo Za Ucenike Fronpage 2003

Kreiranje stranaDesnim tasterom miša kliknite negde u Folders View, ali tako da to nije direktorijum ili datoteka. Otvoriće se pomoćni meni. iz njega izaberite opciju New → Page. Kreirana strana je prva strana na web sajtu i ona će dobiti ime index.htm.

Kreiranje direktorijumaDesnim tasterom miša izaberite prazno mesto u prikazu View, a onda izaberite New→Folder. Kreiraće se novi direktorijum, kome možete promeniti ime.Uvoz datoteka, direktorijuma i web sajtova u web sajtU FrontPage mogu da se uvoze različite datoteke, kao što su datoteke sa slikama, zvukom, videom, dokumentima i sl. Ako želite da uvezete datoteku ili direktorijum, treba da uradite sledeće: Izaberite File → Import. Otvoriće se prozor Import.

Slika Uvoz datotekaDugme Add File omogućava uvoz datoteka u web sajt. Dugme Add Folder omogućava uvoz direktorijuma, sa kojim će biti dodate i sve datoteke koje se nalaze u njemu. Najefikasniji način za uvoz datoteka i direktorijuma jeste da u tekući FrontPage Web uvezete ceo drugi FrontPage Web.Dugme From Web u prozoru Import ima ovu funkciju.Upotreba šablona za web sajtoveFrontPage ima nekoliko unapred definisanih šablona koje možete da menjate i koristite. Šabloni FrontPagea omogućavaju da kreirate korisnički formatiran web sajt. Neki web šabloni sa slikama već su podešeni za sajt koji kreirate. Većina ovih šablona odnosi se na kreiranje novog sajta, a neki od njih imaju i čarobnjake koji vodekorisnika kroz kreiranje sajta. Šabloni se mogu izabrati iz prozora Web Site Templates do koga se dolazi preko opcije Web Site Templates u panou Task.Upotreba šablona za straneŠabloni strana su, u osnovi, isti kao šabloni za web sajtove, osim što pomoću njih nastaju web strane, a ne web sajtovi. Šabloni strana se intenzivno koriste za pojednostavljenje poslova koji se ponavljaju, čime se omogućava da se koncentrišete samo na sadržaj, dok se šabloni brinu o rasporedu ili potrebnom programiranju. Iako upotrebašablona za strane nije obavezna, lakše je da, na primer, modifikujete šablon sa foto-galerijom nego da ručno kreirate foto-galeriju. Šabloni se mogu izabrati iz prozora Page Templates, do koga se dolazi preko opcije Page Templates u panou Task.

Kreiranje web sajtaOsnove HTML-aHTML je nastao 1989. godine, kao jezik za generisanje tekstualnih dokumenata za World Wide Web. Od tada je HTML doživeo mnoge nove verzije. Danas ima mogućnosti da podrži slike, zvuk, stilove i još mnogo toga. Kada kreirate nešto u FrontPageu, ako želite, možete da pogledate HTML kod. Ovo ćete uraditi tako što ćete izabrati dugme koje se nalazi u donjem levom uglu ekrana. FrontPage kreira HTML datoteke sa ekstenzijom .htm, dok drugiprogrami i HTML strane koje kreiraju pojedinci imaju ekstenziju .html. Nema razlike izmenu datoteka sa ekstenzijom .htm i .html. Pretraživači prepoznaju obe vrste datoteka kao HTML dokumete.

Page 4: Upustvo Za Ucenike Fronpage 2003

Slika HTML kod koji je kreiran u FrontPageuHTML oznakeOznake (tagovi) koriste se u HTML-u za označavanje delova koda. Uvek dolaze u parovima. Postoji oznaka za početak (otvaranje) I oznaka za kraj (zatvaranje). Na primer, ako želite da dodate oznaku koja će prikazati tekst kao italic, prvo treba da je otvorite pomoću oznake <i>. Posle toga možete da dodate oznaku za zatvaranje, ilitekst koji treba da bude formatiran na taj način. Oznaka za zatvaranje je ista kao i oznaka za otvaranje, s tom razlikom što joj prethodi kosa crta (/). Tako bi oznaka za zatvaranje oznake italic bila </i>.

Slika Primer korišćenja oznake italicHTML atributiAtributi HTML-a su karakteristike objekata koje možete da podešavate.

Slika Atributi se uvek stavljaju izmenu oznaka za otvaranje i zatvaranjeAtributi u prethodnom tekstu su boja (colour) i font (face). FrontPage piše ove oznake dok kreirate i uređujete dokument. Ako želite da pogledate kako se HTML odrenenog dokumenta menja tokom rada, onda u toku rada povremeno kliknite karticu HTML u donjem levom uglu prozora.Dodavanje i formatiranje tekstaTekst predstavlja pisani sadržaj web sajta, uključujući i zaglavlja, telo teksta, fusnote i sl.Tekst se dodaje jednostavnim klikom u dokument I otkucavanjem željenih reči. Tekst možete da dodajete, brišete I radite sa njim sve ostalo što možete da radite u klasičnim programima za obradu teksta. Font podrazumeva skup karaktera istog izgleda, stila, i debljine slova. Izgled se odnosi na oblik slova, a font predstavljaju svi karakteri koji postoje u određenom konkretnom stilu.Promena fontovaPromena fontova se vrši na paleti Formatting, klikom na strelicu sa desne strane padajuće liste Format.

Page 5: Upustvo Za Ucenike Fronpage 2003

Slika Promena fontovaPromena veličine fontaPostoje dva načina za promenu veličine fonta za neki deo teksta: pomoću padajuće liste Font Size i pomoću ikona Increase Font Size (A) i Decrease Font Size (A). Metod ikone je dobar za brzo povećanje i smanjenje veličine fonta, ali samo za 1 point. Promena boje fontaBoja fonta se može promeniti pomoću ikone Font Color. Iz padajuće liste se mogu izabrati neke od standardnih ili korisničkih boja. Na dnu menija se nalazi opcija More Colors sa novim bojama koje se mogu upotrebiti. Ona sadrži opciju Custom koja otvara prozor Custom Color u kome se može izabrati boja klikom u polje sa bojama.Umetanje preloma redaAko u FrontPageu dva puta uzastopno pritisnete ENTER, možete da kucate ponovo posle preskočenog reda. Ovo se naziva hard return (čvrsti prekid). Za razliku od toga, možete i da dodate prelom reda tako da naredni red teksta počinje vrlo blizu prethodnog. Ovo je poznato pod imenom soft return (mekani prekid) i radi se kadapritisnete kombinaciju tastera SHIFT-ENTER.Prozor FontU prozoru Font nalaze se naprednije opcije za upotrebu fontova. Tu se nalazi kartica Font, koja omogućava da podešavate font, i kartica Character Spacing, koja omogućava da podešavate razmak izmenu karaktera i poravnanje teksta. Do prozora Font možete doći ako izaberete Format → Font.

Slika Prozor Font

Page 6: Upustvo Za Ucenike Fronpage 2003

HiperlinkoviHiperlinkovi su linkovi koji vode sa strane na stranu i sa sajta na sajt. Ako ne bi bilo hiperlinkova, za svaku stranu bi smo morali ručno unositi Uniform Resource Locator (URL). Kada kliknete hiperlink, on šalje poruku do web servera i zahteva od njega da pretraživaču pošalje dodatnu stranu i datoteke. Hiperlinkovi se mogu primeniti i na druge elemente osim teksta, kao što su video, slike, tabele i sl. Povezivanje sa drugim stranama pomoću hiperlinkaPovezivanje se vrši tako što izaberemo ono što želimo da nam bude hiperlink (tekst, video, slika, tabela...), a zatim pokrenemo prozorInsert Hyperlink. Ovo možete da uradite na jedan od sledeća dva načina:1.Desnim tasterom miša kliknite izabrane reči i izaberite komandu Hyperlink2. Sa palete Standard izaberite ikonu Insert Hyperlink. Otvoriće se prozor Insert Hyperlink:

Slika Opcija Hyperlink

U prozoru Insert Hyperlink, u glavnom meniju, možete izabrati hiperlink, ili u polju Address na dnu prozora, možete otkucati adresu. Stavka na strani obojena plavom bojom ukazuje na to da je tekst aktiviran link koji može da se izabere. Pomoću komande Preview možete pogledati kako radi hiperlink, ali tada nećete moći da menjate stranu ili da dodajete nešto na nju.

Slika Komanda PreviewPovezivanje sa novim prozorom pomoću hiperlinkaPovezivanje sa novim prozorom se vrši tako što u prozoru Insert Hyperlink unesemo ime ili potražimo željenu datoteku i pre nego što izaberemo OK, kliknemo dugme Target Frame koje se nalazi sa desne strane prozora. U prozoru Target Frame, u polju Common targets, izaberemo New Window.Povezivanje sa e-mail adresom pomoću hiperlinkaPovezivanje sa e-mail adresom se vrši tako što u prozoru Insert Hyperlink izaberemo opciju E-mail Adress iz liste Link to list sa leve strane prozora. U polje E-mail address možemo otkucati e-mail adresu, a u polju Subject zaglavlje poruke.Hiperlink na oznakuKreiranje hiperlinka na drugi deo istog dokumenta, tzv. Oznaku (bookmark) sastoji se iz dva dela. Prvo se kreira oznaka tog drugog mesta, a onda se kreira link koji vodi do te oznake. Oznaku možemo kreirati tako što ćemo izabrati Insert → Bookmark U polje Bookmark name unećemo ime. U tekstu će se pojaviti znak koji predstavlja tuoznku. Kada se prikaže strana, oznaka se neće pojaviti.

Slika Oznaka BookmarkLink kreiramo tako što izaberemo tekst i pokrenemo prozor Insert Hyperlink. U prozoru Insert Hyperlink izaberemo opciju Place in This Document., a zatim u polju Select a place in this document izaberemo željenu oznaku.

Page 7: Upustvo Za Ucenike Fronpage 2003

Slika Opcija Insert HyperlinkSaveti na ekranuKada iznad hiperlinka postavite pokazivač miša, može se prikazati mali pravougaonik sa dodatnim informacijama koje se odnose na hiperlink iznad kojeg se pokazivač nalazi. Ovaj mali prozor i njegov sadržaj se nazivaju savetima na ekranu (screen tips). Saveti na ekranu se mogu pisti i menjati u prozoru Set Hyperlink ScreenTip upolju ScreenTip text. Do tog prozora možemo doći, ako u prozoru Insert Hyperlink izaberemo dugme ScreenTip.

Slika Saveti na ekranu

Kreiranje novih dokumenataZa kreiranje hiperlinka na stranu koja još nije kreirana upotrebljava se komanda Create New Document koja se nalazi u prozoru Insert Hyperlink.

Slika Komunikacioni prozor Insert HyperlinkIme dokumenta se kuca u polju Name of new document. Ako želimo da kasnije otvorimo novi dokument, možemo izabrati opciju Edit the new document later, a ako želimo da otvorimo novi dokument odmah posle kreiranja , možemo izabrati opciju Edit the new document now.Povezivanje preko hiperlinka sa drugim web stranamaDa bi ste postavili hiperlink na drugu web stranu na World Wide Webu, u gornjem desnom uglu prozora Insert Hyperlink kliknite ikonu Browse the Web.

Page 8: Upustvo Za Ucenike Fronpage 2003

Slika Opcija Browse the WebTime ćete pokrenuti svoj pretraživač i u njemu pronaći stranu na koju želite da postavite link. Adresa koju ste izabrali biće automatski dodata u polje Address prozora Insert Hyperlink.100Upotreba slika na web stranamaSa pojavom prvih pretraživača (browsera) koji su mogli da prikazuju I grafiku, World Wide Web više nije bio isti. Prelaz sa web sajtova zasnovanih samo na tekstu na web sajtove sa slikama osnovni je faktor u rastu popularnosti Interneta. FrontPage ne samo da podržava umetanje slika u dokumente, već omogućava i jednostavno uređivanje tih slika.Umetanje i modifikacija slikaSlike se u dokument mogu ubaciti pomoću ikone Insert Picture From File koja se nalazi na paleti Standard.Iako FrontPage nije tako moćan kao glavni softverski paket za uređivanje slika, on ima neke alate koji se lako koriste. Uređivanje slika vrši se preko palete Pictures koju možemo prikazati ako izaberemo View → Toolbars → Pictures.

Umetanje i modifikacija slika kao pozadineSlike se mogu ubaciti kao pozadina ako desnim tasterom miša kliknemo negde na strani i izaberemo komandu Page Properties. Otvoriće se prozor Page Properties. Na kartici Background trebamo potvrditi polje Background picture i kliknuti dugme Browse sa desne strane praznog polja.

Slika Opcija Page PropertiesSlike u pozadini kao vodeni žigovi Vodeni žig se od neke slike pravi tako da ne može da se menjapozicija te slike, čak i kada se krećete kroz stranu. Kada se strana pokreće, i slika se kreće zajedno sa njom. Osim ako je u pitanju neki obrazac koji se ponavlja u pozadini ili ako je slika zaista velika, slika u pozadini se ponavlja. Na mestima na kojima se slika ponavlja često dolazi do pojave linije koja jasno označava mesto gde se jedna slikazavršava, a druga počinje. Ta linija često narušava izgled strane I može se izbeći ako sliku u pozadini zadate kao vodeni žig. To nam omogućava polje Watermark koje se nalazi na kartici Background prozora Page Properties.

Page 9: Upustvo Za Ucenike Fronpage 2003

Umetanje boje pozadineBoja se umesto slike kao pozadine ubacuje pomoću padajuće liste Background u kojoj možemo izabrati boju koju želimo. Ova lista se nalazi u delu Colors kartice Background koja se nalazi u prozoru Page Properties.Upotreba clip art sličicaFrontPage nudi neke besplatne slike koje nazivamo clip art. Ove slike mogu da variraju od jednostavnih linija i strelica, do crteža hrane, životinja, simbola itd. Njih možemo ubaciti ako sa linije menija izaberemo opciju Insert → Picture → Clip Art. Na dnu panoa Clip Art , u odeljku See also, postoji komanda Clip Organizer. Ako želite da pretražite clip art slike, u polju Search otkucajte neku reč. Posle toga kliknite dugme Search, a Clip Organizer će prikazati slike koje odgovaraju uslovu pretraživanja.Crtanje i upotreba multimedijePojavom web tehnologije Vector Markup Language (VML), programeri su bili u stanju da direktno crtaju linije i oblike korišćenjem matematičkih konverzija u HTML kodu. Uvedena je i podrška za slike I datoteke koje se automatski kreiraju i pamte. FrontPage omogućava da crtate linije i oblike, a da pri tome ne morate da poznajete VML. Pošto je VML deo HTML koda, FrontPage piše sav potreban VML kod u pozadini linija i oblika koje crtate. Najbolje od svega je što FrontPage omogućava da crtate trodimenzionalne oblike sa brojnim prilagonavanjima.Za crtanje se koristi paleta Drawing koju ćete prikazati ako izaberete View → Toolbars → Drawing.Upotreba zvukaPostavljanje zvuka na sajt može imati i svoje prednosti, ali i svoje mane. Kratki zvučni zapisi mogu zabaviti posetioce, mada u većini slučajeva ovo treba pažljivo koristiti. Nedostaci upotrebe zvuka su:povećava se vreme učitavanja stane;posetioci mogu da reše da ne čitaju informacije koje se nalaze na sajtu;neki zvuci se možda neće dobro reprodukovati na računaru posetilacaAko želite da na svoj sajt postavite zvuk desnim tasterom miša izaberite prazan deo strane i izaberite komandu General. Na kartici General u oblasti označenoj kao „Background sound“, nalazi se dugme Browse pomoću koga možete naći datoteku koju želite da ubacite.

Slika Background soundZa muziku u pozadini mogu se koristiti bilo koji zvučni formati. Najviše se koriste Audio Interchange File Format (AIFF), Wave (WAV), Musical Instrument Digital Interface (MIDI), MPEG Audio Layer-3 (MP3) itd. Za zvuk u pozadini preporučuju se MIDI datoteke zbog manje veličine. Razlika izmenu zvuka u pozadini i regularnog zvuka je u tome što zvuk u pozadini nemožete da kontrolišete. Po podrazumevanom podešavanju, FrontPage ostavlja muziku da svira sve dok posetioci ne napuste stranu. Ako želite da podesite broj koliko puta muzika treba da se izvede, deselektujte polje Forever u delu Background sound i u polju Loop koje se nalazi sa leve strane polja Forever unesite broj koji odrenuje koliko puta muzika treba da se ponavlja.Upotreba videaKako raste broj korisnika Interneta, sve veći broj sajtova koristi video za privlačenje i informisanje posetilaca. Front page omogućava da na stranama koristite video, a da ne morate da koristite neki drugi program. Ako želite da ubacite video stranu, sa palete Standard izaberite Insert → Picture → Video. Možete da podesite koliko dugo video treba da se prikazuje. Po standardnom podešavanju , video se prikazuje automatski kada se strana prikaže u pretraživaču i prikazuje se samo jednom. Ako želite da promenite broj prikazivanja tako da se video prikazuje kada se iznadnjega postavi miš desnim tasterom miša kliknite video I iz pomoćnog menija izaberite Picture Properties. Iz prozora Picture Properties izaberite opciju On mouse over koja se nalazi u oblasti Start. Kao što se može podešavati broj reprodukovanja zvuka, tako se može podesiti i broj prikazivanja videa. To se radi u prozoru Picture Properties u delu pod nazivom “Repeat”. U tom delu postoji polje Loop. Ovo polje odrenuje broj koliko puta će se prikazati video. Polje Loop delay odrenuje broj milisekundi izmenu ponavljanja videa.

Slika Prozor Picture Properties

Page 10: Upustvo Za Ucenike Fronpage 2003

Upotreba tabelaProblem sa kojim se većina web programera suočavala u ranijim verzijama HTML-a jesu teškoće u organizovanju sadržaja njihovih strana. Kombinovanje teksta, slika i drugih objekata u istom redu bilo je vrlo teško izvesti. Pojava tabela u HTML-u dala je programerima više kontrole nad postavljanjem sadržaja na stranama. FrontPage omogućava da intenzivno koristite tabele, a daje i punu kontrolu nad atributima tabela, kao što su boja i stil. Takone postoji mogućnost da uređujete i pojedine delove (ćelije) tabele. Paleta Tables omogućava da brzo i lako pristupite svim glavnim funkcijama vezanim za tabele. Paleti Tables možete da pristupite ako izaberete View → Toolbars → Tables.Upotreba frejmovaFrejmovi omogućavaju kreiranje linkova koji ažuriraju delove strane, dok preostali delovi ostaju nepromenjeni. Oni omogućavaju da u istom prozoru u istom trenutku vidite dve HTML strane ili više njih. Sa frejmovima, kada kliknete link, učitava se samo deo strane. Skup frejmova (frameset) jeste skup nekoliko HTML strana koje su upretraživaču prikazane u istom trenutku. Kada pogledate sajt sa frejmovima, ne vidite stranu skupa frejmova. Ona sadrži samo HTML kod. ono što vidite su strane koje se nalaze u tom skupu frejmova.Kreiranje frejmovaU FrontPageu otvorite novi dokument. Frejmove možete kreirati ako izaberete File → New → Page or Web. Tada će se sa desne strane prozora pojaviti pano Task. U njemu izaberite komandu za Page Templates. Otvoriće se istoimeni prozor. Na vrhu ovog prozora izaberite karticu Frame Pages.

Slika Page TemplatesMožete izabrati bilo kojih od šablona u kartici Frame Pages.i u prikazu Preview videti kako vaša strana može da izgleda. Nakon toga kliknite OK. Svaki od frejmova sadrži dva dugmeta: Set Initial Page (otvara se prozor Insert Hyperlink u kome možete pronaći datoteku koju želite da postavite u frejm) i New Page (prikazuju se frejmovi sa belom pozadinom). Ako želite, možete da obrišete ili spojite frejmove izborom opcije Frame / Split Frame ili Delete Frame iz menija.Formatiranje frejmovaFrontPage omogućava modifikaciju karakteristika frejmova, od podešavanja granica do podešavanja margina. To se radi u prozoru Frame Properties do koga možemo doći ako desnim tasterom miša kliknemo u željeni frejm.

Page 11: Upustvo Za Ucenike Fronpage 2003

Slika Formatiranje frejmova

Sledi lista opcija koje postoje u prozoru Frame Properties, zajedno sa kratkim opisom njihovih funkcija:Name Ime koje FrontPage daje frejmu. Možete da promenite ime, ali treba da znate to novo ime kaa pravitehiperlink.Initial page Ime datoteke koju trenutno gledate.Column width Frejmovi mogu da sadrže kolone. U frejmovima, kolona je vertikalni frejm koji ide do dna strane.Na ovom mestu možete da podešavate širinu kolone frejmova.Height U ovom polju možete da otkucate broj koji određuje koliko frejm treba da bude visok. Vrednost možeteda unesete u pikselima, u procentima ili možete da unesete relativnu vrednost. Relativna vrednost je broj koji menjaveličinu frejma u relaciji sa drugim frejmovima koji se trenutno nalaze u skupu frejmova.Width To je horizontalno rastojanje koje odvaja sadržaj frejma od granice HTML strane.Height To je vertiklno rastojanje koje odvaja informacije u frejmu od granica HTML strane.Resizable in browser Kada je ovo polje potvrneno, posetioci mogu da menjaju veličinu svakog frejma. Preporučuje se da ovo polje ne bude potvrneno, jer u slučaju da posetilac menja veličinu frejma, može da se desi da se poremeti opšti izgled sajta.Show scrollbars U ovom meniju možete da odlučite da li želite ili neželite da se prikazuju klizači. Generalno, za gornje frejmove, koji mogu da sadrže malo informacija, ova vrednost bi trebalo da bude podešena na Never. Za frejmove koji imaju dosta sadržaja trebalo bi da se koristi ili Needed ili Always. Ne podržavaju svi pretraživači upotrebu frejmova. Ako na sajtu koristite frejmove, a posetilac koristi pretraživač koji ih ne podržava, njemu će e prikazati poruka da ta strana ne može da se prikaže u pretraživaču. Ako želite da sami definišete poruku koja se prikazuje, kliknite komandu No Frames na dnu prozora.Uređivanje strana sa frejmovimaIako se strane koje se nalaze u frejmu prikazuju u FrontPageu u istom tranutku, ipak svaka od njih može posebno da se uređuje. Na te strane možete da dodajete tekst, ubacujete slike, tabele i možete da radite na njima sve drugo što možete i na običnoj HTML strani.Deoba i brisanje frejmovaPonekad će te poželeti da, posle kreiranja frejmova, podelite ili izbrišete neki frejm. Ako želite da podelite frejm na dva nivoa, izaberite željeni frejm, a zatim izaberite Frames → Split frame. U prozoru Split Frame koji se otvara, možete da izaberete da li frejm treba da se deli u kolone ili redove, a takone možete da definišete da li želite da kreirate novu stranu ili da podesite inicijalnu stranu. Procedura za brisanje frejma slična je proceduri za deobu frejmova. Izaberite frejm koji cželite da bude obrisan, tako što će te ga kliknuti levim tasterom miša. Posle toga izaberite Frames → Delete Frame. Tada će izabrani frejm biti obrisan.Povezivanje frejmova hiperlinkomNajbolji deo u korišćenju frejmova je to što delovi strane mogu da ostanu statički dok se ostali delovi menjaju. Ako želite da dodate hiperlink za neki frejm izaberite željene reči i kliknite ikonu Insert Hyperlink na paleti Standard. U prozoru Edit Hyperlink koji se otvara otkucajte ime datoteke sa kojom želite da se povežete, a zatim kliknite dugme Target Frame. Otvoriće se prozor Target Frame.

Page 12: Upustvo Za Ucenike Fronpage 2003

Slika Target FrameU prozoru Target Frame videćete grafičku prezentaciju trenutnog skupa frejmova. Ovo je dato u oblasti Current frames. Kada izaberete željeni frejm, ta oblast će biti obojena plavom bojom, a u polju Target setting pojaviće se ime tog frejma.Inline frejmoviInline frejmovi su kao i obični frejmovi, osim što se mogu postaviti bilo gde na web sajtu. Za razliku od običnih frejmova koji zauzimaju ceo red ili celu kolonu na ekranu, inline frejmovi zauzimaju vrlo malo prostora – čak mogu da se postave u tabele. Njih možemo da kreiramo ako izaberemo Insert → Inline Frame sa linije menija.Kreiranje listaZa prikazivanje informacija na organizovan način, sa određenom strukturom, najviše se koriste liste. Liste su važan element za privlačenje pažnje posetilaca. Iako tabele omogućavaju da lakše organizujete informacije, liste su korisne za isticanje manjih delova informacija. FrontPage omogućava da lako kreirate i formatirate liste. U njemumožete da kreirate tri tipa liste:uređene liste,liste sa oznakama,liste koje mogu da se zatvaraju.Ikone koje se koriste za rad sa listama nalaze se na paleti Formatting. To su ikone: Numbering (kreira se lista u kojoj su stavke označene brojevima), Bullets (Kreira se lista sa oznakama), Decrease Indent (Smanjuje se uvlačenje liste), Increase Indent (Povećeva se uvlačenje liste). Uređene liste su organizovane na hijerarhijski način, odnosno oneprate neki obrazac, pri čemu se koriste brojevi ili slova.Modifikacija i postavljanje preko mrežeKada se u FrontPageu kreira nova HTML strana, postoje izvesne karakteristike koje se dodaju automatski, ali postoje i osobine koje se mogu i promeniti.Dodavanje naslovaNaslov neke strane jeste tekst koji se prikazuje na vrhu prozora pretraživača. Većina web sajtova koji se posećuju na Internetu ima naslove koji omogućavaju da se brzo shvati na šta se sajt odnosi. Naslov obično sadrži ime sajta, slogan itd. Naslov možemo dodati ako desnim tasterom miša kliknemo u dokument i iz pomoćnog menija izaberemo komandu Page Properties. U prozoru Page Properties, u polju Title možemo otkucati naslov.Podešavanje boje hiperlinkaKada se dodaje hiperlink na neki tekst, koristi se podrazumevana boja (plava). Podrazumevana boja linka koji je već upotrebljen je purpurna, a podrazumevana boja aktivnog linka je crvena. Postoji mogućnost podešavanja boje hiperlinka. Ovo može da se uradi preko menija za podešavanje fontova na paleti Formatting, ali se tu ne može promeniti boja za aktivan hiperlink i onaj okji je već posećen. Boja linka se menja uz pomoć prozora Page Properties. Ovaj prozor sadrži karticu Background u kojoj se nalaze tri padajuća menija sa bojama: Hyperlink (podešava se boja hiperlinka na strani), Visited Hyperlink (podešava se boja hiperlinka koji je već iskorišćen) iActive Hyperlink (Podešava se boja hiperlinka koji je već izabran ili aktivan).

Page 13: Upustvo Za Ucenike Fronpage 2003

Publikovanje sajtaDa bi ljudi širom sveta mogli da posete sajt, taj sajt mora da ima postavljene datoteke na web server. Web server je računar koji je povezan sa Internetom. Web domaćin (host) jeste preduzeće ili pojedinac kome se plaća da održava web server. Web host ne mora da bude lociran negde blizu. Većina ažuriranja se može uraditi preko Interneta, tako da server može da bude lociran bilo gde.Postavljanje sajta na web serverSajt možemo postaviti na web server ako otvorimo FrontPage Web, a potom izaberemo File → Publish Web. Tada će se otvoriti prozor Publish Destination. U polje Enter publish destination unosi se adresa web servera. Adresa web servera je ime domena ili jedinstvena adresa domaćina.

Slika Postavljanje sajta na Server - PublishZatim će se zatražiti da se unese korisničko ime i lozinka u polje Enter Network Password, zbog provere dozvole rada na web serveru. Kada se korisničko ime i lozinka prihvate, otvoriće se prozor Publish Web. U ovom prozoru se nalaze sve datoteke koje sadrži FrontPage Web, a koje treba da se publikuju. Klikom na dugme Publish završavase prebacivanje datoteka. Prikazaće se linija progresa na kojoj se može pratit napredak prebacivanja. Pošto su sve datoteke prebačene na novu lokaciju pojaviće se prozor sa potvrdom.Promena opcija publikovanjaU prozoru Publish Web nalazi se dugme Options koje aktivira prozor Options. U tom prozoru se nalazi kartica Publish u kojoj se nalaze opcije vezane za promenu opcija publikovanja. U narednoj listi su opisane opcije koje se nalaze u kartici Publish prozora Options:Changed pages only Ako je ova opcija potvrđena, onda će se publikovati samo one strane sa diska koje supromenjene do poslednjeg publikovanja.All Pages, Overwriting pages already on destination Kada je ova opcija potvrđena, prebacuju se sve datoteke,bez obzira na to da li su menjane od poslednjeg publikovanja ili ne.Determine changes by comparing source and destination webs Ako je ova opcija potvrđena, upoređuju se datoteke na disku i na serveru.Use source file timestamps to determine changes since last publish Ako je ova opcija izabrana, proveravaju sepromene na osnovu vremena kada je računar zapisivao datoteku. Ovo vreme se menja svaki put kada se datotekamenja. Ako je to vreme na disku isto kao vreme na serveru, onda ta datoteka ne treba da se ažurira. Ako je vremerazličito, onda se datoteka prebacuje.Lag changes during publish Kada se menjaju datoteke I direktorijumi ili se postavljaju na server, korisničko ime,vreme pristupa i ostale informacije čuvaju se u datoteci. Ovo polje se odnosi na uključivanje i isključivanje zapisivanja informacija kada se datoteka publikuje.Upotreba prikaza ReportsFrontPage ima nekoliko načina da pomogne u upravljanju I održavanju sajta. Prikaz Reports nudi važne informacije u vezi sa upotrebom prostora, hiperlink datotekama itd. Ako želimo pristupiti izveštaju za svoj sajt, trebamo izabrati View → Reports → Site Summary ili izabrati paletu Reporting izborom komande View → Toolbars → Reporting. U zavisnosti od toga koliko datoteka ima na serveru, proces može potrajati nekoliko sekundi ili nekoliko minuta.Ako izaberemo stavku All files, otvara se prikaz All Files u kome su prikazane datoteke koje se trenutno nalaze u FrontPage Webu. Prikaz Unlinked Files vrlo je sličan prikazu All Files, osim što se u njemu prikazuju samo one datoteke koje nisu povezane linkom sa drugim stranama. FrontPage ne koristi datoteke koje se prikazuju u ovom prikazu, i one verovatno samo nepotrebno zauzimaju proctor na disku Prikaz Slow Pages prikazuje detaljnu listu

Page 14: Upustvo Za Ucenike Fronpage 2003

strana i datoteka koje se duže prebacuju. Ovi podaci se odose na standardnu vezu od 28,8K. Vreme prebacivanja ne samo da se odnosi na aktuelnu HTML stranu, već se odnosi i na datoteke za podršku, kao što su slike, zvuk,animacije i sve drugo što treba da se prebaci radi prikazivanja na strain Datoteke se u FrontPageu smatraju starim ako su kreirane i nisu menjane više od 72 dana. Prikaz Older Files je koristan da bi se videlo da li treba da se ažuriraju ili modifikuju neke informacije.Prikaz Recently Added Files obezbeđuje Centralnu lokaciju sa koje se mogu videti sve datoteke koje su u skorije vreme ubačene na FrontPage Web.Ovde su prikazane datoteke koje su kreirane u poslednjih 30 dana.U prikazu Hyperlinks su dati svi hiperlinkovi koji trenutno postoje na webu, kao i lokacije na kojima se nalaze datoteke sa hiperlinkovima. FrontPage prepoznaje hiperlinkove preko hiperlinkova koji se nalaze na strani. Ponekad se dešava da se doda hiperlink na datoteke ili objekte koje FrontPage ne može da prepozna. Ovo se dešava kadahiperlink vodi na strane koje se dinamiči kreiraju, strane koje se ne nelaze na sajtu, ili strane na kojima su potrebne dodatne informacije da bi hiperlink mogao da radi. Kada FrontPage ne može da prepozna hiperlink, te adrese se prikazuju u prikazu Unverified Hyperlinks. Prekinuti hiperlinkovi (Broken Hyperlinks) su hiperlinkovi za koje je FrontPage utvrdio da vode na strane koje više ne postoje. To mogu biti linkovi na slike koje više ne postoje, skriptove koji više ne rade, na druge HTML strane itd. FrontPage često automatski menja hiperlinkove tako da se ažurira lokacija na koju on vodi.Prikaz External Hyperlinks daje informacije o hiperlinkovima koji vode na datoteke koje su izvan FronPage Weba.Prikaz Internal Hyperlinks daje informacije o hiperlinkovima koji vode na datoteke koje se nalaze u FrontPage Webu.U prikazu Component Errors daju se informacije o stranama sa greškama u odnosu na komponente FrontPagea. Komponente FrontPagea su mali programi koji automatizuju dosadne poslove koji postoje na sajtu.U FrontPageu postoji mogućnost dodeljivanja poslova nekim osobama. Ovaj timski rad je vrlo koristan kada postoji mnogo promena i ažuriranja. U prikazu Uncompleted Tasks može se proveriti da li je zadatak koji je nekome dodeljen završen ili nije.Teme predstavljaju skup unapred definisanih boja i stilova koji se mogu koristiti za poboljšanje izgleda web strana. U prikazu Unused Themes postoji mogućnost brisanja tema koje se ne koriste.Upotreba prikaza NavigationOvaj alat se može koristiti prilikom planiranja i organizovanja strane. On je koristan prilikom kreiranja elemenata za navigaciju, kao što su linije linkova i slično.Animacija sajtaKada se pojavio HTML (Hipertext Markup Language), bilo je vrlo malo jezičkih struktura koje su podržavale specijalne efekte kao što su animacuja, tranzicija itd. Sa razvojem HTML-a pojavio se i podskup HTML-a, tzv. dinamički HTML (DHTML). Jedan od važnih elemenata DHTML-a bila je podrška za animaciju različitih elemenata na strani, kao što su tekst, tabele i dugmad. U FrontPageu se mogu animirati elementi strane, dodavati prelazi strana, kreirati lebdeća (hover) dugmad, kreirati efekat marquee itd. Najbolje od svega je što se pomoću miša može prikazati cela animacija, a da pri tome ne mora da se piše nikakav kod. Za animaciju u FrontPageu koristi se paleta DHTML Effetcts. Njoj možemo pristupiti ako izaberemo View → Toolbars → DHTML Effects.Upotrebom palete DHTML Effects i izborom komande Insert → Web Component omogućava se animiranje objekata prilikom učitavanja strane, animacija objekata kao odgovor na pokazivač miša, formatiranje teksta prilikom animacije, kreiranje prelaza strana (to su kratke animacije koje prate prelaz sa jedne strane na drugu), kreiranje lebdeće dugmadi (ovo su mali Java apleti koje kreira FrontPage. kada korisnik pomera pokazivač miša iznad ovakvog dugmeta, ono menja boju, pušta neki zvuk ili čak pokazuje neku sliku), definisanje efekta marquee (tekst se kreće u jednom ili oba smera po horizontali).Upotreba Web komponenata FrontPage-aUpotreba FrontPageovog skupa softverskih alata koji se nazivaju web komponentama se vrši da bi sajt bio interaktivan. Ove komponente mogu pomoći za kreiranje forma za pretraživanje, za brojanje poseta,linija za navigaciju itd. Web komponentama FrontPagea pristupa se preko menija izborom Insert → Web Component. Tada će se otvoriti prozor Web Component. U narednoj tabeli data je lista svih ikona koje postoje u ovom prozoru, zajedno sa njihovim imenima i funkcijama.

Page 15: Upustvo Za Ucenike Fronpage 2003

Tabela FrontPage Web komponenteUpotreba tema i šablonaTemeTeme FrontPagea su skup stilova koji se mogu koristiti radi oživljavanja web sajta. One omogućavaju da i oni koji nisu umetnički nastrojeni za kratko vreme kreiraju sjajan sajt. Teme se mogu primeniti na web strani ako se izabere Format → Theme. Tada se otvara prozor Themes.

Page 16: Upustvo Za Ucenike Fronpage 2003

Slika ThemesU prozoru Themes postoje brojne opcije koje se mogu iskoristiti za podešavanje teme. Sledi lista sa kratkim opisom svake opcije koja postoji u ovom prozoru:All pages Tekuća tema se primenjuje na sve strane izFrontPage Weba.Selected Page(s) Tekuća tema se primenjuje na sve strane koje su otvorene ili izabrane u FrontPageu.Vivid colors Umesto boja teme, koriste se življe, jasnije boje.Active graphics Omogućavaju se mali efekti animacije kao što je okretanje slike.Background picture Na tekuću temu se primenjuje slika u pozadini.Apply using CSS Omogućava se upotreba kaskadnih stilova (CSS), koji se primenjuju na boje i grafičku šemuteme. Ako ovo polje nije potvrneno, primećuju se izvesne promene na temi, pošto su teme uranene pomoću ovihstilova.Modifikacija elemenata temeFrontPage ima različite unapred podešene teme. Tema jednostavno predstavlja skup boja, grafike i teksta, koji se mogu menjati vrlo lako u nekoliko koraka.Modifikacija bojaU prozoru Themes postoji dugme Modify. Klikom na ovo dugme pojaviće se dugme Colors pomoću koga dolazimo do prozora Modify Theme.

Slika Modifikacija tema

Page 17: Upustvo Za Ucenike Fronpage 2003

Kartica Color Schemes služi za podešavanje boja u tekućoj temi.Kartica Color Wheel omogućava korišćenje točka boja. Kartica Custom omogućava da se umesto boje cele teme menja samo bojapojedinih elemenata. To su, na primer, tekst, naslovi, tekst banera itd.Modifikacija grafikeU okviru tema, na stranu se postavljaju različite slike i mali grafički elementi. Stavke kojima su označene liste takone su mali grafički elementi. Kada se na baner primeni tema, takone se koristi grafika. Klikom na dugme Modify takone se pojavljuje i dugme Graphic. Klikom na ovo dugme dolazi se do prozora Modify Theme. Na vrhuprozora Modify Theme nalazi se padajuća lista. Svaki element koji u temi koristi grafiku nalazi se u toj listi i pomoću nje može da se uređuje.Modifikacija tekstaKao što se mogu menjati boje i grafika teme, može se menjati i tekst. Klikom na dugme modifaj pojaviće se i treće dugme, Text, koji omogućava promenu karakteristika teksta.Knjiga utisakaKnjiga utisaka omogućava posetiocima da na web sajtu ostave svoje komentare. Kada se ostave informacije u knjizi utisaka, one se prikazuju na odgovarajućoj strani. Pitanja i komentari posetilaca će se prikazati svakome ko poseti sajt i želi da ih vidi. Da bi se kreirala knjiga utisaka treba iz menija izabrati File → New → New Page or Web. Otvoriće se pano New Page or Web u kome se nalazi komanda Page Templates. Klikom na ovu komandu otvoriće se prozor Page Temlates u kome se nalazi šablon Guest Book. Klikom na ovaj šablon i dugme OK kreira se knjiga utisaka.Komponenta Discussion WebKomponenta Discussion Web (web za diskusiju) vrlo je slična ploči za poruke jer omogućava da šaljete poruke i primate odgovore na njih. Za razliku od knjige utisaka, poslati komentari i odgovori prikazuju se na jedan organizovan način. Najbolje od svega je što FrontPage olakšava kreiranje i održavanje weba za diskusiju. Mogu se obavljati I komplikovani zadaci, kao što je podešavanje forme za pretraživanje, omogućavanje registracije korisnika, kreiranje automatskog sadržaja itd. Za razliku od prethodnih alata, FrontPage ima čarobnjaka za kreiranje weba za dikusiju. Do njega možemo doći ako u panou New Page or Web izaberemo komandu Web Site Templates, a u prozoru Web Site Templates šablon Discussion Web Wizard. Tada će se otvoriti prvi prozor čarobnjaka. Discussion Web Wizard nudi niz pitanja i opcija za kreiranje weba za diskusiju. Nakon njihovog podešavanja, klikom na dugme Finish,FrontPage kreira web za diskusiju na osnovu izabranih opcija.Plug-inovi, ActiveX kontrole i Java apletiWeb sajtovi su danas mnogo interaktivniji nego ranije. Iako HTML I web programski jezici mogu da pruže neke osnovne funkcije za multimediju i interaktivnost, postoje tri tehnologije koje mogu dalje proširiti mogućnosti sajta. To su plug-inovi, ActiveX kontrole i Java apleti.Plug-inoviPlug-in je softver koji prikazuje informacije na web strani. Iako se može koristiti za prikazivanje informacija kao što je tekst, često se upotrebljava za obavljanje poslova kao što su interakcija sa korisnikom, šetnja kroz galeriju virtuelne realnosti, modifikacija boja celularnih telefona itd. Postoje brojni plug-inovi koji se mogu preuzetibesplatno ili uz izvesnu sumu novca. Popularni plug-inovi se odnose na Adobeov Acrobat Reader, RealPlayer, Macromedia Flash I Shockwave player itd. Pošto su plug-inovi posebni delovi softvera, FrontPage ne možedirektno da ih uređuje. On može samo da menja HTML koji poziva plug-in i može da menja one osobine plug-ina koje je autor predvideo da mogu da se menjaju. Ako u prozoru Insert Web Component izaberemo Advanced Controls, a potom komandu Plug-in, klikom na dugme Finish prikazaće se prozor Plug-in Properties.

Slika Plug in Properties

Page 18: Upustvo Za Ucenike Fronpage 2003

Sledi lista sa različitim poljima i komandama koje postoje u prozoru Plug-in Properties. Tu je i kratak opis svake od opcija.Data Source Definiše se datoteka sa plug-inom koji se koristi. Može se zadati i URL adresa te datoteke.Message for browsers without plug-in support Tekst koji se prikazuje ako pretraživač ne podržava plug-inove.Height Definiše se visina plug-ina u pikselima.Width Definiše se širina plug-ina u pikselima.Hide plug-in Omogućava se sakrivanje plug-ina. Kada je sakriven, on se ne vidi u pretraživaču. Ovo polje možete da potvrdite ako prikazujete zvučne datoteke koje ne moraju da se vide.Alinment Definiše se poravnanje plug-ina. Ovo je slično poravnanju teksta.Border thickness Omogućava se definisanje debljine ivice oko plug-ina.Horizontal spacing Omogućava se podešavanje horizontalnog rastojanja izmenu plug-ina i najbližeg objekta.Ovo je slično vrednosti spacing kod ćelija u tabelama.Vertical spacing Omogućava se unošenje vertikalnog rastojanja od nabližeg objekta koji se nalazi iznad i ispodplug-ina. Ovo je slično vrednosti spacing kod ćelija u tabelama.ActiveXActiveX je tehnologija koju je pokrenuo Microsoft i koja se može dodati na web strane da bi se poboljšale mogućnosti HTML-a. Za razliku od plug-ina, ActiveX objekti (zovemo ih kontrolama) omogućavaju programerima da ujedine programiranje u Windowsu sa programiranjem na World Wide Web. Mnoge ActiveX kontrole instaliraWindows, dok neke instaliraju programi nezavisnih proizvonača. Datoteke koje imaju ekstenziju .ocx su ActiveX kontrole. Ako u prozoru Insert Web Component izaberemo tip komponente Advanced Controls i iz liste Choose a control izaberemo opciju ActiveX Control, a zatim kliknemo dugme Next, prikazaće se lista ActiveX kontrola koje postoje na sistemu. Pošto ActiveX kontrole nisu kreirane u FrontPageu, one ne mogu direktno da se uređuju. Iako ActiveX kontrola ne može direktno da se menja, može se menjati HTML koji se odnosi na nju. Ako desnim tasterom miša kliknemo kontrolu i iz pomoćnog menija izaberemo opciju ActiveX Control Properties, otvoriće se istoimeniprozor. Pošto su ActiveX kontrole međusobno različite, svaka ima svoje jedinstvene osobine, pa će prema tome u ovom prozoru biti manje ili više kartica. Dve kartice koje se javljaju za sve ActiveX kontrole su Object Tag i Parameters.

Slika Options

Sledi lista polja i komandi koje postoje u kartici Object Tag, zajedno sa kratkim opisom svake od opcija:

Page 19: Upustvo Za Ucenike Fronpage 2003

Name Definiše se ime ActiveX kontrole.Alignment Definiše se poravnanje ActiveX kontrole. Ovo je slično poravnanju teksta ili sadržaja ćelije.Border thickness Omogućava se unos vrednosti za debljinu ivice. Ivica će uokviriti kontrolu.Horizontal spacing Omogućava se definisanje horizontalnog rastojanja izmenu kontrole i najbližeg objekta.Ovo je slično vrednosti spacing za ćelije u tabeli.Vertical spacing Omogućava se podešavanje vertikalnog rastojanja izmenu kontrole i objekta koji je iznad i ispod nje. Ovo je slično vrednosti spacing za ćelije u tabeli.Width Omogućava se unošenje vrednosti za širinu ActiveX kontrole.Height Omogućava se unošenje vrednosti za visinu kontrole.HTML Omogućava se pisanje poruke za posetioce čiji pretraživači ne podržavaju ActiveX. Ova poruka može bitiobičan tekst ili HTML oznaka.Code Source Omogućava se dodavanje lokacije za ActiveX kontrolu. Kada posetioci nemaju tu kontrolu,pretraživači kao što je Internet Explorer vode korisnika do lokacije koja je ovde zadata, tako da može da se preuzme I instalira ta kontrola.Java apletiVrlo popularan programski jezik za kreiranje programskog sadržaja preko Interneta jeste Java. Kreirala ge je firma Sun Microsystems i on je popularan iz dva razloga: može da radi na bilo kom računaru na kome postoji Java virtuelna mašina, i njegov sigurnosni mehanizam sprečava da Java program ošteti računar korisnika. Java programi za svoj rad ne koriste procesor korisnika ili sistemske vrednosti. Kada se izvršava Java program, on na računaru kreira virtuelni prostor u kome se program izvršava. Virtuelni prostor je poznat po imenu virtuelna mašina i svaki računar na kome postoji virtuelna mašina može da izvršava male Java programe, tzv. aplete. Za razliku od plug-inova i ActiveXb kontrola, Java programi su vrlo restriktivni u tome šta može i šta ne može da se radi na računaru.Java programi su manja opasnost po sigurnost računara u odnosu na plug-inove i ActiveX kontrole, jer oni ne mogu da promene bilo koju vrednost koja se odnosi na softver ili hardver računara. Programeri uvek za komplikovane stvari smišljaju interesantne fraze, pa se tako ograničenja koja postoje za Java aplete nazivaju ,,Java sandbox”(Java ograde).Ovo se tako naziva jer aplet ne može da ide dalje od ograničenja koja mu postavlja virtuelna ograda. Taj ograđeni proctor je, u stvari, virtuelna mašina. Pošto Java aplet ne može da izne izvan tog prostora, to znači da Java aplet ne može da ošteti sistem. Ubacivanje Java apleta je isto tako jednostavno kao i ubacivanje ActiveX kontrola ili plug-inova. U prozoru Insert Web Component, iz liste sa tipovima komponenata, trebamo izabrati Advanced Controls, a zatim sa desne strane prozora opciju Java Applet Properties. Otvoriće se prozor Java Applet Properties.

Slika Java Applet PropertiesSledi lista polja koja postoje u prozoru Java Applet Properties, zajedno sa kratkim opisom svakog od njih.Applet source Omogućava se unos imena Java apleta.Većina Java apleta završava se ekstenzijom .class.Applet base URL Omogućava se dodavanje URL na datoteku apleta. Nije potrebno korišćenje http:// radiprikazivanja putanje Java apleta. Ako se npr. Java applet nalazi u direktorijumu ,,classes”, onda je potreban unos

Page 20: Upustvo Za Ucenike Fronpage 2003

samo putanje /classes, a ne cele putanje.Message for browsers without Java support Omogućava se unos poruka koje će se prikazati korisnicimačiji pretraživači ne podržavaju Java tehnologiju.Applet Parameters Omogućava se dodavnje, menjanje I brisanje podešavanja Java apleta.Parametri Java Apletadefinišu šta aplet treba da radi, koje datoteke treba da prikazuje itd. Parametri Java apleta mogu biti različiti, uzavisnosti od njegove namene.Horizontal spacing Omogućava se podešavanje horizontalnog rastojanja izmenu Java apleta i najbližegobjekta.Vertical spacing Omogućava se podešavanje vertikalnog rastojanja izmenu apleta i najbližeg objekta iznad i ispodplug-ina.Alignment Podešava se poravnanje Java apleta na web strani.Width Definiše se horizontalna veličina apleta.Height Definiše se vertikalna veličina apleta.Programski jezici za WebHTML u FrontPageuPrilikom kreiranja web strana, FrontPage intenzivno koristi HTML. Iako se HTML ne upotrebljava direktno, ipak svaka akcija koja se preduzima u FrontPageu (kao umetanje teksta, ubacivanje slika, podela frejmova, ubacivanje boje u pozadinu itd.) dobija svoju HTML pozadinu. Pre pojave alata kao što je FrontPage, HTML se pisao u editorima teksta kao što je Notepad. Ovaj kod nije mogao da se testira, a da se ne pogleda u web pretraživaču. Pojava FrontPagea promenila je način pisanja i testiranja HTML koda. Iako mnogi ljudi koji koriste FrontPage izbegavaju da nauče HTML, ipak postoje ljudi koji FrontPage koriste isključivo zbog njegovih osobina vezanih za HTML. U prikazu HTML postoje delovi koda koji su obojeni različitim bojama da bi se lakše pratili. Primena različitih boja za različite elemente koda olakšava čitanje HTML koda i omogućava lakše pronalaženje grešaka.Kaskadni stiloviCSS je jezik koji se koristi za formatiranje stilova na web strani. Dok HTML omogućava formatiranje stilova na web Vašem web sajtu, CSS omogućava da se unapred definiše odreneni broj stilova i da se konzistentno primenjuju na ceo sajt. Raznolikost stilova i formatiranje koje podržava CSS – kao što su podešavanje veličine teksta, boja ivica, formata pasusa itd. – nadmašuju jednostavno formatiranje stilova koje postoji u HTML-u.Postoje dve varijante Css jezika:Css Level 1 (CSS) Koristi se za formatiranje teksta. Poboljšavaju se elementi teksta kao što su stilovi fonta, bojei formatiranje pasusa.CSS Level 2 (CSS2) Koristi se za precizno merenje I postavljanje objekata na ekranu.Osnovna prednost CSS-a jeste mogućnost da se kreira stil I konzistentno se primeni na ceo sajt. CSS stilovi ipak ne moraju da budu prmenjeni na ceo sajt. Oni se mogu primeniti samo na jedan red teksta, na delove tabele, celu web stranu itd. Umesto da se svaki element formatira pojedinačno, CSS omogućava da se odjednom formatira nekoliko elemenata. Jedna od prednosti korišćenja CSS-a jeste u tome što CSS stilovi koji se primenjuju na objekte mogu globalno da se menjaju u celom dokumentu. Umesto da se ponovo primenjuju CSS stilovi na svaki deo teksta, jednostavno se promeni sam stil i on će zameniti stil fonta u celom tekstu koji je napisan tim stilom.Integracija Microsoft Office-a u sajtPremda FrontPage u osnovi koristi HTML i jezike koji se na njemu zasnivaju, on podržava i mnoge tehnologije koje imaju malo sličnosti sa HTML-om. Datoteke koje su pisane u Microsoft Wordu, Microsoft Exelu, Lotusu 1-2-3, Corel WordPerfectu itd. mogu se konvertovati u HTML i postaviti na sajt korišćenjem FrontPagea. Pošto FrontPagepripada Microsoft Officeu, on mnogo lakše sarađuje sa aplikacijama iz ovog paketa nego sa nekim drugim.Jedna od lepih osobina FrontPagea odnosi se na mogućnost da ubacuje sadržaj iz drugih programa, kao što su Word i Exel, a da u isto vreme sačuva originalni format. Sadržaj se može ubaciti na dva načina:postavljanjem sadržaja sa Windows Clipoboarda,umetanjem sadržaja. Postavljanje sadržaja iz WordaNajlakši način da se sadržaj iz Wordovog dokumenta ubaci u FrontPage, jeste da se iskopira i postavi. To se može uraditi ako u Wordu pritisnemo CTRL+A da bismo označili ceo tekst zajedno sa slikama i tabelama, a potom pritisnemo CTRL+C da bismo iskopirali. Ako u FrontPageu pritisnemo CTRL+V postavićemo sadržaj iz Worda uFrontPage. Alternativa kopiranju sadržaja jeste umetanje celog dokumenta u FrontPage. Kada se u FrontPage ubacuje sadržaj, koristi se specijalan program za konverziju datoteke. Ovaj program prebacuje format koji se koristio u tom programu u HTML koji može da se pročita u FrontPageu. Za razliku od kopiranja i postavljanja sadržaja iz drugih aplikacija, sadržaj koji se ubacuje na ovaj način gubi svoj originalni format. Dokument se u FrontPage unosi ako izaberemo Insert → File. Tada se otvara prozor Select File u kome možemo naći željenu

Page 21: Upustvo Za Ucenike Fronpage 2003

datoteku i kliknuti Open. Na taj način će se uFrontPageu prikazati sadržaj Wordovog dokumenta, s tim što će se boje i stilovi teksta razlikovati od originalne datoteke. Iako FrontPage pripada porodici programa iz Officea, on može daubacuje sadržaj i iz drugih programa, kao što su WordPerfect, Lotus 1-2-3 itd. Formate iz kojih FrontPage može da preuzima sadržaj možemo videti, ako izaberemo Insert → File, a zatim kliknemo padajuću listu Files of type.

Slika Formati datoteka za unosU ovoj padajućoj listi prikazani su različiti formati. U narednoj tabeli dati su svi formati koje podržava FrontPage.

Tabela Formati datoteka koji su podržani u FrontPage-uUmetanje radnog lista iz ExcelaUmetanje podataka iz Excelovog radnog lista odvija se na isti način kao i umetanje dokumenta iz Worda. Kada se umeće radni list iz Excela, može se desiti da informacije postanu nečitljive. Radni list iz Excela možemo ubaciti ako izaberemo Insert → File. Otvoriće se prozor Select File. Tada treba izabrati Excelovu datoteku chart i kliknuti dugme Open Umetanje Excelovih datoteka u FrontPage ne dovodi uvek do željenih rezultata. Da bi se sačuvao originalni format radnog lista iz Excela, trebaju se kopirati i postaviti informacije iz odgovarajuće Excelove datoteke. Ovo se radi na isti način kao i kopiranje i postavljanje informacija iz Worda.Umetanje podataka u komponentu Office SpreadsheetKomponenta Office Spreadsheet omogućava da se u okviru web pretraživača koriste Excelovi dokumenti. Radi se na sličan način kao što se radi i u samom Excelu. Sadržaj se u komponentu Office Spreadsheet ubacuje, ako izaberemo radni list i kliknemo komandu Commands and Options. Tada će se otvoriti prozor Commands and Options u kome treba kliknuti karticu Import. U polju Data tipe bira tip datoteke, a u polje URL se unosi ime datoteke. Klikom Na dugme Import Now ubaciće se željeni sadržaj u komponentu Office Spreadsheet. FrontPage je prilagodljiv program koji omogućava da se koriste podaci iz drugih aplikacija. Mogućnost FrontPagea Da ubacuje sadržaj iz drugih aplikacija olakšava deobu datoteka. Najbolje od svega je što datotekama može da pristupi svako ko ima web pretraživač.

Page 22: Upustvo Za Ucenike Fronpage 2003

Slika Commands and Options

Strukturalni prikaz Web stranePrva strana koja se kreira u Front Pageu dobija naziv index.htm. U mom radu je prva strana samo uvod u pravu prvu stranu (Home Page) koja nosi naziv Internet. Ona se sastoji iz tri frejma. Gornji frejm obično služi za ispisivanje naslova, u desni frejm se po običaju stavljaju hiper linkovi, a tekst i ostali multimedijalan sadržaj se ispisuju u trećem frejmu.sve ostale strane su povezane direktno sa home page-om sem strane Potraga koja se kreira u novom prozoru odakle gubi vezu sa glavnom stranicom. U prikazu View → Navigation lako se uočava struktura strane.

Slika NavigationStranu možemo kreirati u novom prozoru, ako u prozoru Insert Hyperlink kliknemo opciju Target Frame i u njoj podopciju New Window. U Uvodnoj strani se nalazi video koji se ubacuje ako izaberemo Insert → Picture → Video. Video se ponavlja samo jednom, pošto nije izabrana opcija Forever, a Loop (broj ponavljanja) je podešen na 1. U glavnoj strani, u gornjem frejmu nalazi se naslov (na koji je primenjen efekat iz palete DHTML Effects) i animacija koja nije napravljena u FrontPageu već je uvezena. U glavnoj strani, u desnom frejmu nalaze se linkovi: Uvodna strana (uvek prikazuje glavnu stranu), O Internetu, Arhitektura Interneta, Sigurnost i privatnost na Internetu, Intrnet trgovina – sigurnost pre svega i Pretraga. Prozor Uvodna strana je vrlo sličan i ostalim prozorima do kojih sedolazi klikom na jedan od linkova u desnom frejmu. Na početku se nalaze linkovi podnaslova koji vode do njih. Kada vas link dovede do tog podnaslova postoji još jedan link: Vrati se na početak, koji nas vraća na vrh strane. To je urađeno pomoću opcije Bookmarks. Na slike u ovim prozorima su takone primenjene opcije sa palete DHTMLEffects. Kada jednom otvorite sve prozore uvek se možete vratiti na predhodni pomoću opcija Back i Forward koje se nalaze u pretraživaču. To je omogućeno u prikazu Navigation u kome sami možete da rasporenujete veze izmenu strana. Mogu se čak kreirati linkovi za kretanje napred i nazad uz pomoć opcije back and next links.Pomoću FrontPage 2003 može se kreirati jednostavan ili složen sajt sa vrlo malo truda, a da pritom ne moraju korisnici imati predhodna znanja za HTML ili neki drugi web jezik. Dok kreirate sajt i dok ga kasnije održavate, FrontPage obavlja sav dosadni posao HTML-a umesto Vas. Osnovni nedostatak HTML–a je što u njemu ne može upotpunosti da se ispolji kreativnost. Problem sa kojim se takođe većina programera suočavala u ranijim verzijama HTML-a jeste u organizovanju sadržaja njihovih strana. Kombinovanje teksta, slika I drugih objekata u istom redu bilo je vrlo teško izvesti. Takone, kada se pojavio HTML bilo je vrlo malo jezičkih struktura koje su podržavale specijalne efekte kao što su animacija, tranzicija itd. FrontPage je program koji ima brojne mogućnosti. FrontPageolakšava umetanje i urenivanje slika, alati za korišćenje multimedije predstavljaju sjajan način za oživljavanje sajta, tabele pružaju mnoge prednosti web programerima, frejmovi i inline frejmovi donose programerima nove mogućnosti, liste su sjajan način za prikazivanje malih delova informacija, forme su sjajan način za primanje ulaznih i povratnih informacija od posetilaca sajta, pomoću DHTML-a i drugih jezika, kao što su Java Script i Java, mogu da se ožive i animiraju web sajtovi., web komponente FrontPagea pojednostavljaju mnoge zadatke.