Frontpage pruža dvije funkcionalnosti koje vam omogućavaju da podijelite stranicu na dijelove koji sadrže tekst i grafiku. To su stolovi i okviri. Do ove tačke smo poravnavali tekst na liniji dodavanjem razmaka koristeći Formatirani stil pasusa. Također možete koristiti tabele za poravnavanje teksta. Polja obrasca se poravnavaju pomoću tabela (poglavlje 7 je posvećeno radu sa obrascima). Također možete koristiti kaskadne tablice stilova za formatiranje elemenata stranice. Treba napomenuti da su kaskadni listovi stilova podržani samo u novijim pretraživačima.
Bilješka
Preglednici zanemaruju elemente oblikovanja kao što su linije razmaka. Izuzetak su kada se koristi formatirani stil ili znak razmaka koji se ne prekida. HTML kod koristi niz znakova za označavanje razmaka bez prekida. Korišćenje skupa takvih sekvenci omogućava prikaz teksta sa nekoliko uzastopnih razmaka na stranici učitanoj u pretraživač. U Frontpage, možete umetnuti znak razmaka bez prekida pomoću dijaloškog okvira Symbol (prvi u prvom redu).
Dizajniranje stolova
Najvažniji alat za dizajniranje izgleda web stranice je tabela. Funkcije tabela prilikom kreiranja web stranica su različite. Pre svega, želeo bih da istaknem sledeće:
poravnavanje podataka umetanjem u ćelije tabele (ovo pruža mogućnost odvajanja podataka linijama različite debljine);
prezentacija teksta u obliku stupaca;
poravnavanje polja za unos i njihovih naziva u obrascima;
distribucija teksta i grafike u različitim kolonama;
stvaranje obruba oko teksta ili grafike;
postavljanje grafičkih slika na obje strane teksta (ili na sve strane) i obrnuto;
položaj teksta duž konture grafičke slike;
stvaranje pozadine u boji za fragment teksta ili zasebnu sliku;
uključivanje tabela u druge tabele.
U procesu kreiranja tabele, u dijaloškom okviru Umetanje tabele postavljaju se sledeća svojstva: broj redova i kolona, horizontalno zauzeta površina stranice, debljina linija koje razdvajaju ćelije i ograničavaju tabelu, količina razmaka između sadržaja i unutrašnje ivice ivica ćelije, poravnanje tabele, itd. U budućnosti se mogu mijenjati vrijednosti svojstava tabele. U svakom trenutku možete izbrisati jedan ili više redova ili stupaca, spojiti susjedne ćelije, formatirati sadržaj jedne ćelije ili odabranog raspona na poseban način itd. Kako unosite podatke, veličina ćelije se povećava vertikalno i horizontalno unutar granica postavljenih za tabelu i kolonu.
Bilješka
Možete postaviti širinu tabele ili u pikselima (fiksna širina) ili kao procenat širine prozora pretraživača ili okvira u koji je stranica uključena. Širina kolona tabele je određena ili kao procenat širine tabele ili u pikselima (fiksna širina). Ako je širina pojedinačne kolone ili cijele tabele navedena u pikselima, tada način na koji se ova tabela prikazuje u pretraživaču zavisi od rezolucije ekrana postavljene na računaru korisnika.
Prikaz tabelarnih podataka
U klasičnoj tabeli, redovi i kolone su strogo razgraničeni. Da biste dobili takvu tablicu, morate izvršiti sljedeći niz radnji:
1. Preuzmite naslovnu stranicu.
2. Aktivirajte naredbu Novo u podmeniju Web menija Datoteka.
3. Učitat će se novi okvir za dijalog. Podrazumevano je odabran One Page Web šablon. U polje Specify the Location of the New Web unesite naziv web servera i web stranice. Imenujte web stranicu, na primjer, TestTables. Kliknite na dugme OK.
4. Prebacite se na prikaz foldera. Dvaput kliknite na ime datoteke Default.htm. Početna stranica će se otvoriti u prikazu stranice.
5. Pritisnite tipku da biste umetnuli prazan red na vrh stranice
6. Otvorite meni Tabela i aktivirajte komandu Tabela podmenija Umetanje. Kao rezultat, otvoriće se dijalog Umetanje tabele (Slika 61). Ovaj prozor prikazuje podrazumevane vrednosti svojstava tabele. Elementi dijaloga Umetanje tabele su opisani u tabeli 6.1.
Slika 6.1. Dijaloški okvir Umetanje tabele
Tabela 6.1. Svojstva tablice
| Element dijaloga | Table property |
| Umetanje prozora tabele | |
| Redovi | Broj redova u tabeli |
| Kolone | Broj kolona u tabeli |
| Poravnanje | Kako je tabela poravnata (podrazumevano je levo poravnanje) |
| Border Size | Širina separatora i graničnih linija u pikselima Zadana vrijednost je 0 Ako se ova vrijednost ne promijeni, okvir tabele se ne prikazuje u pretraživaču, ali na naslovnoj stranici je označen isprekidanom linijom |
| Cell padding | Količina prostora (u pikselima) između rubova ćelije i njenog sadržaja (zadano je 1) |
| Razmak ćelija |
Razmak (u pikselima) između susjednih ćelija (zadano je 2) |
| Odredite širinu | Širina tabele Ova vrednost se postavlja ili u pikselima (prebaci u piksele), ili kao procenat širine prozora pretraživača ili okvira u koji je stranica uključena (prebaci u procentima) |
7. Nemojte mijenjati nijednu vrijednost Kliknite na dugme OK. Kao rezultat, kreiraće se tabela sa dva reda i dve kolone. Korišćenje komande Table u podmeniju Select u meniju Table. Pritisnite taster da obrišete tabelu. Ako niste kreirali prazan red na početku stranice u koraku 5, učinite to sada.
8. Kliknite na dugme Insert Table na traci sa alatkama Table. Biće vam predstavljena tabela prototipa, gde je vrlo lako odrediti koliko redova i kolona tabela treba da sadrži. Kliknite na drugi kvadrat u drugom redu, kao što je prikazano na sljedećoj slici. U tom slučaju će se kreirati i tabela sa dva reda i dvije kolone (četiri ćelije).
Pokrili smo dva načina za kreiranje tabele. Kada koristite dugme Umetni tabelu na traci sa alatkama, primenjuju se podrazumevane vrednosti. Ako je aktivirana naredba Tablica podizbornika Umetanje izbornika Tablica, samostalno određujete vrijednosti parametara tabele koja se kreira.
Bilješka
Koristeći dugme Umetni tabelu, možete kreirati tabelu koja sadrži mnogo više redova i kolona nego što je prvobitno prikazano u prototipu:
pomeranje miša preko ivice automatski proširuje prototip.
Svojstva tablice
Vrijednosti dodijeljene svojstvima tablice određuju njen izgled.
1. U gornju lijevu ćeliju tabele koju smo kreirali unesite broj 5.
Pritisnite tipku za prelazak na ćeliju s desne strane i unesite sljedeću rečenicu:
Ovo je prilično duga rečenica. Vaša tabela bi trebala izgledati kao na sljedećoj slici. Širina ove tablice dostiže skoro 100% širine prozora.
2. Pritisnite dvaput taster sa strelicom nadole da pomerite kursor izvan tabele. Unesite tri prazna reda iza tabele tako što ćete pritisnuti taster tri puta.
Bilješka
Ako postavite kursor u posljednju ćeliju i pritisnete tipku, novi red se dodaje u tablicu, a kursor se pomiče na prvu ćeliju novog reda.
3. Aktivirajte komandu Tabela podmenija Umetanje menija Tabela i onemogućite opciju Specify Width na dnu dijaloškog okvira (istoimeno polje za unos će postati nedostupno). Kliknite OK. Kao rezultat, pojavljuje se druga tablica čija je širina mnogo manja od one prve.
4. Unesite broj 1 u lijevu ćeliju prvog reda tabele, pritisnite tipku, uslijed čega će se kursor pomjeriti u drugu ćeliju prvog reda, i unesite rečenicu. Ovo je prilično duga rečenica.
Pomaknite se na lijevu ćeliju drugog reda pomoću tipke i unesite broj 2. Pritisnite tipku ponovo (kursor će se pomjeriti u desnu ćeliju drugog reda) i unesite rečenicu: Ovo je samo rečenica
Širina svake kolone je podešena prema najdužem redu u toj koloni (slika 6.2).
Rice. 6.2. Za gornju tablicu je postavljena vrijednost svojstva Specify Width, a za donju tablicu nije postavljena.
5. Kliknite desnim tasterom miša na drugu tabelu i izaberite komandu Svojstva tabele u kontekstualnom meniju, usled čega se otvara istoimeni dijalog box, prikazan na sl. 6.3. Kao iu dijaloškom okviru koji otvara naredba Tablica podmenija Umetanje menija Tabela (slika 6.1), u njemu možete podesiti parametre tabele kao što su poravnanje, širina razdjelnih i graničnih linija tabele, količina razmaka između rubovi ćelije i njen sadržaj, razmak između susjednih ćelija i širina tablice. Osim toga, moguće je odrediti visinu tabele, odabrati boju za čvrstu pozadinu tabele ili pozadinsku sliku, odrediti boju za linije razdvajanja. U polju sa listom Float možete odrediti u kojem smjeru želite pomjeriti tablicu - udesno ili ulijevo, kako biste pozicionirali tekst ili sliku lijevo ili desno od tabele. Podrazumevano, podrazumevana stavka je izabrana u Float polju. Prema ovoj postavci, tekst se može nalaziti samo ispod tabele ili iznad nje.
Slika 6 3 Dijaloški okvir Svojstva tabele
6. Postavite sljedeće vrijednosti za svojstva tabele: Border Size - 5, Cell Padding - 6, Cell Spacing - 8. Potvrdite postavke klikom na dugme OK. Vaša tabela bi trebala izgledati kao na sljedećoj slici. Kliknite desnim tasterom miša na desnu ćeliju prvog reda gornje tabele (slika 6 2) i u kontekstualnom meniju izaberite komandu Svojstva ćelije Otvara se istoimeni dijaloški okvir (slika 6 4) Sadrži elemente u njemu su opisane u tabeli 6.2.
Slika 6.4. Dijaloški okvir Svojstva ćelije
Tabela 6.2. Svojstva ćelije
|
Element dijaloga Prozori sa svojstvima ćelije |
Funkcija |
| Horizontal Ahgnment | Horizontalno poravnavanje sadržaja ćelije Dostupne su sljedeće opcije: Lijevo (lijevo), Centar (centar), Desno (desno). Zadana postavka je lijevo poravnanje |
| Vertikalno poravnanje | Vertikalno poravnanje sadržaja ćelije Dostupne su sljedeće opcije: vrh (vrh), srednja (sredina), osnovna (poravnava sadržaj ćelije prema osnovnoj liniji), dno (dolje) Podrazumevano je poravnanje po sredini |
| Rows Spanned | Ovo polje pokazuje na koliko redova želite da rastegnete ovu ćeliju |
| Columns Spanned | Ovo polje pokazuje na koliko kolona želite da proširite ovu ćeliju |
| Zaglavlje ćelije | Formatiranje ćelije kao naslova retka ili stupca (podebljani tekst se dodjeljuje tekstu ćelije) |
| No Wrap | Sprečavanje hifena unutar ćelije u Web pretraživaču; u suprotnom, tekst se dijeli ako je prozor pretraživača preuzak za puni prikaz |
| Odredite širinu | Određivanje visine ćelije u pikselima ili kao postotak ukupne visine tabele (samo ako je aktivna opcija Specify Height). Ako je navedena opcija onemogućena, visina ćelije se automatski mijenja tako da se uneseni tekst ili objekt smješten u nju u potpunosti uklapa |
| Granice | U ovoj oblasti prozora možete definisati boju za linije razdvajanja i granice, koje mogu biti jednobojne ili dvobojne. U prvom slučaju koristite polje za unos Border, u drugom bilo koja dva od tri ponuđena polja. U potonjem slučaju okvir je trodimenzionalan |
| Pozadina | Kreiranje pozadine za ćeliju (i obojene jednobojne i koja sadrži sliku) |
Vrijednosti svojstva mogu se mijenjati i za jednu ćeliju i za odabrani raspon.
Bilješka
Kada mijenjate širinu ćelije, pazite da ukupna širina ćelija u redu ne prelazi 100%, inače će ćelije tabele biti pogrešno prikazane.
1. U listi Horizontal Alignment u dijaloškom okviru Svojstva ćelije, izaberite Centar, a u Vertikalni
Poravnanje - stavka Top (poravnanje na vrhu). U polje Border Size unesite 1. Potvrdite postavke klikom na dugme OK.
Kao rezultat toga, način na koji su podaci raspoređeni u ćeliji će se promijeniti, a širina razdvojenih i graničnih linija će postati jednaka jednom pikselu.
2. Odaberite donji red tabele i kliknite desnim tasterom miša. U kontekstualnom meniju izaberite naredbu Svojstva ćelije. Unesite vrijednost 2 u polje Columns Spanned i kliknite na dugme OK. Kao rezultat, tabela bi trebala izgledati kao dolje prikazana. Ćelija na krajnjoj lijevoj strani će se preklapati s gornje dvije, ali mora postojati dodatna ćelija s desne strane.
Bilješka
Određeni broj ćelija unutar tabele možete odabrati na sljedeći način: postavite pokazivač miša lijevo od ćelije od koje ćete započeti selekciju, a kada postane strelica koja pokazuje nagore udesno, pritisnite lijevo dugme manipulatora i odaberite potrebne ćelije.
Bilješka
Kolone u tabeli koju ste kreirali mogu imati različite širine od onih prikazanih na slici. To je zbog razlika u rezolucijama monitora.
3. Pritisnite kombinaciju tastera ili aktivirajte naredbu Undo Edit Properties u meniju Uredi da poništite promene.
4. Odaberite prvi red gornje tabele, otvorite dijaloški okvir Svojstva ćelije i unesite 2 u polje Rows Spanned. Na kraju kliknite na dugme OK. Gornje dvije ćelije se pomiču ulijevo, a dvije donje ćelije udesno.
5. Kliknite na dugme Poništi na traci sa alatkama. Idite na lijevu ćeliju prvog reda gornje tablice i otvorite dijaloški okvir Svojstva ćelije. Postavite opciju Specify Width i aktivirajte prekidač U pikselima da biste mogli nezavisno odrediti širinu ćelije u pikselima (postat će dostupno polje za unos Specify Width). Unesite 40 u polje za unos Specify Width i kliknite na dugme OK. Veličina obje ćelije u prvoj koloni će se povećati.
7. Aktivirajte dugme Undo, kliknite na desnu ćeliju drugog reda i otvorite meni Table. Ovaj meni sadrži četiri podmenija. Komande menija tabele opisane su u tabeli. 6.3.
|
Tabela 6.3. Komande menija tabele |
|
| Tim | Opis |
| Tabela crtanja | Omogućava vam da nacrtate sto na isti način kao što se to radi olovkom na komadu papira |
| Podmeni tabele Insert | Kada je ova komanda aktivirana, otvara se dijaloški okvir Umetanje tabele. U njemu možete podesiti parametre kreirane tabele, koja će biti umetnuta na poziciju gde se nalazi kursor (ako se kursor nalazi u ćeliji druge tabele, druga tabela će biti smeštena u nju) |
| Umetni redove ili kolone Umetanje podmeni | Dijaloški okvir Umetanje redova ili kolona definira broj redova i kolona koji se mogu umetnuti iznad, ispod, desno ili lijevo od selekcije. |
| Podmeni ćelije Insert | Umeće novu ćeliju lijevo od odabrane ćelije koja je pomaknuta udesno |
| Podmeni natpisa Insert | Dizajniran za umetanje prazne linije iznad tabele. Ovaj red je povezan sa tabelom: kada je tabela izabrana ili obrisana, zaglavlje se takođe bira ili briše. Podrazumevano, zaglavlje tabele je postavljeno na centralno poravnanje, ali može biti poravnato levo ili desno. |
| Izbrišite ćelije | Briše odabrane ćelije |
| Spoji ćelije | Omogućava vam kombiniranje više ćelija u retku i koloni |
| Podijelite ćelije | U dijaloškom okviru Podijeli ćeliju možete odrediti da li će odabrane ćelije biti podijeljene na retke ili stupce. |
| Ćelija, red, kolona, tabela podmenija Select | Prva komanda se koristi za odabir trenutne ćelije, druga - trenutni red, treća - trenutna kolona, a četvrta - čitava tabela |
| Ravnomjerno rasporedite redove, ravnomjerno rasporedite kolone | Prva naredba vam omogućava da postavite istu širinu za odabrane redove, a druga za odabrane stupce |
| Autofit | Smanjuje dužinu svakog stupca do mjere u kojoj informacije u njima direktno zauzimaju. Omogućavanje ove naredbe ima iste posljedice kao i onemogućavanje opcije Specify Width u dijaloškom okviru Insert Table, tj. dužina ćelija će se automatski mijenjati ovisno o dužini unesenog teksta ili dužini objekta smještenog u njima |
| Text To Table Convert podmeni | Omogućava vam da konvertujete odabrani tekst u tabelu. Kada je ova komanda aktivirana, otvara se dijaloški okvir za odabir znaka za razdvajanje. Koristite zareze da odvojite sadržaj kolone i markere pasusa za odvajanje redova |
| Podmeni Tabela u tekst Pretvori | Omogućava vam da konvertujete tabelarne podatke u tekst, dok sadržaj svake ćelije čini poseban pasus |
| Podmeni Caption, Cell, Table Properties | Ove tri komande omogućavaju pristup prozorima Svojstva natpisa, Svojstva ćelije i Svojstva tabele. |
Bilješka
Za odabir više nesusjednih ćelija, držite pritisnut tipku dok kliknete na ćelije
Meni stola. Pogledajmo bliže neke od komandi menija Table opisane u tabeli. 6.3
1. Aktivirajte komandu Tabela podmenija Insert.U dijaloškom okviru koji se otvori pritisnite dugme OK bez promjene zadanih postavki.Kao rezultat, u ćeliji će se pojaviti tabela sa dva reda i dvije kolone.
Bilješka
Kada smo kreirali drugu tabelu (korak 3 druge vežbe ovog poglavlja), opcija Specify Width je bila onemogućena u prozoru Insert Table. U koraku 1 treće vežbe, u polju Border Size prozora Svojstva tabele, mi smo uneo vrednost 1. U Frontpage-u su ove postavke sačuvane, tako da će prilikom kreiranja novog prozora Umetanje tabele opcija Specify Width biti podrazumevano onemogućena, a polje Border Size će imati vrednost 1.
1. Prvo kliknite na dugme Poništi, a zatim na lijevu ćeliju prvog reda tabele. Odaberite naredbu Redovi ili kolone (redovi ili kolone) podmenija Umetanje.Kao rezultat, otvorit će se istoimeni dijaloški okvir
Prihvatite podrazumevane vrednosti sa postavljenim radio dugmadima za redove i izbor ispod (ispod izabranog područja), a polje Broj redova postavljeno na 1. Kliknite na OK. Novi red će se pojaviti ispod prvog reda tabele.
3. Ponovo aktivirajte komandu Insert Rows Or Columns podmenija Insert. Odaberite radio dugmad Columns i Left Of Selections (lijevo od odabranog područja) Zatim kliknite na dugme OK Dobijena tabela bi trebala izgledati kao na sljedećoj slici
4. Aktivirajte naredbu Cell podmenija Insert. Kao rezultat, nova ćelija će biti umetnuta u tabelu, a ćelija koja se nalazi sa desne strane će se pomeriti van reda udesno. Kursor se automatski postavlja u novu ćeliju
Da biste odabrali ćeliju, aktivirajte naredbu Ćelija u podmeniju Odaberi ili pritisnite tipku dok kliknete na ćeliju. Za brisanje ćelija koristite komandu Izbriši ćeliju
5. Aktivirajte naredbu Caption podmenija Insert.Kursor je centriran iznad tabele.Unesite sljedeću rečenicu. Ovo je zaglavlje tabele
6. Odaberite donji red u prvoj tabeli. Zatim odaberite naredbu Merge Cells. Kao rezultat, sve linije podjele između ćelija će biti uklonjene u donjem redu.
7. Kliknite na krajnju desnu ćeliju prvog reda i aktivirajte naredbu Split Cells Otvara se dijaloški okvir Split Cells.
Prihvatite zadane postavke i kliknite na dugme OK. Navedena ćelija će biti podijeljena na dva dijela
8. Aktivirajte komandu Table podmenija Select i pritisnite taster . Tabela će biti obrisana. Kliknite na dugme Poništi da ga vratite.
Bilješka
Postoji još jedan način da odaberete tabelu "dvaput kliknite lijevo od tabele (one njene granice)
9. Otvorite dijaloški okvir Svojstva tabele i unesite -vrijednost 0 u polje za unos Border Size Kliknite na dugme OK. Kao rezultat toga, granice tabele će biti označene isprekidanim linijama.
Crtanje tabele
Do sada ste kreirali tabele koristeći komandu Table podmenija Insert u meniju Table. U ovom slučaju, jubilej se generiše automatski u skladu sa zadatim vrednostima svojstva. Nakon kreiranja tabele, promenili ste ove vrednosti u dijaloškom okviru Tab! C Pioperties, dodali i uklonili kolone i redove, spojili ćelije itd. preko komandi Tabie. Frontpage je još jedan način kreiranja i uređivanja tabela, prema kojem se dugmad na Lable alatnoj traci koriste za obradu tabela. Dugme Draw Table vam omogućava da ručno nacrtate tabelu. Dugme Eraser se koristi za brisanje dela melade po ćelijama.Ostali tasteri dupliraju odgovarajuće komande menija Table.
1. Postavite kursor na praznu liniju između dvije tabele, a zatim pritisnite dvaput i jednom pritisnite tipku sa strelicom nagore.
Bilješka
Preporučljivo je ostaviti prazan red između tabela kada ih kreirate, jer je teško umetnuti redove između tabela u Frontpage. Lakše je ukloniti nepotrebne nakon što se raspored završi.
1. U meniju Table aktivirajte komandu Crtanje tabele. Kao rezultat, pojavljuje se traka sa alatkama Table, a pokazivač miša se mijenja u olovku. Table 6 4 opisuje dugmad na traci sa alatkama Table
3. Postavite pokazivač miša između dvije postojeće tabele na lijevoj strani stranice i pomjerite ga prvo vodoravno do polovine stranice, a zatim dolje na udaljenosti koja je jednaka visini druge tablice.
Poglavlje 6. lul stolovi i okviri
4. Postavite pokazivač miša na gornju ivicu tabele, blizu lijevog ugla. Pomjerite pokazivač vodoravno na pola dužine tablice. Pomjerite ga dolje do donje granice. Tabela sada ima dvije kolone.
5. Napravite tri reda u desnoj koloni (visine redova mogu biti proizvoljne).
6. Odaberite drugu kolonu tabele. Kliknite na dugme Distribuiraj redove ravnomerno na traci sa alatkama tako da sva tri reda budu iste visine.
7. Nacrtajte liniju koja dijeli drugi red desne kolone na dva dijela.
8. Nacrtajte dvije linije kako biste donji red u desnoj koloni podijelili na tri dijela. Širina prve nove ćelije postavlja se na širinu ćelije na vrhu
9. Postavite pokazivač na desnu ivicu prve kolone. Kao rezultat, pokazivač se mijenja u dvosmjernu strelicu.
10. Pomaknite ivicu kolone udesno da je proširite.
11. Aktivirajte dugme Izbriši na traci sa alatkama Table. Pokazivač miša se mijenja u gumicu. Nacrtajte gumicu okomito na liniju koja razdvaja krajnje desne i srednje ćelije u donjem redu. Kao rezultat, ova linija razdvajanja će nestati (vidi dolje).
12. Ponovo kliknite na dugme Eraser (pokazivač miša će se vratiti u svoj normalan izgled). Postavite pokazivač na vrh druge kolone Kada se pokazivač pretvori u malu crnu strelicu koja pokazuje prema dolje, kliknite da biste odabrali kolonu.
13. Pritisnite tipku i pomjerite pokazivač udesno, pozicionirajući ga preko krajnje vanjske kolone. Čim kliknete, dvije najudaljenije kolone će biti istaknute.
14. Kliknite na dugme Distribute Columns Ravnomerno na traci sa alatkama. Rezultirajuća tabela je prikazana u nastavku.
15. Izaberite tabelu koristeći komandu Table u podmeniju Select u meniju Table i pritisnite taster da je obrišete.
Tabela 6 4. Tabela dugmadi na traci sa alatkama
Vježbe koje smo izveli imaju za cilj da pokažu koliko je FiontPage gi širok u smislu kreiranja tabela Sve operacije se izvode u WYSIWYG modu u bilo kojoj fazi rada, možete vidjeti kako će kreirana tabela izgledati u pretraživaču.
Uvoz tekstualnih informacija u tabelu.
Da biste ispravno uvezli tekst u tabelu, ona mora biti na odgovarajući način pripremljena. Fragmenti teksta koji se nalaze u susednim ćelijama tabele moraju biti odvojeni jedan od drugog posebnim znakovima (separatorima), kao što su zarezi. Najčešće se znaci interpunkcije koriste kao separatori. Zatim izvršite sljedeći slijed radnji:
1. Kliknite ispod donje tabele, pritisnite
2. Označite uneseni tekst; meni 1 Table i aktivirajte tekst komande Da Table Podmeni Comen *
3. U učitanom dijaloškom okviru Pretvori tekst u tablicu, odaberite radio dugme Ostalo, izbrišite tačke u polju sa desne strane i unesite tačku i zarez. Kliknite na dugme OK. Kao rezultat, tekst će biti uvezen u tabelu (Slika 6.5.)
Slika 6.5. Tabela kreirana od informacija o testu
Bilješka
HTML ne podržava tabove Ako tekstualne informacije pretvorite u tabelu u kojoj se tabulatori koriste za razdvajanje nizova informacija, ti znakovi će biti uklonjeni i tabela neće biti ispravno kreirana. Umjesto tabulatora, trebali biste koristiti znak interpunkcije, koji se ne koristi u tekstualnoj datoteci. U ovom primjeru se koristi tačka i zarez jer tekst sadrži zareze i crtice. Alternativni znak je marker pasusa * Možda ćete htjeti da uvezete sadržaj tekstualne datoteke u tabelu. Ali prvo morate uvesti tekst iz datoteke i stranica) aktiviranjem naredbe Datoteka u meniju Insert. zapamtio da Frontpage ne uvozi ispravno ćirilični tekst (nema problema sa latinicom ) Stoga, ako želite da izdvojite sličan tekst iz datoteke i postavite ga na stranicu, otvorite datoteku u nekom uređivaču teksta, kao što je Notepad, i prenesite tekst na stranicu pomoću međuspremnika - pribl. ed.
4. Odaberite donji (prazan) red u tabeli, ako postoji, i izbrišite ga.
5. Kliknite desnim tasterom miša na tabelu i aktivirajte komandu Svojstva tabele iz kontekstnog menija. U okviru sa listom Poravnanje dijaloškog okvira koji se otvara, izaberite element Center, a zatim isključite opciju Specify Width. U polju Cell Padding unesite vrijednost 4, navodeći tako razmak između rubova ćelije i njenog sadržaja. Nakon što izvršite sve gore navedene postavke, kliknite na dugme OK.
6. Označite isepxmolo liniju, kliknite desnim tasterom miša na nju i otvorite dijaloški okvir Svojstva ćelije.U ovom prozoru postavite opciju Header Cell i odaberite Lijevo u listi Horizontal Alignment. Na kraju kliknite OK.
7. U meniju Table aktivirajte komandu Caption podmenija Insert. Kliknite podebljano dugme na traci sa alatkama Formatiranje. Uneseni naslov tabele biće podebljan. Unesite, na primjer, sljedeći naslov. PUNO IME. i godina rođenja zaposlenih
8. Izaberite prvi red tabele i kliknite na polje sa listom Boja popune na traci sa alatkama Table. Na listi koja se otvori odaberite Aqua boju (treću s lijevog kvadrata u drugom redu) i kliknite OK.
9. Odaberite preostale redove u tabeli i otvorite dijaloški okvir Svojstva ćelije. Odredite žutu boju u okviru liste Boja u oblasti Pozadina, a u okviru liste Horizontalno poravnanje izaberite Centar.
Kliknite na dugme OK Rezultirajuća tabela bi trebala izgledati kao ona prikazana na Sl. 6.6.
10. Kliknite na dugme Sačuvaj da sačuvate kreirane tabele.
11. Iz menija Datoteka izaberite Pregled u pretraživaču. U dijaloškom okviru koji se otvori odaberite pretraživač Internet Explorer 5.0 i kliknite na dugme Pregled. Na sl. Slika 6.7 prikazuje početnu stranicu web stranice Test Tables koja sadrži tabelu koju smo kreirali. Ako koristite drugi pretraživač, otvorite ovu stranicu u njemu i pogledajte kako će se prikazati tabela koju smo kreirali.
U najnovijim pretraživačima, podrška za tablice je proširena. Ranije su postojale značajne razlike između načina na koji su tabele prikazane u različitim pretraživačima. Neki pretraživači ih uopšte nisu podržavali. Trebali biste pregledati svoj rad u različitim pretraživačima i procijeniti kako vaše tabele izgledaju u njima. Trenutno tržištem pretraživača dominiraju proizvodi iz Netscapea i Microsofta. Ova dva pretraživača podržavaju tabele prilično dobro.
Rice. 6.6. Konačna tabela (Prikaz stranice)
Rice. 6.7. Konačna tabela (Internet Explorer 5.0)
Korištenje tabela pri dizajniranju web stranice
Tabele su korisne za podjelu stranice na područja u kojima će biti predstavljene informacije.
Slijedite ove korake:
1. U prikazu stranice kreirajte novu stranicu. Umetnite jedan prazan red na početak stranice.
2. Aktivirajte komandu Clip Art podmenija Slika u meniju Umetanje. Dijalog Clip Art Gallery će se učitati. Pomaknite se prema dolje da vidite ikonu Mjesta. Dvaput kliknite na njega. Prozor će prikazati slike povezane sa naslovom Mjesta. Odaberite sliku sa arhitektonskim spomenikom Taj Mahala i na panelu koji se pojavi kliknite na dugme Umetni klip. Slika će biti postavljena na stranicu.
3. Postavite kursor ispod slike i unesite sljedeći tekst: "Spomenik indijske arhitekture. Mauzolej sultana Shah Jahana i njegove supruge. Nalazi se 2 kilometra od grada Agre. Struktura sa pet kupola od bijelog mramora sa mozaicima u boji kamenje. Visina je 74 metra. K Tadž Mahalu graniče četiri minareta i bašta. Ovaj primjer indomuslimanske arhitekture uvodi slika poznatog ruskog umjetnika V. V. Vereščagina, koji je posjetio Indiju."
4. Označite uneseni tekst. Pritisnite kombinaciju tastera da kopirate tekst u međuspremnik. Postavite kursor na kraj posljednje rečenice i unesite razmak. Pritisnite kombinaciju tastera. Kao rezultat toga, tekstualni niz će se povećati, što će omogućiti postizanje željenog rezultata u budućnosti - okružiti sliku tekstom.
5. Pomerite pokazivač na vrh stranice. Aktivirajte komandu Tabela podmenija Umetanje menija Tabela. U učitanom prozoru, u polje Rows unesite vrijednost 2, u polje Columns - -1, u polju Border Size - 0 isključite opciju Specify Width. Nova tabela će zauzeti mjesto grafike i teksta, koji će se pomjerati prema dolje. Rezultat je prikazan na sljedećoj slici.
6. Prevucite sliku u gornji red tabele.
7. U donjem redu tabele unesite naziv spomenika „Taj Mahal. Podesite tekst podebljanim slovima i poravnajte ga sa središtem gabtata tako što ćete kliknuti na dugme Bold i Center na traci sa alatkama Formatting, respektivno.
8 Otvorite dijaloški okvir Svojstva tabele i označite Lijevo u Float listi.Kliknite OK. Ovo će postaviti tekst oko stola. U drugim tekstualnim neurednim WOT-om, efekat se naziva premotavanje
9 Sačuvajte stranicu sa imenom Tatj _Mahal i naslovom Taj Mahal U meniju Datoteka aktivirajte komandu Preview In Browser Izaberite pretraživač i kliknite na dugme Pieview Na slici 6-8, stranica je prikazana u Internet Explorer-u 5 O
Kao što vidite, tabele su korisne za poravnavanje slika i natpisa Napravite više stranica na osnovu šablona koji koriste tabele i dobićete potvrdu koliko je alat za prezentaciju moćan.
Slika 6.8. Premotajte tekst oko slike
Možda imate svoje ideje za korištenje tabela na web stranici. Implementirajte ih Eksperimentirajte dok ne dobijete željeni rezultat. Samo tako možete dobiti dobro dizajniranu stranicu.
Rad sa osobljem
Klapbi, kao i tabele, služe za postavljanje informacija na pojedinačne stranice o gostima Okviri su prozori koji se nalaze na web stranici i namijenjeni su za prikaz drugih web stranica Bilo koji broj okvira može se postaviti na stranicu Koristeći okvire, vrlo je zgodno prezentirati informacije o Web stranica sa složenim rubrikacijskim sistemom U ovom slučaju, trebali biste kreirati stranicu sa dva okvira, okvirom TOC-a i glavnim okvirom.Okvir TOC-a sadrži listu naslova koji su veze. Kada je link-heading aktiviran, odgovarajuća stranica se učitava u glavni okvir.
Zatim ćete pratiti jednostavnu studiju slučaja kako biste demonstrirali principe rada sa osobljem (u ovom primjeru će biti samo tri naslova). Ovaj primjer ćemo posvetiti spomenicima arhitekture.
1. Kreirajte novu web stranicu na jednoj stranici i nazovite je Frames. U prikazu stranice aktivirajte komandu Stranica u podmeniju Novi menija Datoteka. U dijaloškom okviru za učitavanje New idite na karticu Frame Pages, koja predstavlja šablone stranica sa okvirima (slika 6.9).
Šablon Baner i sadržaj je odabran po defaultu. Područje Pregled prikazuje sastav stranice koja će biti kreirana na osnovu ovog predloška, a područje Opis pruža opis predloška. Uzastopno odaberite svaki od predložaka da pročitate njihov opis i saznate koje stranice se mogu kreirati na osnovu njih.
Rice. 6.9. Novi dijaloški okvir (kartica Stranice okvira)
2. Nakon što ste se upoznali sa mogućnostima predložaka, odaberite predložak Zaglavlje, Podnožje i Sadržaj. Kliknite na dugme OK.
Ovo će kreirati stranicu koja sadrži četiri okvira: okvir sa zaglavljem (gornji okvir), okvir sa sadržajem na lijevoj strani, glavni okvir i okvir podnožja (donji okvir) (slika 6.10). Svaki okvir sadrži dva dugmeta: Postavi početnu stranicu (koristi se za odabir početne stranice, tj. stranice koja se prva prikazuje u okviru nakon
učitavanje stranice okvira u pretraživač) i Nova stranica (klikom na Novo
Stranica rezultira praznom početnom stranicom).
Rice. 6.10. Stranica okvira zasnovana na zaglavlju, podnožju i predlošku sadržaja
3. Kliknite na dugme Nova stranica u gornjem okviru. Kao rezultat, nova prazna stranica će biti kreirana u okviru.
Bilješka
Da biste koristili postojeću stranicu kao početnu stranicu okvira, uradite sljedeće: u ovom okviru kliknite na dugme Set Initial Page; u otvorenom dijaloškom okviru Kreiraj hipervezu odaberite potrebnu stranicu i zatvorite prozor tipkom OK.
4. Kliknite desnim tasterom miša na stranicu u gornjem okviru i izaberite Shared Borders iz menija sa prečicama. U okviru za dijalog sa istim imenom, radio dugme Trenutna stranica je podrazumevano izabrano (ne menjajte ovu postavku). Ako su instalirane neke opcije, isključite ih.
Bilješka
Okviri su alternativna pomoć u navigaciji općim područjima. Stoga, ako postoje okviri na web stranici, zajedničke oblasti se ne koriste.
5. Na stranici u gornjem okviru unesite naslov "Arhitektonski spomenici". Dajte svom naslovu stil pasusa naslova 2 i poravnajte ga sa središtem.
6. Kliknite na dugme Nova stranica u donjem okviru. Na kreiranoj stranici unesite sljedeću rečenicu: "Za pitanja i komentare kontaktirajte: [email protected]". Odaberite uneseni tekst i u listi Font Size na alatnoj traci Formatting izaberite 2. Veličina fonta unesene rečenice će postati 10 bodova.
7. Kreirajte novu stranicu u TOC okviru (lijevi okvir). Unesite sljedeća tri reda teksta (nakon što unesete sljedeći red, pritisnite tipku):
Akropolj
Piramide
Taj Mahal
8. Kreirajte novu stranicu u glavnom okviru klikom na dugme Nova stranica. Pritisnite tipku da kreirate prazan red. U drugi red unesite sljedeću rečenicu: "Dobro došli u svijet arhitekture!" Dajte svom tekstu slog pasusa naslova 1 i poravnajte ga sa središtem stranice. Napravite tekst kurzivom (odaberite ga i kliknite na dugme Kurziv na traci sa alatkama Formatting).
Dakle, kreirane su početne stranice svih okvira. Zatim ćemo napraviti promjene na početnoj stranici okvira TOC-a.
9. Kliknite na dugme Nova stranica na standardnoj traci sa alatkama. Nova prazna stranica bez okvira će biti kreirana. Aktivirajte komandu Clip Art podmenija Slika u meniju Umetanje. Učitat će se okvir za dijalog Clip Art Gallery. U polje Traži klipove unesite naziv arhitektonskog spomenika:
Akropolj. Nakon nekog vremena, rezultati pretrage će biti predstavljeni (vidi dolje) - slika Akropolja. Odaberite sliku i kliknite na dugme Insert Clip na panelu koji se pojavi. Slika će biti postavljena na stranicu.
10. Napravite dvije nove prazne stranice i na njih postavite još dvije slike znamenitosti iz Clip Art biblioteke: jednu s egipatskim piramidama, a drugu s Tadž Mahalom. U prvom slučaju, u prozoru Clip Art Gallery, unesite Piramide kao kriterij pretraživanja, u drugom - Taj Mahal.
11. Idite na stranicu sa slikom Akropolja. Kliknite na dugme Sačuvaj. U dijaloškom okviru Save unesite naziv datoteke za stranicu Acropolis. htm i promijenite zadani naslov u Akropola. Kliknite na dugme Sačuvaj. Učitat će se okvir za dijalog Save Embedded File. Kliknite na dugme Promeni fasciklu. U prozoru istog imena izaberite folder Slike. Zatvorite oba prozora pomoću dugmadi OK. Datoteka slike će biti sačuvana u folderu Slike
12. Sačuvajte stranice sa slikama piramida i Taj Mahala. U prvom slučaju navedite Pyramids htm i Pyramids kao ime i naslov datoteke stranice, u drugom - Taj_Mahal.htm i Taj Mahal.
13. Idite na stranicu u okviru TOC-a. Odaberite riječ Akropola i kliknite na dugme Hiperveza na standardnoj traci sa alatkama. U prozoru Create Hyperlink izaberite stranicu Acropolis.htm. Ciljni okvir mora sadržavati Page Default (glavni) unos. To znači da će stranica (Acropolis.htm) na koju se kreira hiperlink biti otvorena u glavnom okviru. Ciljni okvir možete promijeniti u dijaloškom okviru Ciljni okvir koji se otvara kada kliknete na dugme Promijeni ciljni okvir. Na listi Common Targets u ovom prozoru izaberite odgovarajuću stavku. Konkretno, ako je odabrana stavka Novi prozor, onda kada kliknete na hipervezu, stranica će se otvoriti u novom prozoru pretraživača, a ako je navedena stavka Isti okvir, stranica će se otvoriti u istom okviru u kojem je hiperveza se nalazi.
14. Slijedeći prethodni paragraf, u okviru TOC-a, kreirajte još dvije hiperveze do stranica Pyramids.htm i Taj_Mahal.htm, uključujući riječi Pyramids i Taj Mahal, respektivno. Dakle, tri hiperveze su kreirane u okviru TOC-a, nakon čijom aktivacijom će se odgovarajuće stranice otvoriti u glavnom okviru.
15. Završili smo kreiranje stranice okvira. Rezultat je prikazan na sl. 6.11.
16. Iz menija Datoteka izaberite naredbu Sačuvaj. Dijaloški okvir Sačuvaj kao će se učitati, tražeći od vas da sačuvate stranicu koja se nalazi u gornjem okviru. Desni deo prozora Sačuvaj kao prikazuje kompoziciju stranice sa okvirima (okvir koji se trenutno čuva odgovara popunjenoj oblasti). Imenujte stranicu Fr_header Kliknite na dugme Sačuvaj. Zatim, u prozoru Save As, od vas će biti zatraženo da sačuvate stranicu donjeg okvira (stranice okvira se pohranjuju onim redoslijedom u kojem su kreirane). Imenujte stranicu donjeg okvira FrJboter, okvir tabele sadržaja - Fr_contents, glavni okvir - Fr_main Na kraju, od vas će biti zatraženo da sačuvate stranicu sa okvirima. Dajte mu naziv Okviri i naslov "Arhitektonski spomenici" (Sl. 6.12)
Rice. 6.11. Stranica sa okvirima u prikazu stranice
Rice. 6.12. Procedura za spremanje stranice sa okvirima
17. Učitajte stranicu sa okvirima u pretraživač i pogledajte kako će biti
izgledati kao.
Rice. 6.13. Stranica Frames u pretraživaču
Okvir ima brojna svojstva koja možete kontrolirati. Svojstva okvira se postavljaju u dijaloškom okviru Svojstva okvira. Da biste otvorili ovaj prozor, kliknite desnim tasterom miša na okvir (na primjer, na okvir TOC) i aktivirajte naredbu Svojstva okvira iz kontekstnog izbornika. Kao rezultat, dijaloški okvir prikazan na sl. 6.14. Elementi prozora Frame Properties opisani su u tabeli. 6.5.
Tabela 6.5. Svojstva okvira
| Element | Opis |
| Ime | Kada kreirate hipervezu na stranici okvira, morate u dijalogu Kreiraj hiperink navesti ime okvira u koji će se odgovarajuća stranica učitati kada se ova veza aktivira |
| Početna stranica Početna stranica | Ovo polje za unos označava koja stranica će se prva prikazati u okviru kada se učita |
| Veličina okvira | Ovo područje sadrži dva polja za unos -Width (širina) i Row Height (visina reda) Ovdje možete postaviti vrijednosti u pikselima, u relativnim jedinicama ili kao postotak veličine prozora pretraživača |
| Margine (polja) | Ovo područje definira veličinu margina okvira (razmak između sadržaja stranice i granica okvira) i piksela |
| Promena veličine u pretraživaču | Ako je ova opcija postavljena, korisnik može promijeniti veličinu okvira u svom pretraživaču. |
| Prikaži trake za pomicanje | Ovo polje liste sadrži tri stavke Ako je potrebno (ako je potrebno) - trake za pomicanje se prikazuju samo ako sadržaj stranice ne stane u prozor, Nikad - trake za pomicanje se ne prikazuju, bez obzira na količinu informacija na stranici, Uvijek (uvijek ) - trake za pomicanje se stalno prikazuju Koju od ovih stavki treba odabrati zavisi od sadržaja stranica koje će biti učitane u okvir Na primjer, ako se okvir nalazi na vrhu stranice i sadrži informacije zajedničke za sve stranice (za na primjer, traka za navigaciju), treba odabrati stavku Nevei. Treba imati na umu da način prikaza stranice ovisi o rezoluciji ekrana. Stoga je najbolja opcija odabrati stavku Ako je potrebno. Ako želite da omogućite korisnik sa maksimalnom mogućnošću da vidi informacije u okviru, izaberite stavku Uvek |
Kliknite na dugme Stranice okvira u dijaloškom okviru Svojstva okvira da biste otvorili dijalog Svojstva stranice. Polje za unos Razmak između okvira postavlja širinu linija razdvajanja između okvira na stranici. Opcija Prikaži granice određuje da li se linije prikazuju između okvira.
Dodatni okviri se mogu kreirati na stranici okvira. Izvršite sledeće radnje: u režimu prikaza stranice držite pritisnut taster, pomerite gornju ivicu glavnog okvira malo prema dole, zatim otpustite taster i dugme miša. Kao rezultat, biće kreiran okvir iznad glavnog okvira (slika 6.15), koji ne sadrži stranicu.
Rice. 6.15. Novi okvir
Nadamo se da ste uvjereni da su okviri vrlo zgodno sredstvo za predstavljanje informacija. Jedan od problema koji se javlja pri radu sa okvirima je taj što ih ne podržavaju svi pretraživači. Netscape Navigator podržava okvire od verzije 2 0, a Internet Explorer - od verzije 3 0 Podrška for frames je uveden u HTML 3 2 Neki korisnici još uvijek koriste starije pretraživače, pa imajte na umu da značajan dio vaše publike možda neće moći pravilno vidjeti okvire. Rješenje ovog problema je kreiranje stranice bez plamena (bez okvira) Ako korisnikov pretraživač ne podržava okvire, umjesto nje se prikazuje stranica bez okvira. Naslovna stranica automatski generiše
Stranica bez okvira kada kreirate stranicu sa okvirima Ovo možete provjeriti klikom na karticu bez okvira na dnu prozora naslovne stranice kada je stranica sa okvirima otvorena. Slika 6-16 prikazuje stranicu bez okvira kreiranu prema zadanim postavkama Na ovoj stranici vi može preporučiti korisniku da koristi okvire koji podržavaju pretraživač. Također biste trebali kreirati veze do onih web lokacija sa kojih možete preuzeti pretraživač koji podržava okvire (na primjer, Microsoft web stranica s koje možete preuzeti Internet Explorer 5.0)
Bilješka
Stranica sa okvirima se učitava duže nego obična web stranica jer se u stvarnosti učitava više stranica. Upotreba okvira mora biti razumna.
Slika 6.16. Stranica bez plamena u prikazu Pasu e
Dizajniranje okvirnih stranica u Frontpage-u je lako, zahvaljujući mnogim funkcijama koje Frontpage pruža, i Frontpage-ovom WYSIWYG uređivanju stranice
Opštinska obrazovna ustanova
„Srednja škola broj 2
sa dubinskim proučavanjem stranih jezika“.
Praktičan rad
„Izrada web stranice u programu FrontPage "
Pripremljen od: IT-učitelj
Nojabrsk 2010
Praktični rad "Izrada web stranica"
Usmanova Svetlana Khamidullovna,
IT-učitelj
MOU SOSH broj 2
grad Nojabrsk, Jamalo-Nenecki autonomni okrug, Tjumenska oblast.
Target: naučite kako kreirati međusobno povezane web stranice, umetati WordArt objekte, pužuću liniju, slike, dugmad, hiperveze, sačuvati dokument.
napredak:
- Otvorite FrontPage program. Fajl → Novo → Web lokacija na jednoj stranici. Otvorite početnu stranicu index.htm Popunite prvu stranicu: umetnite slike, dugmad, pužuću liniju.
- Kreirajte 3 stranice. Napravite veze sa prve stranice na druge stranice.
- Na svakoj stranici kreirajte vezu do početne stranice. Sačuvajte stranice pod nazivom "Poslovice", "Zagonetke", "Izreke". Promijenite boju pozadine na svakoj stranici.
Tema: Korištenje tabela (FrontPage Editor)
Ciljevi lekcije:
proširenje i produbljivanje razumijevanja alata i metoda web dizajna;
formiranje vještina korištenja tabela u FrontPage editoru za postavljanje informacija na web stranice;
razvoj logičkog mišljenja, sposobnosti analiziranja, poređenja, sistematizacije, generalizacije.
vaspitanje samostalnosti, upornosti i tačnosti.
Vrsta lekcije: lekcija u usvajanju novih znanja i vještina.
Učenici treba da budu u stanju da: koristiti tabele za objavljivanje informacija na web stranicama.
Softverska i metodička podrška lekcije: FrontPage editor;
udžbenik "Informatika 11", § 5.3.
Tokom nastave.
Provjera znanja sa prethodne lekcije
Ažuriranje znanja i motivisanje učenika za učenje novog gradiva
Objašnjenje novog materijala
4. Osiguravanje novog
5. Sumiranje lekcije
6. Domaći
1. Provjera znanja iz prethodne lekcije(reproduktivna nastavna metoda, individualni i frontalni oblik rada).
Izvođenje pojedinačnih zadataka na računaru: u FrontPage editoru kreirajte web stranicu koja sadrži tekst i grafiku (vežba za § 5.2 tutorijala).
Pozovite učenike da odgovore na pitanja: Koja je svrha FrontPage editora? Koje opcije za formatiranje teksta ima FrontPage? Kako se podešava veličina fonta na web stranicama?
2. Aktuelizacija znanja i motivacija učenika za proučavanje novog gradiva ( frontalni oblik rada).
Prije nego počnete objašnjavati novi materijal, neka vaši učenici identificiraju osnovne elemente dizajna web stranica. U toku razgovora navedite listu zadataka za čije rješavanje se koriste tabele u uređivaču teksta MS Word.
3. Objašnjenje novog materijala(eksplanatorna i ilustrativna nastavna metoda u kombinaciji sa parcijalnim pretraživanjem, frontalni oblik rada).
Započnite objašnjenje pitanjem: kako možete odrediti smještaj teksta i slika na zadatim mjestima na stranici? Jedna od najčešće korišćenih metoda do sada je upotreba tabela u čije ćelije su smešteni različiti tekstualni i grafički elementi. Može se primijetiti da se postavljanje informacija na web stranice pomoću tabela naziva rasporedom tablice.
Kreiranje tabela
Tabele na web stranicama postavljaju se pomoću dugmeta Tabela, umetak, tabela.
Otvara se prozor u kojem se postavljaju parametri tabele:
U prozoru Veličina količina je podešena žice i kolone tvoj sto.
U prozoru Granice je uspostavljena veličina ivice stola,
u prozoru boja
- boja ivice
Pozadina, Bojaželjenu boju.
Kliknite na dugme UREDU.
Pogledajte rezultat:
U modu Konstruktor U modu Pogled
Ako se promenite Veličina tabele i stavite 0 umjesto 1, tada ćete imati tabelu sa nevidljivim granicama u modu Pogled.
Pogledajte rezultat
U modu Konstruktor U modu Pogled
Bilješka:
Kombinovanje ćelija:
Odaberite ćelije koje želite spojiti
1 put pr.Kn. miša i preuzeti komandu Spoji ćelije
Izmjena tabele:
Svojstva tablice
4. Osiguravanje novog materijala(parcijalna pretraga metoda nastave, individualni oblik rada).
Pozovite učenike da zauzmu svoja mjesta za računarima i završe zadatke primjera 1 iz § 5.3 priručnika, vježbe 1 iz § 5.3 priručnika. Kada završite, pogledajte generisane stranice u pretraživaču.
5. Sumiranje lekcije
Pozovite učenike da ukratko navedu svrhu i glavne karakteristike upotrebe tablica u dizajnu web stranica.
1.Šta smo se danas sreli?
Kako napraviti tabelu sa nevidljivim ivicama?
Navedite primjer zašto bi bila potrebna tabela s nevidljivim granicama.
Po potrebi precizirajte i sumirajte odgovore.
6. Domaći
Proučite materijal iz § 5.3 vodiča za učenje, odgovorite na pitanja 1-2.
U prozoru Veličina količina je podešena žice i kolone tvoj sto.
U prozoru Granice je uspostavljena veličina ivice stola,
u prozoru boja - boja ivice
Ako želite da vam ceo sto bude određene boje, postavite u prozor Pozadina, Bojaželjenu boju.
Kliknite na dugme uredu
Izmjena tabele:
Klikom 1 put pr.Kn. pređite mišem preko stola i preuzmite komandu Svojstva tablice
Funkcije tabela prilikom kreiranja web stranica su različite. Evo nekih od njih:
- Poravnavanje informacija zbog njihove lokacije u ćelijama tabele. Koristeći tabele, tekst se može prikazati u obliku kolona
- Poravnavanje naslova i polja obrasca
- Raspored teksta i grafike u različitim kolonama na web stranici
- Korištenje ugniježđenih tabela
- Postavljanje drugačije pozadine za određene dijelove stranice
Najčešća upotreba tabela na web stranicama je za poravnavanje informacija koje sadrže tekst i grafiku, jer su znakovi i paragrafi formatirani pomoću sredstava koja neki pretraživači mogu zanemariti (na primjer, prazne redove).
FrontPage pruža alate za proračunske tablice koji pojednostavljuju većinu praktičnih zadataka. Komande za rad sa tabelama olakšavaju kreiranje i uređivanje tabela, kao i organizovanje i formatiranje podataka koje sadrže.
Tabela se može umetnuti bilo gdje na web stranici. Za kreiranje tabela možete koristiti sljedeće alate:
- Tim Insert(Insert) meni sto(Tabela)
- Dugme Dodaj tabelu(Insert Table) standardna traka sa alatkama
Alternativni način kreiranja tabela je korištenje naredbe Tabela za crtanje(Draw Table) meni sto kao i dugme Tabela za crtanje alatne trake Stolovi... Ovaj alat vam omogućava da kreirate tablicu sa složenijom konfiguracijom (na primjer, sa ćelijama različitih veličina). U ovom slučaju jednostavno nacrtate potrebnu tablicu mišem, kao što biste je nacrtali olovkom na papiru.
Ako su informacije koje želite da postavite u tabelu već u vašem dokumentu kao tekst, možete pretvoriti tekst u tabelu. Ali više o tome kasnije.
Prije nego što nastavite direktno sa kreiranjem tabele, trebalo bi da imate barem grubu ideju o tome koliko kolona i redova tabela treba da ima. U ovom trenutku, ne morate tačno specificirati parametre tabele. Nakon kreiranja, možete dodavati i/ili uklanjati stupce i redove kako vam odgovara.
Kreiranje tabele pomoću dugmeta "Dodaj tabelu".
Najlakši način da kreirate tabelu sa regularnom strukturom je da koristite dugme Dodaj tabelu(Umetnuti tabelu). U ovom slučaju, širine kolona se postavljaju automatski na osnovu širine dokumenta i broja kolona. Ako je potrebno, kasnije možete promijeniti širinu svakog od stupaca. Slijedite ove korake da kreirate tabelu:
1. Postavite kursor na mjesto gdje želite pozicionirati tabelu na web stranici.
2. Kliknite na dugme Dodaj sto(Insert Table) Sličica tabele će se pojaviti na ekranu.
3. Postavite kursor na bilo koju od ćelija na slici tabele i držite pritisnut taster miša. Trenutni broj redova i kolona će biti prikazan na dnu slike (na primjer: tabela 3x4). Pomaknite pokazivač miša na ćeliju koja će odgovarati veličini tablice koju želite. Pomicanje pokazivača udesno ili dolje će povećati veličinu mreže u skladu s tim.
4. Konačno, otpustite tipku miša. Tabela potrebne veličine će se pojaviti na navedenoj lokaciji na stranici.
Ako ste pritisnuli dugme Dodaj tabelu i pokazao na ćeliju na slici tabele, a zatim se predomislio i odlučio da ne kreirate tabelu, pomerite pokazivač miša van tabele tako da se na dnu slike pojavi poruka o otkazivanju. Sada možete otpustiti dugme. Operacija kreiranja tabele će biti otkazana.
Kreirajte tabelu koristeći komandu Crtanje tabele
Najšire mogućnosti za kreiranje tabela pruža naredba Tabela za crtanje(Draw Table) meni sto i dugme Tabela za crtanje alatne trake Stolovi... Za razliku od prethodnih metoda, dizajniranih da formiraju tabele najjednostavnije strukture, koristeći naredbu Tabela za crtanje možete lako kreirati tabelu sa složenom strukturom. Da biste to učinili, slijedite ove korake:
1. Pripremite mjesto za kreiranje stola.
2. U meniju sto odaberite tim Tabela za crtanje ili pritisnite dugme Tabela za crtanje na traci sa alatkama Stolovi.
3. Postavite vanjske granice tabele. Da biste to uradili, postavite pokazivač u bilo koji ugao tabele i kliknite na dugme miša. Ne puštajući ga, pomaknite pokazivač u suprotni ugao tablice, a zatim otpustite tipku miša. Kada definirate granice, nemojte pokušavati odmah uspostaviti precizne granice. U budućnosti možete promijeniti veličinu i tablice kao cjeline i pojedinačnih ćelija.
4. Postupite na sličan način da nacrtate linije za kolone i redove.
Savet Ako tokom rada na tabeli morate da izbrišete red (red ili kolonu), izaberite na panelu sto alat Eraser(Izbriši). Zatim postavite pokazivač miša na početak reda, pritisnite tipku miša i povucite pokazivač do kraja reda, a zatim otpustite tipku miša.
Na vrhu prozora nalazi se traka menija i dvije alatne trake: Standardna i Formatiranje. Možete omogućiti ili onemogućiti prikaz traka sa alatkama pomoću menija Pogled. Na lijevoj strani je View Panel, pomoću kojeg možete mijenjati modove dokumenata. Glavni dio prozora zauzima radno područje u kojem se može otvoriti jedan ili više prozora koji sadrže pojedinačne dokumente. Na dnu prozora nalazi se statusna traka koja sadrži informacije pomoći. Takođe u donjem delu prozora nalaze se tri dugmeta za pregled dokumenta. Prikaz alatnih traka. Možete koristiti iste metode za upravljanje trakama sa alatkama u FrontPageu kao u Microsoft Wordu. Naime: u meniju Prikaz izaberite stavku Toolbars, a u novom podmeniju koji se otvori označite kućice nasuprot onih traka sa alatkama koje su vam potrebne; ili kliknite desnim tasterom miša na bilo koju kontrolnu tablu (ili na oblast pored nje) i koristite kontekstni meni na isti način. 
FrontPage, kao i druge Microsoft Office aplikacije, omogućava vam da dodajete, uklanjate i menjate stavke menija i dugmad na trakama sa alatkama. Također je moguće izraditi potpuno vlastite panele. Za ovo vam je potrebno:
- izaberite stavku Podešavanja u meniju Servis.
- izaberite stavku Toolbars u meniju View i stavku Settings u kaskadnom meniju koji se pojavi.Kao rezultat vaših radnji otvoriće se dijalog Postavke u kojem možete instalirati potrebne panele.
Rad sa web stranicama
Kreiranje nove web stranice
Ako pokrenete FrontPage, već ste kreirali novu web stranicu (pokretanjem FrontPage-a odmah se otvara nova prazna web stranica, spremna da primi tekst i sve druge elemente). Postoje i drugi načini za kreiranje nove web stranice:- koristeći dugme Nova stranica na standardnoj traci sa alatkama.
- meni Datoteka, izaberite podmeni Novi, a zatim Stranica ili Web lokacija;
- koristeći kombinacije Ctrl + N;
- koristeći kontekstni meni (radi u svim režimima, osim u režimima Zadaci i Izveštaji - za ovo unutar Liste fascikli na ovom Webu), kliknite desnim tasterom miša i izaberite Novo - Stranica u kontekstualnom meniju koji se pojavi.
Kreiranje stranica sa čarobnjacima i predlošcima
Kao što je već spomenuto, ako ste koristili File - New - Page ili Web Site za kreiranje nove stranice, FrontPage će od vas tražiti da koristite šablon za kreiranje nove stranice. Da biste to učinili, otvorit će se dijaloški okvir, čiji je izgled prikazan u nastavku:
Kartica Opšte u ovom dijaloškom okviru navodi FrontPage predloške koji su trenutno dostupni. Nakon što odaberete bilo koji od predložaka, možete vidjeti njegov opis u polju Uzorak.
Kreiranje FrontPage Weba.
Microsoft FrontPage Web je kolekcija web stranica, slikovnih datoteka i drugih komponenti koje se mogu posmatrati kao cjelina. Ako kreirate stranicu u FrontPage-u, tada je najpogodnije koristiti FrontPage Web za pohranjivanje.- najveći plus je mogućnost preimenovanja datoteka koje su dio FrontPage Weba. Zamislite da ste prije objavljivanja vaše stranice na Internetu odjednom primijetili da ste nekoliko fajlova nazvali ruskim imenima. "O moj boze!" - mislite, - "Sada se morate popeti na sve fajlove i promijeniti veze olovkama!" Ovde dolazi FrontPage Web — možete bezbedno preimenovati fajlove, a FrontPage će samostalno proći kroz sve ostale fajlove na FrontPage Web-u i preimenovati sve veze ka fajlu koji ste revidirali. Odlično!
- Neću opisivati sve ostale prednosti, ali bih želio reći da je za korištenje svih mogućnosti FrontPagea bolje koristiti FrontPage Web.
Otvaranje web stranica
Vrlo često, kada kreirate web stranicu, morate uređivati već kreirane web stranice. Možete se vraćati na istu stranicu onoliko puta koliko želite da je uredite ili koristite njene dijelove za kreiranje novih web stranica. Možete otvoriti postojeću web stranicu u bilo kojem od postojećih načina. Iz prikaza stranice postoje četiri načina da otvorite postojeću stranicu:1 način
Ako koristite FrontPage Web, jednostavno odaberite željenu datoteku na Listi foldera i dvaput kliknite na nju.
2 way
U meniju Datoteka izaberite Nedavne datoteke. Izaberite željenu datoteku iz kaskadnog menija koji se pojavi.
3 way
Korišćenje dijaloga Otvori datoteku: Otvori datoteku.
Pregled
Da vidite kako vaša stranica izgleda direktno u pretraživaču, možete koristiti karticu Prikaz u modu za uređivanje web stranice. Ali u ovom slučaju može se ispostaviti da FrontPage pretraživač ne prikazuje sasvim ispravno neke elemente vaše stranice, pa je najbolje da:- koristite dugme Pogled na traci sa alatkama
- u meniju Datoteka izaberite Pregled pregledača.
Ovdje možete:
- Odaberite pretraživač u kojem želite da vidite svoju web stranicu. U pravilu se ovdje u početku prikazuje pretraživač, koji je standardno instaliran na vašem računalu.
- Dodajte bilo koji drugi pretraživač, za koji trebate koristiti dugme Dodaj.
- Uredite ili uklonite instalirane pretraživače.
- Podesite veličinu ekrana na kojoj će se prikazivati vaša web stranica
Čuvanje veb stranica Da biste sačuvali datoteku, u meniju Datoteka izaberite Sačuvaj. Ako stranica još nije sačuvana, FrontPage će otvoriti dijalog Sačuvaj kao....
FrontPage podrazumevano uzima prvi red teksta sa vaše stranice umesto naslova stranice. Ovo nije uvijek ono što vam treba. Naziv stranice možete promijeniti pomoću dugmeta Promijeni - klikom na ovo dugme otvara se dijaloški okvir Naslov stranice u kojem možete promijeniti naziv stranice.
Uklanjanje web stranica
Kada radite sa web-stranicom, prije ili kasnije će se dogoditi da vam neke stranice više ne trebaju i da ih želite izbrisati. Postoje tri načina za brisanje web stranice.
1 način
U oknu Lista fascikli izaberite datoteku koju želite da izbrišete i pritisnite dugme Delete na tastaturi.
2 way
U oknu Lista fascikli, kliknite desnim tasterom miša na datoteku (ili ikonu datoteke) koju želite da izbrišete i izaberite stavku Izbriši u kontekstualnom meniju koji se pojavi.
3 way
U oknu Lista fascikli izaberite datoteku koju želite da izbrišete, a zatim izaberite Izbriši iz menija Uređivanje.
Rad sa tekstom
Na prvi pogled, unos teksta u FrontPage ne razlikuje se od unosa teksta u bilo koji uređivač teksta (na primjer, Microsoft Word). Da biste upisali tekst, samo kliknite mišem bilo gdje na stranici, a kursor će se postaviti na najbližu tačku gdje možete unijeti tekst. Upisivanje velikih slova, uređivanje teksta (brisanje znakova, umetanje teksta itd.) vrši se na isti način kao u Microsoft Wordu. Postoji samo jedno malo ALI: kada pritisnete taster Enter u FrontPage-u, kursor se nameće na novi red, sa fiksnim uvlakama pasusa ispred i posle pasusa. Ako ne trebate kreirati pasuse, onda je najbolje koristiti kombinaciju tipki Shift + Enter za prelazak na novi red.Rad sa slikama
Umetanje slika u web stranicu
Postoji nekoliko načina da umetnete sliku u svoju web stranicu:1. Prevucite sliku iz Windows Explorera (odnosno direktno iz Explorera).
2. Prevucite sliku iz Internet Explorer-a.
3. Prevucite datoteku slike iz okna Lista mapa direktno na stranicu.
4. Korišćenje međuspremnika - kopirajte sliku u međuspremnik iz bilo kog drugog programa, a zatim je zalepite na stranicu iz međuspremnika. 5. Korišćenje dugmeta Dodaj sliku iz datoteke na standardnoj traci sa alatkama.
6. Korišćenje menija Insert -Slika.
Razmotrimo ove metode detaljnije:
Metoda 1 Da biste prevukli sliku iz Windows Explorera (odnosno direktno iz Explorera), potrebno je:
- otvorite prozor istraživača;
- u prozoru istraživača izaberite datoteku sa slikom koju želite da umetnete na svoju stranicu;
- levim tasterom miša prevucite datoteku slike na svoju web stranicu i umetnite sliku na mesto gde je bila tačka umetanja na stranici.
Da biste prevukli sliku iz Internet Explorera:
- u FrontPageu otvorite stranicu na koju želite da dodate sliku;
- u pretraživaču otvorite sliku koju želite da postavite na web stranicu vašeg pretraživača, naziv datoteke mora da se završava na jpg, jpeg, gif);
- levim tasterom miša prevucite označenu sliku na svoju web stranicu;
Da biste prevukli datoteku sa slikom sa panela Lista mapa, direktno na stranicu, potrebno je:
- u FrontPageu otvorite stranicu na koju želite da dodate sliku;
- izaberite potrebnu datoteku sa slikom na panelu Lista fascikli;
- levim tasterom miša prevucite označenu sliku na svoju web stranicu;
- odabrana slika se ubacuje na mjesto gdje je bila tačka umetanja na stranici.
Da biste zalijepili sliku na svoju web stranicu koristeći međuspremnik, trebate:
- u aplikaciji iz koje želite da kopirate sliku, izaberite sliku i koristite tastere Ctrl + C da kopirate sliku u međuspremnik;
- na svoju web stranicu zalijepite ovu sliku iz međuspremnika pomoću tipki Ctrl + V
Ako odaberete da koristite dugme Dodaj sliku iz datoteke na standardnoj traci sa alatkama da biste umetnuli sliku na vašu veb stranicu, FrontPage će otvoriti dijaloški okvir Slika. U ovom dijaloškom okviru navedite datoteku slike koju želite da dodate na svoju web stranicu i kliknite na dugme Umetni.
Metoda 6
Ako odaberete da koristite meni Insert Picture da biste umetnuli sliku na svoju web stranicu, FrontPage će od vas tražiti da napravite daljnji izbor:
- Slike... - odabirom te stavke menija dobijate priliku da koristite gotovu biblioteku slika.
- Iz datoteke ... - izbor ove stavke menija daje vam mogućnost da samostalno naznačite lokaciju datoteke sa slikom koju želite da dodate na svoju web stranicu (koristeći ovu stavku otvorit će se dijaloški okvir Slika, rad s kojim je gore opisano).
- Kreiraj kolekciju fotografija… - pomoću ove stavke menija možete kreirati kolekciju slika u određenom stilu. Da biste to uradili, u prozoru sa svojstvima kolekcije fotografija koji se otvori, pomoću dugmeta Dodaj na kartici Slike izaberite slike, a na kartici Raspored izaberite oblikovanje.
Dodavanje medijskih fajlova
Pored jednostavne grafike, kao - slike u * .gif, * .jpg, * .png itd. FrontPage vam omogućava da ugostite multimedijalne datoteke na vašim web stranicama. To uključuje: video klipove, zvukove...Da biste umetnuli video snimak, izaberite stavku Slika iz menija Umetanje, a zatim Video snimanje...
Otvoriće se dijaloški okvir Video, koji prikazuje video snimke u * .avi, * .asf, * .ram, * .ra formatu. Možete dodati zvuk na Web stranicu na kartici Opšte u dijaloškom okviru Svojstva stranice.
Rad sa tabelama
Tabela je jedan od najmoćnijih alata koji se koriste za kreiranje web stranica. U početku su se tabele koristile samo za predstavljanje strukturiranih podataka. Međutim, oni su postupno evoluirali u moćan alat opće namjene za izgled web stranica.Kreiranje tabela
Najlakši način da kreirate tabelu je da koristite dugme Tabele -Dodaj tabelu koje se nalazi na standardnoj traci sa alatkama. Drugi način je korištenje stavke menija Table-Insert - Table. Takođe, tabela se može nacrtati i zalijepiti pomoću međuspremnika.Unos podataka i navigacija u tabeli.
Jedna od sjajnih stvari u vezi sa tabelama je da je tekst koji unesete formatiran unutar ćelije na isti način na koji smo navikli da ga formatiramo u okviru celog dokumenta. Tekst postavljen u ćeliju automatski se premotava u novi red ako njegova dužina premašuje širinu kolone. Pritiskom na tipku Enter umećete novi pasus kao i obično. Tekst ili brojevi se unose u tabelu pomoću tastature. Prije unosa podataka u tabelu potrebno je postaviti tekstualni kursor u željenu ćeliju tabele. To se može učiniti klikom na njega mišem. Međutim, praktičnije je koristiti prečice na tipkovnici za kretanje između ćelija:Kreiranje i primjena obrazaca
Obrasci su okviri za tekst, radio dugmad, potvrdni okviri, dugmad i mnoge druge kontrole. Posetilac sajta samo treba da unese neke podatke u određeno tekstualno polje, odabere neke podatke sa predložene liste, klikne na dugme Pošalji, kako bi se podaci poslali na Web server na obradu (ili obrađeni baš tamo na stranici).Ali kreiranje obrazaca na samoj stranici samo je pola posla. Pošto nužno mora postojati program koji može obraditi podatke koje korisnik unese koristeći formulare.
Takav program može biti lociran na serveru; može se nalaziti na vašoj web stranici kao zasebna datoteka ili se jednostavno može napisati u html kodu na vašoj web stranici. Ona je ta koja određuje šta će se dogoditi s podacima koje unese korisnik:
- mogu se dodavati informacije u bazu podataka i razne grafikone, na osnovu njih se mogu graditi ocjene...;
- informacije se mogu proslijediti e-poštom (ovo se često koristi za dobivanje informacija o korisniku u upitnicima različitih vrsta);
- informacije se mogu obraditi direktno na licu mjesta i posjetitelj vaše stranice će odmah dobiti informaciju o odgovoru (na primjer, dobit će bodove za test, vidjeti podatke koje je unio u knjigu gostiju...).
1. Svaki obrazac zauzima određeno područje web stranice. Jedna web stranica može sadržavati jedan ili više obrazaca.
2. Svaki obrazac mora sadržavati barem jedan od elemenata obrasca (iako ih, po pravilu, ima nekoliko).
3. Svaki element forme ima ime i značenje. Ime identifikuje polje za unos informacija, a vrednost je jednaka vrednosti koju je izabrao korisnik.
4. Jedan od elemenata obrasca (može biti obično dugme ili bilo koja slika) treba da funkcioniše kao dugme za slanje.
Kreiranje obrazaca u FrontPageu
Da dodate obrazac na web stranicu, potrebno je:- Postavite kursor tamo gde želite da umetnete obrazac.
- U meniju Umetanje izaberite stavku Obrazac, u meniju koji se otvori ponovo izaberite stavku Obrazac. Obrazac će biti postavljen na vašu web stranicu - pojaviće se područje označeno tačkastim okvirom sa dva dugmeta: Pošalji i Resetuj.
- Koristeći istu stavku menija Umetanje Obrazac, uzastopno umetnite elemente obrasca koji su vam potrebni tako što ćete ih birati iz padajućeg kaskadnog menija (zapamtite da su svi elementi obrasca umetnuti unutar područja obrasca označenog tačkastim okvirom).
Nakon kreiranja obrasca, ostaje samo da ga ispunite sadržajem - elementima obrasca, tekstom, slikama, tabelama... (u ovom slučaju veličina obrasca će se automatski promijeniti). Možete dodati sadržaj u obrasce na uobičajen način. Na primjer, možete upisati tekst, ili ga možete zalijepiti iz međuspremnika... Sve radnje s dodanim objektima su slične. Međutim, kreiranje forme je samo početak. Nakon njegovog kreiranja potrebno je konfigurirati svojstva kako samog obrasca tako i njegovih elemenata.
Postavljanje svojstava obrasca
Da biste obradili ili sačuvali podatke koje su posetioci uneli na veb stranicu, morate koristiti mogućnosti koje pružaju FrontPage Server Extensions ili neki drugi program koji radi na Web serveru. Ali koji god program da odaberete, i dalje morate prilagoditi svojstva obrasca i elemenata u njemu. Da biste otvorili prozor sa svojstvima obrasca, potrebno je:na meniju Umetanje izaberite Obrazac, a zatim -
ili
pozovite kontekstni meni za obrazac i izaberite stavku Svojstva obrasca u kontekstnom meniju koji se otvori.
Ovo će otvoriti dijaloški okvir Svojstva obrasca.
1. U polju Sačuvaj rezultate morate navesti šta treba uraditi sa podacima unesenim u obrazac. Možete birati između sljedećih opcija:
o Upload File name - podaci će biti poslati u navedenu datoteku na web serveru. Ova datoteka može biti web stranica koja vremenom postaje sve duža ili datoteka podataka koja se zatim može obraditi u Excelu, Accessu ili bilo kojem drugom programu;
o Slanje e-mail adrese - u ovom slučaju, svaki put kada posjetitelj web stranice klikne na dugme Pošalji na obrascu, e-mail poruka će biti generisana i poslata na adresu koju ste naveli. Ova poruka će sadržavati sve podatke koje je korisnik unio na web stranici.
o U bazi podataka - u ovom slučaju podaci obrasca će biti poslani u bazu podataka. Baza mora biti locirana na web serveru (ili mu biti dostupna).
2. U polju Svojstva obrasca morate navesti naziv obrasca
FrontPage Views
FrontPage nudi šest različitih načina za pregled sadržaja web stranice:- stranica,
- fascikle,
- izvještaji,
- prijelazi,
- hiperveze,
- Zadaci.
Stranica
Ovaj način rada se koristi za kreiranje i uređivanje web stranica. Ovdje možete kreirati prazne web stranice i stranice na osnovu šablona, dodijeliti teme (skup stilova prikaza stranica) stranicama. U ovom režimu možete dodavati i formatirati tekst, dizajnirati stranice koristeći grafičke i video slike (podržana je konverzija većeg broja grafičkih formata u * .gif, * .jpg i * .png formate), dodati zvuk stranici, predstaviti informacije u tabelama, okvirima itd. obrascima i na kraju kreirati hiperveze. Ovo nije potpuna lista mogućnosti FrontPage-a za uređivanje sadržaja web stranica.Fascikle
U ovom načinu možete pregledavati i upravljati strukturom web stranice (datoteke i mape) na isti način kao u Windowsu, ovaj način vam daje priliku da dobijete detaljnije informacije o datotekama i mapama nego što je navedeno u Prikaz stranice.Izvještaji
Pruža vam preko desetina izvještaja koji sadrže razne informacije o web stranici otvorenoj u FrontPageu.Tranzicije
Dizajniran za pregled hijerarhije stranice. U ovom režimu možete manipulisati hijerarhijom prevlačenjem i ispuštanjem pravougaonika (svaki predstavlja određenu Web stranicu).Hiperveze
Demonstrira sistem hiperveza koje povezuju stranice web stranice (kao i sistem hiperlinkova na druge stranice), provjerava njihov integritet i dozvoljava im da se mijenjaju.Zadaci
Ovaj način rada služi za upravljanje zadacima web stranice (dodavanje, brisanje, izvršavanje, određivanje prioriteta i praćenje statusa zadataka).Pitanja za samokontrolu
- Kako kreirati novu stranicu u editoru Front Page?
- Kako da otvorim postojeću web stranicu?
- Kako da sačuvam gotove web stranice?
- Opišite jedan način umetanja grafičke slike u web stranicu.
- Koji je princip rada sa tekstom?
- Šta su obrasci?
- Koji su načini pregleda web stranica u Front Page
