Frontpage nudi dvije funkcije koje vam omogućuju da stranicu podijelite na odjeljke koji sadrže tekst i grafiku. To su stolovi i okviri. Do ove točke, poravnali smo tekst na retku dodavanjem razmaka pomoću stila Formatirani odlomak. Također možete koristiti tablice za poravnavanje teksta. Polja obrasca poravnavaju se pomoću tablica (poglavlje 7 posvećeno je radu s 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 preglednicima.
Bilješka
Preglednici zanemaruju elemente oblikovanja kao što su linije razmaka. Iznimke su kada se koristi oblikovni stil ili znak razmaka bez prekida. HTML kod koristi slijed znakova za označavanje razmaka bez prekida. Korištenje skupa takvih sekvenci omogućuje prikaz teksta s nekoliko uzastopnih razmaka na stranici učitanoj u preglednik. Na naslovnoj stranici možete umetnuti znak razmaka bez prekida pomoću dijaloškog okvira Simbol (prvi u prvom retku).
Dizajniranje stolova
Najvažniji alat za dizajniranje izgleda web stranice je tablica. Funkcije tablica pri izradi web stranica su različite. Prije svega, želio bih istaknuti sljedeće:
poravnavanje podataka umetanjem u ćelije tablice (ovo pruža mogućnost odvajanja podataka linijama različite debljine);
prikaz teksta u obliku stupaca;
poravnanje polja za unos i njihovih naziva u obrascima;
raspodjela teksta i grafike u različitim stupcima;
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 tablica u druge tablice.
U procesu kreiranja tablice u dijaloškom okviru Umetanje tablice postavljaju se sljedeća svojstva: broj redaka i stupaca, vodoravno zauzeto područje stranice, debljina linija koje razdvajaju ćelije i ograničavaju tablicu, količina razmaka između sadržaja i unutarnjeg ruba granica ćelije, poravnanje tablice, itd. ... U budućnosti se mogu mijenjati vrijednosti svojstava tablice. U bilo kojem trenutku možete izbrisati jedan ili više redaka 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 okomito i vodoravno unutar granica postavljenih za tablicu i stupac.
Bilješka
Možete postaviti širinu tablice u pikselima (fiksna širina) ili kao postotak širine prozora preglednika ili okvira u koji je stranica uključena. Širina stupaca tablice određena je kao postotak širine tablice ili u pikselima (fiksna širina). Ako je širina pojedinog stupca ili cijele tablice navedena u pikselima, tada način na koji se ta tablica prikazuje u pregledniku ovisi o razlučivosti zaslona postavljenoj na računalu korisnika.
Prikaz tabelarnih podataka
U klasičnoj tablici redovi i stupci su strogo razgraničeni. Da biste dobili takvu tablicu, morate izvršiti sljedeći slijed radnji:
1. Preuzmite naslovnu stranicu.
2. Aktivirajte naredbu Novo podizbornika Web izbornika Datoteka.
3. Učitat će se dijaloški okvir New. Prema zadanim postavkama, odabran je predložak One Page Web. U polje Specify the Location of the New Web unesite naziv web poslužitelja i web stranice. Imenujte web stranicu, na primjer, TestTables. Kliknite gumb U redu.
4. Prijeđite na prikaz mapa. Dvaput kliknite na naziv datoteke Default.htm. Početna stranica će se otvoriti u prikazu stranice.
5. Pritisnite tipku da biste umetnuli prazan redak na vrh stranice
6. Otvorite izbornik Tablica i aktivirajte naredbu Tablica podizbornika Umetanje. Kao rezultat, otvorit će se dijaloški okvir Umetanje tablice (slika 61). Ovaj prozor prikazuje zadane vrijednosti svojstava tablice. Elementi dijaloškog okvira Umetanje tablice opisani su u tablici 6.1.
Slika 6.1. Dijaloški okvir Umetni tablicu
Tablica 6.1. Svojstva tablice
| Dijaloški element | Svojstvo tablice |
| Umetnite prozore tablice | |
| Redovi | Broj redaka u tablici |
| Kolumne | Broj stupaca u tablici |
| Poravnanje | Kako je tablica poravnata (zadano je lijevo poravnanje) |
| Veličina obruba | Širina separatora i graničnih linija u pikselima Zadana vrijednost je 0 Ako se ova vrijednost ne promijeni, okvir tablice se ne prikazuje u pregledniku, ali na naslovnoj stranici je označen isprekidanom linijom |
| Popuna stanica | Količina prostora (u pikselima) između rubova ćelije i njenog sadržaja (zadano je 1) |
| Razmak između stanica |
Razmak (u pikselima) između susjednih ćelija (zadano je 2) |
| Odredite širinu | Širina tablice Ova vrijednost se postavlja ili u pikselima (prebaci u piksele), ili kao postotak širine prozora preglednika ili okvira u koji je stranica uključena (prebaci u postotak) |
7. Nemojte mijenjati nijednu vrijednost. Kliknite gumb OK. Kao rezultat, stvorit će se tablica s dva retka i dva stupca. Korištenje naredbe Tablica na podizborniku Odaberi izbornika Tablica. Pritisnite tipku za brisanje tablice. Ako niste stvorili prazan redak na početku stranice u koraku 5, učinite to sada.
8. Kliknite gumb Umetni tablicu na alatnoj traci Tablica. Bit će vam predstavljena tablica prototipa, gdje je vrlo lako odrediti koliko redaka i stupaca tablica treba sadržavati. Kliknite na drugi kvadrat u drugom redu, kao što je prikazano na sljedećoj slici. U tom slučaju također će se stvoriti tablica s dva retka i dva stupca (četiri ćelije).
Pokrili smo dva načina izrade tablice. Kada koristite gumb Umetni tablicu na alatnoj traci, primjenjuju se zadane vrijednosti. Ako je aktivirana naredba Tablica podizbornika Umetanje izbornika Tablica, samostalno određujete vrijednosti parametara tablice koja se kreira.
Bilješka
Pomoću gumba Umetni tablicu možete stvoriti tablicu koja sadrži mnogo više redaka i stupaca nego što je početno prikazano u prototipu:
pomicanje miša preko ruba automatski proširuje prototip.
Svojstva tablice
Vrijednosti dodijeljene svojstvima tablice određuju njezin izgled.
1. U gornju lijevu ćeliju tablice koju smo kreirali unesite broj 5.
Pritisnite tipku za pomicanje u ćeliju s desne strane i unesite sljedeću rečenicu:
Ovo je prilično duga rečenica. Vaša tablica bi trebala izgledati kao na sljedećoj slici. Širina ove tablice doseže gotovo 100% širine prozora.
2. Dvaput pritisnite tipku sa strelicom prema dolje da pomaknete pokazivač izvan tablice. Umetnite tri prazna reda nakon tablice pritiskom na tipku tri puta.
Bilješka
Ako postavite pokazivač u posljednju ćeliju i pritisnete tipku, novi se redak dodaje u tablicu, a pokazivač se pomiče na prvu ćeliju novog retka.
3. Aktivirajte naredbu Tablica podizbornika Umetanje u izborniku Tablica i onemogućite opciju Specify Width na dnu dijaloškog okvira (istoimeno polje za unos postat će nedostupno). Kliknite OK. Kao rezultat toga, pojavljuje se druga tablica čija je širina mnogo manja od one prve.
4. Unesite broj 1 u lijevu ćeliju prvog retka tablice, pritisnite tipku, uslijed čega će se kursor pomaknuti u drugu ćeliju prvog retka i unesite rečenicu. Ovo je prilično duga rečenica.
Pomaknite se na lijevu ćeliju drugog retka pomoću tipke i unesite broj 2. Pritisnite tipku ponovo (kursor će se pomaknuti u desnu ćeliju drugog reda) i unesite rečenicu: Ovo je samo rečenica
Širina svakog stupca postavlja se prema najdužem redu u tom stupcu (slika 6.2).
Riža. 6.2. Za gornju tablicu postavljena je vrijednost svojstva Specify Width, a za donju tablicu nije postavljena.
5. Desnom tipkom miša kliknite drugu tablicu i u kontekstnom izborniku odaberite naredbu Table Properties, uslijed čega se otvara istoimeni dijaloški okvir, prikazan na sl. 6.3. Kao u dijaloškom okviru koji otvara naredba Tablica podizbornika Umetanje izbornika Tablica (slika 6.1), u njemu možete postaviti parametre tablice kao što su poravnanje, širina razdjelnih i graničnih linija tablice, količina razmaka između rubovi ćelije i njezin sadržaj, razmak između susjednih ćelija i širina tablice. Osim toga, moguće je odrediti visinu tablice, odabrati boju za čvrstu pozadinu tablice ili pozadinsku sliku, odrediti boju za linije razdjelnice. U okviru s popisom Float možete odrediti u kojem smjeru želite pomicati tablicu - udesno ili ulijevo, kako biste pozicionirali tekst ili sliku lijevo ili desno od tablice. Prema zadanim postavkama, stavka Zadana je odabrana u Float polju. Prema ovoj postavci, tekst se može nalaziti samo ispod stola ili iznad nje.
Slika 6 3 Dijaloški okvir Svojstva tablice
6. Postavite sljedeće vrijednosti za svojstva tablice: Border Size - 5, Cell Padding - 6, Cell Spacing - 8. Potvrdite postavke klikom na gumb OK. Vaša tablica bi trebala izgledati kao na sljedećoj slici. Desnom tipkom miša kliknite desnu ćeliju prvog retka gornje tablice (slika 6 2) i u kontekstnom izborniku odaberite naredbu Svojstva ćelije Otvara se istoimeni dijaloški okvir (slika 6 4) Sadrži elementi u njemu su opisani u tablici 6.2.
Slika 6.4. Dijaloški okvir Svojstva ćelije
Tablica 6.2. Svojstva stanica
|
Dijaloški element Prozori svojstava ćelije |
Funkcija |
| Horizontalno učvršćivanje | Horizontalno poravnavanje sadržaja ćelije Dostupne su sljedeće opcije: Lijevo (lijevo), Centar (središte), Desno (desno). Zadana postavka je lijevo poravnanje |
| Vertikalno poravnanje | Poravnavanje sadržaja ćelije okomito Dostupne su sljedeće opcije: vrh (vrh), srednja (sredina), osnovna linija (poravnava sadržaj ćelije s osnovnom linijom), dno (dolje) Zadano je poravnanje po sredini |
| Razmaknuti redovi | Ovo polje označava na koliko redaka želite rastegnuti ovu ćeliju |
| Stupci u rasponu | Ovo polje označava na koliko stupaca želite proširiti ovu ćeliju |
| Zaglavlje ćelije | Oblikovanje ćelije kao naslova retka ili stupca (podebljani tekst se dodjeljuje tekstu ćelije) |
| Bez omota | Spriječiti crticu unutar ćelije u web pregledniku; inače, tekst se dijeli ako je prozor preglednika preuzak za puni prikaz |
| Odredite širinu | Određivanje visine ćelije u pikselima ili kao postotak ukupne visine tablice (samo ako je aktivna opcija Specificiraj visinu). Ako je navedena opcija onemogućena, visina ćelije se automatski mijenja tako da uneseni tekst ili objekt smješten u nju u potpunosti stane |
| Granice | U ovom dijelu prozora možete definirati boju za razdjelne i granične linije, koje mogu biti jednobojne ili dvobojne. U prvom slučaju koristite polje za unos Granica, u drugom - bilo koja dva od tri ponuđena polja. U potonjem slučaju, okvir je trodimenzionalan |
| Pozadina | Izrada pozadine za ćeliju (i jednobojna obojena i koja sadrži sliku) |
Vrijednosti svojstava mogu se mijenjati i za jednu ćeliju i za odabrani raspon.
Bilješka
Kada mijenjate širinu ćelije, pazite da ukupna širina ćelija u retku ne prelazi 100%, inače će ćelije tablice biti pogrešno prikazane.
1. U okviru s popisom Horizontal Alignment dijaloškog okvira Svojstva ćelije odaberite Center, a u Vertical
Poravnanje - stavka Vrh (gornje poravnanje). U polje Border Size unesite 1. Potvrdite postavke klikom na gumb U redu.
Kao rezultat toga, način na koji su podaci raspoređeni u ćeliji će se promijeniti, a širina linija razdvajanja i ograničenja postat će jednaka jednom pikselu.
2. Odaberite donji redak tablice i kliknite desnom tipkom miša. U kontekstnom izborniku odaberite naredbu Svojstva ćelije. Unesite vrijednost 2 u polje Columns Spanned i kliknite gumb U redu. Kao rezultat, tablica bi trebala izgledati kao dolje prikazana. Ćelija na krajnjoj lijevoj strani će se preklapati s gornje dvije, ali s desne strane mora postojati dodatna ćelija.
Bilješka
Određeni broj ćelija unutar tablice možete odabrati na sljedeći način: postavite pokazivač miša lijevo od ćelije od koje ćete započeti odabir, a kada postane strelica koja pokazuje prema gore udesno, pritisnite lijevu tipku manipulatora i odaberite potrebne stanice.
Bilješka
Stupci tablice koju ste izradili mogu imati različite širine od onih prikazanih na slici. To je zbog razlika u razlučivosti monitora.
3. Pritisnite kombinaciju tipki ili aktivirajte naredbu Poništi uređivanje svojstava u izborniku Uredi da poništite promjene.
4. Odaberite prvi redak gornje tablice, otvorite dijaloški okvir Svojstva ćelije i unesite 2 u polje Rows Spanned. Na kraju kliknite gumb U redu. Gornje dvije ćelije pomiču se ulijevo, a dvije donje ćelije udesno.
5. Kliknite gumb Poništi na alatnoj traci. Idite na lijevu ćeliju prvog retka gornje tablice i otvorite dijaloški okvir Svojstva ćelije. Postavite opciju Specify Width i aktivirajte prekidač In Pixels kako biste mogli samostalno odrediti širinu ćelije u pikselima (postat će dostupno polje za unos Specify Width). Unesite 40 u okvir za unos Specify Width i kliknite gumb U redu. Veličina obje ćelije u prvom stupcu će se povećati.
7. Aktivirajte gumb Poništi, kliknite na desnu ćeliju drugog retka i otvorite izbornik Tablica. Ovaj izbornik sadrži četiri podizbornika. Naredbe izbornika tablice opisane su u tablici. 6.3.
|
Tablica 6.3. Naredbe izbornika tablice |
|
| Tim | Opis |
| Tablica crtanja | Omogućuje vam crtanje stola na isti način kao što je to učinjeno olovkom na komadu papira |
| Podizbornik tablice Umetanje | Kada je ova naredba aktivirana, otvara se dijaloški okvir Umetanje tablice. U njemu možete podesiti parametre kreirane tablice koja će biti umetnuta na mjesto gdje se nalazi kursor (ako se kursor nalazi u ćeliji druge tablice, druga tablica će biti smještena u nju) |
| Umetni retke ili stupce Podizbornik Umetanje | Dijaloški okvir Umetanje redaka ili stupaca definira broj redaka i stupaca koji se mogu umetnuti iznad, ispod, desno ili lijevo od odabira. |
| Podizbornik ćelije Umetni | Umeće novu ćeliju lijevo od odabrane ćelije koja je pomaknuta udesno |
| Podizbornik natpisa Umetanje | Dizajniran za umetanje prazne linije iznad tablice. Ovaj red je povezan s tablicom: kada je tablica odabrana ili obrisana, zaglavlje se također bira ili briše. Prema zadanim postavkama, zaglavlje tablice je postavljeno na središnje poravnanje, ali može biti poravnato lijevo ili desno. |
| Izbrišite ćelije | Briše odabrane ćelije |
| Spajanje ćelija | Omogućuje kombiniranje više ćelija u retku i stupcu |
| Podijeljene ćelije | U dijaloškom okviru Split Cell možete odrediti hoće li odabrane ćelije biti podijeljene u retke ili stupce. |
| Ćelija, redak, stupac, tablica podizbornika Select | Prva naredba se koristi za odabir trenutne ćelije, druga - trenutni redak, treća - trenutni stupac, a četvrta - cijelu tablicu |
| Ravnomjerno rasporedite retke, ravnomjerno rasporedite stupce | Prva naredba omogućuje postavljanje iste širine za odabrane retke, a druga za odabrane stupce |
| Autofit | Smanjuje duljinu svakog stupca do mjere u kojoj informacije u njima izravno zauzimaju. Omogućavanje ove naredbe ima iste posljedice kao i onemogućavanje opcije Specify Width u dijaloškom okviru Umetanje tablice, tj. duljina ćelija će se automatski mijenjati ovisno o duljini unesenog teksta ili duljini objekta koji se u njih nalazi |
| Podizbornik Pretvori tekst u tablicu | Omogućuje pretvaranje odabranog teksta u tablicu. Kada je ova naredba aktivirana, otvara se dijaloški okvir za odabir znaka za razdvajanje. Za odvajanje sadržaja stupca koristite zareze, a za odvajanje redaka markere odlomaka |
| Podizbornik Tablica u tekst Pretvori | Omogućuje vam pretvaranje tabličnih podataka u tekst, dok sadržaj svake ćelije čini zaseban odlomak |
| Podizbornik Svojstva natpisa, ćelije, tablice | Ove tri naredbe omogućuju pristup prozorima Svojstva natpisa, Svojstva ćelije i Svojstva tablice. |
Bilješka
Za odabir više nesusjednih ćelija, držite pritisnutu tipku dok kliknete ćelije
Izbornik stolova. Pogledajmo pobliže neke od naredbi izbornika Tablica opisane u tablici. 6.3
1. Aktivirajte naredbu Tablica podizbornika Insert.U dijaloškom okviru koji se otvori pritisnite tipku OK bez promjene zadanih postavki.Kao rezultat, u ćeliji će se pojaviti tablica s dva retka i dva stupca.
Bilješka
Kada smo kreirali drugu tablicu (korak 3 druge vježbe ovog poglavlja), opcija Specify Width bila je onemogućena u prozoru Umetanje tablice. U koraku 1 treće vježbe, u polju Border Size prozora Svojstva tablice, mi smo unio vrijednost 1. U Frontpageu su ove postavke spremljene, tako da će prilikom kreiranja novog prozora Insert Table opcija Specify Width biti onemogućena prema zadanim postavkama, a polje Border Size će imati vrijednost 1.
1. Prvo kliknite na gumb Poništi, a zatim u lijevu ćeliju prvog retka tablice. Odaberite naredbu Redovi ili stupci (redci ili stupci) podizbornika Umetanje. Kao rezultat, otvorit će se istoimeni dijaloški okvir
Prihvatite zadane postavke s postavljenim radio gumbima Redovi i Ispod odabira (ispod odabranog područja), a polje Broj redaka postavljeno na 1. Kliknite OK. Novi red će se pojaviti ispod prvog retka tablice.
3. Ponovno aktivirajte naredbu Umetni retke ili stupce podizbornika Umetanje Odaberite radio gumbe Stupci i Lijevo od odabira (lijevo od odabranog područja) Zatim kliknite gumb U redu. Dobivena tablica bi trebala izgledati kao sljedeća slika
4. Aktivirajte naredbu Cell podizbornika Insert. Kao rezultat, nova ćelija će biti umetnuta u tablicu, a ćelija koja se nalazi s desne strane će se pomaknuti izvan retka udesno. Kursor se automatski postavlja u novu ćeliju
Da biste odabrali ćeliju, aktivirajte naredbu Cell u podizborniku Select ili pritisnite tipku dok kliknete na ćeliju. Za brisanje ćelija koristite naredbu Delete Cell
5. Aktivirajte naredbu Caption podizbornika Insert. Kursor je centriran iznad tablice. Unesite sljedeću rečenicu. Ovo je zaglavlje tablice
6. Odaberite donji red u prvoj tablici. Zatim odaberite naredbu Spajanje ćelija. Kao rezultat toga, sve linije razdjelnice između ćelija bit će uklonjene u donjem redu.
7. Kliknite na krajnju desnu ćeliju prvog retka i aktivirajte naredbu Split Cells Otvara se dijaloški okvir Split Cells.
Prihvatite zadane postavke i kliknite gumb U redu. Navedena ćelija bit će podijeljena na dva dijela
8. Aktivirajte naredbu Tablica podizbornika Select i pritisnite tipku. Tablica će biti izbrisana. Kliknite na gumb Poništi da biste ga vratili.
Bilješka
Postoji još jedan način da odaberete tablicu "dvaput kliknite lijevo od tablice (one njezine granice)
9. Otvorite dijaloški okvir Svojstva tablice i u polje za unos Border Size unesite -vrijednost 0. Kliknite gumb OK. Kao rezultat toga, granice tablice bit će označene isprekidanim linijama.
Crtanje tablice
Do sada ste kreirali tablice pomoću naredbe Tablica podizbornika Umetanje izbornika Tablica. U tom slučaju jubilej se generira automatski prema zadanim vrijednostima svojstva. Nakon što ste kreirali tablicu, promijenili ste ove vrijednosti u dijaloškom okviru Tab! C Pioperties, dodali i uklonili stupce i retke, spojene ćelije itd. preko naredbi Tabie. Frontpage je još jedan način stvaranja i uređivanja tablica, prema kojem se za obradu tablica koriste gumbi na Lable alatnoj traci. Gumb Nacrtaj tablicu omogućuje vam ručno crtanje tablice. Gumb Gumica se koristi za brisanje dijela melade po ćelijama.Ostali gumbi dupliciraju odgovarajuće naredbe izbornika Tablica.
1. Postavite pokazivač na prazan redak između dvije tablice, a zatim pritisnite dvaput i jednom pritisnite tipku sa strelicom prema gore.
Bilješka
Preporučljivo je ostaviti prazan redak između tablica kada ih kreirate, jer je teško umetnuti retke između tablica u Frontpage. Lakše je ukloniti nepotrebne nakon dovršetka izgleda.
1. U izborniku Tablica aktivirajte naredbu Nacrtaj tablicu. Kao rezultat, pojavljuje se alatna traka Tablica, a pokazivač miša mijenja se u olovku. Stol 6 4 opisuje gumbe na alatnoj traci tablice
3. Postavite pokazivač miša između dvije postojeće tablice na lijevoj strani stranice i pomaknite ga prvo vodoravno do polovice stranice, a zatim dolje na udaljenosti koja je jednaka visini druge tablice.
Poglavlje 6. lul stolovi i okviri
4. Postavite pokazivač miša na gornji rub tablice, blizu lijevog kuta. Pomaknite pokazivač vodoravno na pola duljine tablice. Pomaknite ga dolje do donje granice. Tablica sada ima dva stupca.
5. Napravite tri retka u desnom stupcu (visine redaka mogu biti proizvoljne).
6. Odaberite drugi stupac tablice. Kliknite gumb Ravnomjerno distribuiraj redove na alatnoj traci tako da sva tri retka budu iste visine.
7. Nacrtajte liniju koja dijeli drugi red desnog stupca na dva dijela.
8. Nacrtajte dvije linije kako biste donji red u desnom stupcu podijelili na tri dijela. Širina prve nove ćelije postavlja se na širinu ćelije na vrhu
9. Postavite pokazivač na desni rub prvog stupca. Kao rezultat toga, pokazivač se mijenja u dvosmjernu strelicu.
10. Pomaknite obrub stupca udesno da ga proširite.
11. Aktivirajte gumb Izbriši na alatnoj traci tablice. Pokazivač miša mijenja se u gumicu. Nacrtajte gumicu okomito na crtu koja razdvaja krajnje desne i srednje ćelije u donjem redu. Kao rezultat toga, ova linija razdvajanja će nestati (vidi dolje).
12. Ponovno kliknite gumb Gumica (pokazivač miša će se vratiti u svoj normalan izgled). Postavite pokazivač na vrh drugog stupca. Kada se pokazivač pretvori u malu crnu strelicu koja pokazuje prema dolje, kliknite da biste odabrali stupac.
13. Pritisnite tipku i pomaknite pokazivač udesno, pozicionirajući ga iznad najudaljenijeg stupca. Čim kliknete, dva najudaljenija stupca bit će istaknuta.
14. Kliknite gumb Ravnomjerno distribuiraj stupce na alatnoj traci. Rezultirajuća tablica prikazana je u nastavku.
15. Odaberite tablicu pomoću naredbe Tablica na podizborniku Odaberi izbornika Tablica i pritisnite tipku za brisanje.
Tablica 6 4. Gumbi na alatnoj traci tablice
Vježbe koje smo odradili imaju za cilj pokazati koliko je FiontPage gi širok u smislu kreiranja tablica.Sve operacije se izvode u WYSIWYG modu u bilo kojoj fazi rada, možete vidjeti kako će kreirana tablica izgledati u pregledniku.
Uvoz tekstualnih informacija u tablicu.
Da biste ispravno uvezli tekst u tablicu, ona mora biti prikladno pripremljena. Fragmenti teksta smješteni u susjedne ćelije tablice moraju biti međusobno odvojeni posebnim znakovima (razdjelnicima), poput zareza. Najčešće se interpunkcijski znakovi koriste kao separatori. Zatim izvršite sljedeći slijed radnji:
1. Kliknite ispod donje tablice, pritisnite
2. Označite uneseni tekst; izbornik 1 Table i aktivirajte tekst naredbe To Table Podizbornik Comen *
3. U učitanom dijaloškom okviru Pretvori tekst u tablicu odaberite radio gumb Ostalo, izbrišite točke u polju s desne strane i unesite točku-zarez. Kliknite gumb U redu. Kao rezultat, tekst će biti uvezen u tablicu ( Slika 6.5.)
Slika 6.5. Tablica izrađena od informacija o testu
Bilješka
HTML ne podržava kartice Ako tekstualne informacije pretvorite u tablicu u kojoj se kartice koriste za odvajanje nizova informacija, ti će znakovi biti uklonjeni i tablica neće biti ispravno kreirana. Umjesto kartica, trebali biste koristiti interpunkcijski znak koji se ne koristi u tekstualnoj datoteci. U ovom se primjeru koristi točka-zarez jer tekst sadrži zareze i crtice. Alternativni znak je oznaka odlomka * Možda ćete htjeti uvesti sadržaj tekstualne datoteke u tablicu. Ali prvo morate uvesti tekst iz datoteke i stranica) aktiviranjem naredbe Datoteka u izborniku Umetanje. Trebalo bi biti zapamtio da Frontpage ne uvozi ispravno ćirilični tekst (nema problema s latinicom ) Stoga, ako želite izdvojiti sličan tekst iz datoteke i smjestiti 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. izd.
4. Odaberite donji (prazan) redak u tablici, ako postoji, i izbrišite ga.
5. Kliknite desnom tipkom miša na tablicu i aktivirajte naredbu Svojstva tablice u kontekstnom izborniku. U okviru s popisom Alignment dijaloškog okvira koji se otvori odaberite Center element, 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 dovršetka svih gore navedenih postavki, kliknite gumb U redu.
6. Označite isepxmolo liniju, kliknite desnom tipkom miša na nju i otvorite dijaloški okvir Svojstva ćelije.U ovom prozoru postavite opciju Header Cell i odaberite Lijevo u okviru s popisom Horizontal Alignment. Na kraju kliknite OK.
7. U izborniku Tablica aktivirajte naredbu Caption podizbornika Umetanje. Kliknite podebljan gumb na alatnoj traci Oblikovanje. Uneseni naslov tablice bit će podebljan. Unesite, na primjer, sljedeći naslov. PUNO IME. i godina rođenja zaposlenika
8. Odaberite prvi redak tablice i kliknite okvir s popisom Boja ispune na alatnoj traci Tablica. Na popisu koji se otvori odaberite boju Aqua (treća s lijevog kvadrata u drugom redu) i kliknite OK.
9. Odaberite preostale retke u tablici i otvorite dijaloški okvir Svojstva ćelije. Navedite žutu boju u okviru s popisom boja u području Pozadina, a u okviru s popisom Horizontalno poravnanje odaberite Centar.
Kliknite gumb U redu. Dobivena tablica bi trebala izgledati kao ona prikazana na Sl. 6.6.
10. Kliknite gumb Spremi za spremanje kreiranih tablica.
11. Na izborniku Datoteka odaberite Pregled u pregledniku. U dijaloškom okviru koji se otvori odaberite preglednik Internet Explorer 5.0 i kliknite gumb Pregled. Na sl. Slika 6.7 prikazuje početnu stranicu web stranice Test Tables koja sadrži tablicu koju smo kreirali. Ako koristite drugi preglednik, otvorite ovu stranicu u njemu i pogledajte kako će se prikazati tablica koju smo kreirali.
U najnovijim preglednicima proširena je podrška za tablice. Prije su postojale značajne razlike između načina na koji su tablice prikazane u različitim preglednicima. Neki preglednici ih uopće nisu podržavali. Trebali biste pregledati svoj rad u različitim preglednicima i procijeniti kako vaše tablice izgledaju u njima. Trenutačno tržištem preglednika dominiraju proizvodi Netscapea i Microsofta. Ova dva preglednika dosta dobro podržavaju tablice.
Riža. 6.6. Konačna proračunska tablica (prikaz stranice)
Riža. 6.7. Konačna proračunska tablica (Internet Explorer 5.0)
Korištenje tablica pri dizajniranju web stranice
Tablice su korisne za podjelu stranice na područja u kojima će biti predstavljene informacije.
Prati ove korake:
1. U prikazu stranice stvorite novu stranicu. Umetnite jedan prazan redak na početak stranice.
2. Aktivirajte naredbu Clip Art podizbornika Slika u izborniku Umetanje. Učitat će se dijaloški okvir galerije isječaka. Pomaknite se prema dolje da vidite ikonu Mjesta. Dvaput kliknite na njega. Prozor će prikazati slike povezane s naslovom Mjesta. Odaberite sliku s arhitektonskim spomenikom Taj Mahala i na ploči koja se pojavi kliknite gumb Umetni isječak. Slika će biti postavljena na stranicu.
3. Postavite pokazivač ispod slike i unesite sljedeći tekst: "Spomenik indijske arhitekture. Mauzolej sultana Shah Jahana i njegove žene. Nalazi se 2 kilometra od grada Agre. Struktura s pet kupola od bijelog mramora s mozaicima od kamena u boji . Visina je 74 metra. K Taj Mahal pridružena su četiri minareta i vrt. Ovaj primjer indomuslimanske arhitekture uvodi slika poznatog ruskog umjetnika V. V. Vereshchagina, koji je posjetio Indiju."
4. Označite uneseni tekst. Pritisnite kombinaciju tipki za kopiranje teksta u međuspremnik. Postavite pokazivač na kraj zadnje rečenice i umetnite razmak. Pritisnite kombinaciju tipki. Kao rezultat toga, tekstualni niz će se povećati, što će omogućiti postizanje željenog rezultata u budućnosti - okružiti sliku tekstom.
5. Pomaknite pokazivač na vrh stranice. Aktivirajte naredbu Tablica podizbornika Umetanje izbornika Tablica. 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 tablica će zauzeti mjesto grafike i teksta, koji će se pomicati prema dolje. Rezultat je prikazan na sljedećoj slici.
6. Povucite sliku u gornji red tablice.
7. U donjem redu tablice unesite naziv spomenika "Taj Mahal. Podebljajte tekst i centrirajte ga na gabtate tako što ćete kliknuti na podebljano i središnje gumbe na alatnoj traci za oblikovanje.
8 Otvorite dijaloški okvir Svojstva tablice i označite Lijevo u okviru s popisom Float Kliknite OK. Ovo će smjestiti tekst oko stola. U drugim tekstualnim neurednim WOT-om, učinak se naziva premotavanje
9 Spremite stranicu s imenom Tatj _Mahal i naslovom Taj Mahal Na izborniku Datoteka aktivirajte naredbu Pregled u pregledniku Odaberite preglednik i kliknite gumb Pieview Na slici 6-8, stranica je prikazana u Internet Exploreru 5 O
Kao što vidite, tablice su korisne za poravnavanje slika i natpisa. Napravite više stranica na temelju predložaka koji koriste tablice i dobit ćete potvrdu koliko je alat za prezentaciju moćan.
Slika 6.8. Premotajte tekst oko slike
Možda imate vlastite ideje za korištenje tablica na web stranici. Provedite ih Eksperimentirajte dok ne dobijete željeni rezultat. Jedino tako možete dobiti dobro dizajniranu stranicu.
Rad s osobljem
Klapbi, poput tablica, 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 Pomoću okvira vrlo je prikladno prezentirati informacije o Web stranica sa složenim rubrikacijskim sustavom U ovom slučaju trebate napraviti stranicu s dva okvira, okvirom TOC-a i glavnim okvirom.Okvir TOC-a sadrži popis naslova koji su veze. Kada je link-heading aktiviran, odgovarajuća stranica se učitava u glavni okvir.
Zatim ćete slijediti jednostavnu studiju slučaja kako biste demonstrirali principe rada s osobljem (u ovom primjeru bit će samo tri naslova). Ovaj primjer ćemo posvetiti spomenicima arhitekture.
1. Izradite novu web stranicu s jednom stranicom i nazovite je Frames. U prikazu stranice aktivirajte naredbu Stranica u podizborniku Novo u izborniku Datoteka. U dijaloškom okviru za učitavanje New idite na karticu Frame Pages, koja predstavlja predloške stranica s okvirima (slika 6.9).
Predložak bannera i sadržaja odabran je prema zadanim postavkama. Područje Pregled prikazuje sastav stranice koja će se izraditi na temelju ovog predloška, a područje Opis pruža opis predloška. Uzastopno odaberite svaki od predložaka kako biste pročitali njihov opis i saznali koje se stranice mogu izraditi na temelju njih.
Riža. 6.9. Novi dijaloški okvir (kartica Stranice okvira)
2. Nakon što ste se upoznali s mogućnostima predložaka, odaberite predložak Zaglavlje, Podnožje i Sadržaj. Kliknite gumb U redu.
Ovo će stvoriti stranicu koja sadrži četiri okvira: okvir sa zaglavljem (gornji okvir), okvir tablice sadržaja s lijeve strane, glavni okvir i okvir podnožja (donji okvir) (slika 6.10). Svaki okvir sadrži dva gumba: 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 preglednik) i Nova stranica (klikom na New
Stranica rezultira praznom početnom stranicom).
Riža. 6.10. Stranica okvira temeljena na predlošku zaglavlja, podnožja i sadržaja
3. Kliknite na gumb Nova stranica u gornjem okviru. Kao rezultat, u okviru će se stvoriti nova prazna stranica.
Bilješka
Da biste koristili postojeću stranicu kao početnu stranicu okvira, učinite sljedeće: u ovom okviru kliknite na gumb Postavi početnu stranicu; u otvorenom dijaloškom okviru Create Hyperlink odaberite potrebnu stranicu i zatvorite prozor tipkom OK.
4. Desnom tipkom miša kliknite stranicu u gornjem okviru i odaberite Shared Borders iz izbornika prečaca. U dijaloškom okviru s istim nazivom, radio gumb Trenutna stranica odabran je prema zadanim postavkama (ne mijenjajte ovu postavku). Ako su instalirane neke opcije, isključite ih.
Bilješka
Okviri su alternativna pomoć u navigaciji općim područjima. Stoga, ako na web stranici postoje okviri, zajednička područja se ne koriste.
5. Na stranici u gornjem okviru unesite naslov "Arhitektonski spomenici". Dajte svom naslovu stil odlomka naslova 2 i poravnajte ga sa središtem.
6. Kliknite na gumb Nova stranica u donjem okviru. Na kreiranoj stranici unesite sljedeću rečenicu: "Za pitanja i komentare kontaktirajte: [e-mail zaštićen]". Odaberite uneseni tekst i u popisnom okviru Font Size na alatnoj traci Formatting odaberite 2. Veličina fonta unesene rečenice postat će 10 točaka.
7. Napravite novu stranicu u okviru TOC-a (lijevi okvir). Unesite sljedeća tri retka teksta (nakon što unesete sljedeći redak, pritisnite tipku):
Akropola
piramide
Taj Mahal
8. Kreirajte novu stranicu u glavnom okviru klikom na gumb Nova stranica. Pritisnite tipku za stvaranje praznog reda. U drugi redak unesite sljedeću rečenicu: "Dobro došli u svijet arhitekture!" Dajte svom tekstu stil odlomka naslova 1 i poravnajte ga sa središtem stranice. Napravite tekst kurzivom (odaberite ga i kliknite gumb Kurziv na alatnoj traci Oblikovanje).
Dakle, stvorene su početne stranice svih okvira. Zatim ćemo napraviti promjene na početnoj stranici okvira TOC-a.
9. Kliknite gumb Nova stranica na standardnoj alatnoj traci. Stvorit će se nova prazna stranica bez okvira. Aktivirajte naredbu Clip Art podizbornika Slika u izborniku Umetanje. Učitat će se dijaloški okvir Galerija isječaka. U polje Traži isječke unesite naziv arhitektonskog spomenika:
Akropola. Nakon nekog vremena bit će prikazani rezultati pretraživanja (vidi dolje) - slika Akropole. Odaberite sliku i kliknite gumb Umetni isječak na ploči koja 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 Taj 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 Akropole. Kliknite gumb Spremi. U dijaloškom okviru Spremi unesite naziv datoteke za stranicu Akropole. htm i promijenite zadani naslov u Akropola. Kliknite gumb Spremi. Učitat će se dijaloški okvir Spremi ugrađenu datoteku. Kliknite gumb Promjena mape. U prozoru istog naziva odaberite mapu Slike. Zatvorite oba prozora pomoću tipki OK. Datoteka slike bit će spremljena u mapu Slike
12. Spremite stranice sa slikama piramida i Taj Mahala. U prvom slučaju navedite Pyramids htm i Pyramids kao naziv datoteke stranice i naslov, u drugom - Taj_Mahal.htm i Taj Mahal.
13. Idite na stranicu u okviru TOC-a. Odaberite riječ Akropola i kliknite na gumb Hiperveza na standardnoj alatnoj traci. U prozoru Create Hyperlink odaberite stranicu Acropolis.htm. Ciljni okvir mora sadržavati zadani (glavni) unos stranice. To znači da će se stranica (Acropolis.htm) na koju se kreira hiperveza otvoriti u glavnom okviru. Ciljni okvir možete promijeniti u dijaloškom okviru Ciljni okvir koji se otvara kada kliknete gumb Promjena ciljnog okvira. Na popisu Common Targets u ovom prozoru odaberite odgovarajuću stavku. Konkretno, ako je odabrana stavka Novi prozor, onda kada kliknete na hipervezu, stranica će se otvoriti u novom prozoru preglednika, a ako je navedena stavka Isti okvir, stranica će se otvoriti u istom okviru u kojem je hiperveza Nalazi se.
14. Slijedeći prethodni paragraf, u okviru TOC-a, kreirajte još dvije hiperveze na stranice Pyramids.htm i Taj_Mahal.htm, uključujući riječi Pyramids i Taj Mahal, odnosno. Dakle, tri hiperveze su stvorene 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 izbornika Datoteka odaberite naredbu Spremi. Učitat će se dijaloški okvir Spremi kao koji će od vas tražiti da spremite stranicu koja se nalazi u gornjem okviru. Desni dio prozora Spremi kao prikazuje sastav stranice s okvirima (okvir koji se trenutno sprema odgovara popunjenom području). Imenujte stranicu Fr_header Kliknite gumb Spremi. Zatim, u prozoru Spremi kao, od vas će se tražiti da spremite stranicu donjeg okvira (stranice okvira spremaju se onim redoslijedom u kojem su stvorene). Imenujte stranicu donjeg okvira FrJboter, okvir tablice sadržaja - Fr_contents, glavni okvir - Fr_main. Na kraju, od vas će se tražiti da spremite stranicu s okvirima. Dajte mu naziv Okviri i naslov "Arhitektonski spomenici" (sl. 6.12)
Riža. 6.11. Stranica s okvirima u prikazu stranice
Riža. 6.12. Postupak spremanja stranice s okvirima
17. Učitaj stranicu s okvirima u preglednik i vidi kako će biti
izgledati kao.
Riža. 6.13. Stranica Frames u pregledniku
Okvir ima niz svojstava kojima možete upravljati. Svojstva okvira postavljaju se u dijaloškom okviru Svojstva okvira. Da biste otvorili ovaj prozor, desnom tipkom miša kliknite okvir (na primjer, okvir TOC) i aktivirajte naredbu Svojstva okvira u kontekstnom izborniku. Kao rezultat toga, dijaloški okvir prikazan na sl. 6.14. Elementi prozora Frame Properties opisani su u tablici. 6.5.
Tablica 6.5. Svojstva okvira
| Element | Opis |
| Ime | Prilikom izrade hiperveze na stranici okvira, morate u dijaloškom okviru Create Hyperiink navesti naziv 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 će se stranica prva prikazati u okviru kada se učita |
| Veličina okvira | Ovo područje sadrži dva polja za unos - Širina (širina) i Visina reda (visina reda) Ovdje možete postaviti vrijednosti u pikselima, u relativnim jedinicama ili kao postotak veličine prozora preglednika |
| Marže (polja) | Ovo područje definira veličinu margina okvira (razmak između sadržaja stranice i granica okvira) i piksela |
| Mogućnost promjene veličine u pregledniku | Ako je ova opcija postavljena, korisnik može promijeniti veličinu okvira u svom pregledniku. |
| Prikaži trake za pomicanje | Ovo polje popisa 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 ovisi o sadržaju stranica koje će se učitati u okvir Na primjer, ako se okvir nalazi na vrhu stranice i sadrži informacije zajedničke svim stranicama ( na primjer, navigacijska traka), odaberite stavku Nevei. Treba imati na umu da način prikaza stranice ovisi o razlučivosti zaslona. Stoga je najbolja opcija odabrati stavku Ako je potrebno. Ako želite pružiti korisnik s maksimalnom mogućnošću pregleda informacija u okviru, odaberite stavku Uvijek |
Kliknite gumb Stranice okvira u dijaloškom okviru Svojstva okvira da biste otvorili dijaloški okvir Svojstva stranice. Polje za unos Razmak između okvira postavlja širinu razdjelnih linija između okvira na stranici. Opcija Prikaži granice određuje hoće li se linije prikazati između okvira.
Na stranici okvira mogu se izraditi dodatni okviri. Izvedite sljedeće radnje: u načinu prikaza stranice držite pritisnutu tipku, pomaknite gornji rub glavnog okvira malo prema dolje, zatim otpustite tipku i tipku miša. Kao rezultat toga, iznad glavnog okvira će se stvoriti okvir (slika 6.15), koji ne sadrži stranicu.
Riža. 6.15. Novi okvir
Nadamo se da ste uvjereni da su okviri vrlo zgodno sredstvo za prezentiranje informacija Jedan od problema koji se javlja pri radu s okvirima je taj što ih ne podržavaju svi preglednici. 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 preglednike Stoga imajte na umu da značajan dio vaše publike možda neće moći pravilno pregledavati stranice s okvirima. Rješenje ovog problema je stvaranje stranice bez plamena (bez okvira) Ako korisnikov preglednik ne podržava okvire, umjesto nje prikazuje se stranica bez okvira. Naslovna stranica automatski generira
Stranica bez okvira pri izradi stranice s okvirima To možete provjeriti klikom na karticu bez okvira na dnu prozora naslovne stranice kada je stranica s okvirima otvorena. Slika 6-16 prikazuje stranicu bez okvira kreiranu prema zadanim postavkama. Na ovoj stranici možete može preporučiti korisniku korištenje okvira koji podržava preglednik. Također biste trebali stvoriti veze na one web stranice s kojih možete preuzeti preglednik koji podržava okvire (na primjer, Microsoftovo web mjesto s koje možete preuzeti Internet Explorer 5.0)
Bilješka
Učitavanje stranice s okvirima traje dulje od obične web stranice jer se u stvarnosti učitava više stranica. Korištenje okvira mora biti razumno.
Slika 6.16. Stranica bez plamena u prikazu Pasu e
Dizajniranje okvirnih stranica na Frontpage-u je povjetarac, zahvaljujući brojnim značajkama koje Frontpage nudi i Frontpage-ovom WYSIWYG uređivanju stranice
Općinska obrazovna ustanova
„Srednja škola broj 2
uz dubinsko proučavanje stranih jezika“.
Praktični rad
„Izrada web stranice u programu Naslovna strana "
Pripremio: IT-učitelj
Noyabrsk 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.
Cilj: naučite kako stvoriti međusobno povezane web stranice, umetnuti WordArt objekte, pužuću liniju, slike, gumbe, hiperveze, spremiti dokument.
Napredak:
- Otvorite program FrontPage. Datoteka → Novo → Web-mjesto na jednoj stranici. Otvorite početnu stranicu index.htm Ispunite prvu stranicu: umetnite slike, gumbe, puzeću liniju.
- Napravite 3 stranice. Napravite veze s prve stranice na druge stranice.
- Na svakoj stranici stvorite poveznicu na početnu stranicu. Spremite stranice pod nazivom "Poslovice", "Zagonetke", "Izreke". Promijenite boju pozadine na svakoj stranici.
Tema: Korištenje tablica (Uređivač FrontPage)
Ciljevi lekcije:
proširenje i produbljivanje razumijevanja alata i metoda web dizajna;
formiranje vještina korištenja tablica u FrontPage editoru za postavljanje informacija na web stranice;
razvoj logičkog mišljenja, sposobnosti analiziranja, uspoređivanja, sistematizacije, generalizacije.
odgoj samostalnosti, ustrajnosti i točnosti.
Vrsta lekcije: lekcija u usvajanju novih znanja i vještina.
Učenici bi trebali znati: koristiti tablice za objavljivanje informacija na web stranicama.
Programska i metodička potpora nastavnom satu: FrontPage editor;
udžbenik "Informatika 11", § 5.3.
Tijekom nastave.
Provjera znanja iz prethodnog sata
Ažuriranje znanja i motiviranje učenika za učenje novog gradiva
Objašnjenje novog materijala
4. Osiguravanje novog
5. Sažimanje lekcije
6. Domaća zadaća
1. Provjera znanja iz prethodnog sata(reproduktivna nastavna metoda, individualni i frontalni oblik rada).
Obavljanje pojedinačnih zadataka na računalu: u FrontPage editoru izradite web stranicu koja sadrži tekst i grafiku (vježba za § 5.2 tutoriala).
Pozovite učenike da odgovore na pitanja: Koja je svrha urednika FrontPagea? Koje opcije oblikovanja teksta ima FrontPage? Kako se postavlja 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. Tijekom razgovora navedite popis zadataka za čije rješavanje se koriste tablice u uređivaču teksta MS Word.
3. Objašnjenje novog gradiva(eksplanatorna i ilustrativna nastavna metoda u kombinaciji s parcijalnim pretraživanjem, frontalni oblik rada).
Započnite objašnjenje pitanjem: kako možete odrediti položaj teksta i slika na zadanim mjestima na stranici? Jedna od najčešće korištenih metoda do sada je korištenje tablica u čije su ćelije smješteni različiti tekstualni i grafički elementi. Može se primijetiti da se postavljanje informacija na web stranice pomoću tablica naziva rasporedom tablice.
Izrada tablica
Tablice na web stranice postavljaju se pomoću gumba Tablica, umetak, stol.
Otvara se prozor u kojem se postavljaju parametri tablice:
U prozoru Veličina količina je postavljena žice i stupaca tvoj stol.
U prozoru Granice je uspostavljena veličina obrubi stola,
u prozoru boja
- boja obruba
Pozadina, Bojaželjenu boju.
Kliknite gumb U REDU.
Pogledajte rezultat:
U načinu rada Konstruktor U načinu rada Pogled
Ako se promijenite Veličina tablice i stavite 0 umjesto 1, tada ćete imati tablicu s nevidljivim granicama u modu Pogled.
Vidite rezultat
U načinu rada Konstruktor U načinu rada Pogled
Bilješka:
Kombiniranje stanica:
Odaberite ćelije koje želite spojiti
1 put pr. Kn. miša i preuzeti zapovjedništvo Spajanje ćelija
Izmjena tablice:
Svojstva tablice
4. Osiguravanje novog materijala(djelomično tražena metoda nastave, individualni oblik rada).
Pozovite učenike da sjednu za računala i završe zadatke primjera 1 iz § 5.3 priručnika, vježbe 1 iz § 5.3 priručnika. Kada završite, pogledajte generirane stranice u pregledniku.
5. Sažimanje lekcije
Pozvati učenike da ukratko navedu svrhu i glavne značajke uporabe tablica u dizajnu web stranica.
1.Što smo se danas susreli?
Kako napraviti stol s nevidljivim granicama?
Navedite primjer zašto bi bila potrebna tablica s nevidljivim granicama.
Pročistite i sažmite odgovore prema potrebi.
6. Domaća zadaća
Proučite gradivo iz § 5.3 vodiča za učenje, odgovorite na pitanja 1-2.
U prozoru Veličina količina je postavljena žice i stupaca tvoj stol.
U prozoru Granice je uspostavljena veličina obrubi stola,
u prozoru boja - boja obruba
Ako želite da cijeli stol bude određene boje, postavite u prozor Pozadina, Bojaželjenu boju.
Kliknite gumb u redu
Izmjena tablice:
Klikom 1 put pr. Kn. prijeđite mišem preko stola i preuzmite naredbu Svojstva tablice
Funkcije tablica pri izradi web stranica su različite. Ovo su neki od njih:
- Usklađivanje informacija zbog njihova položaja u ćelijama tablice. Pomoću tablica tekst se može prikazati u obliku stupaca
- Poravnavanje naslova i polja obrazaca
- Raspored teksta i grafike u različitim stupcima na web stranici
- Korištenje ugniježđenih tablica
- Postavljanje drugačije pozadine za određene dijelove stranice
Najčešća upotreba tablica na web-stranicama je poravnavanje informacija koje sadrže tekst i grafiku, jer su znakovi i odlomci oblikovani pomoću sredstava koja bi neki preglednici mogli zanemariti (na primjer, prazne retke).
FrontPage nudi alate za proračunske tablice koji pojednostavljuju većinu praktičnih zadataka. Naredbe za rad s tablicama olakšavaju stvaranje i uređivanje tablica, kao i organiziranje i formatiranje podataka koje sadrže.
Tablica se može umetnuti bilo gdje na web stranici. Za izradu tablica možete koristiti sljedeće alate:
- Tim Umetnuti(Insert) izbornik stol(Stol)
- Dugme Dodajte tablicu(Insert Table) standardna alatna traka
Alternativni način stvaranja tablica je korištenje naredbe Nacrtaj tablicu(Nacrtaj tablicu) izbornik stol a također i gumb Nacrtaj tablicu alatne trake Tablice... Ovaj alat omogućuje izradu tablice 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 smjestiti u tablicu već u vašem dokumentu kao tekst, možete pretvoriti tekst u tablicu. Ali više o tome kasnije.
Prije nego što nastavite izravno s kreiranjem tablice, trebali biste imati barem grubu ideju o tome koliko stupaca i redaka tablica treba imati. U ovom trenutku ne morate točno navesti parametre tablice. Nakon izrade, možete dodavati i/ili uklanjati stupce i retke kako vam odgovara.
Izrada tablice pomoću gumba "Dodaj tablicu".
Najjednostavniji način za stvaranje tablice s pravilnom strukturom je korištenje gumba Dodajte tablicu(Umetnuti tablicu). U tom se slučaju širine stupaca postavljaju automatski na temelju širine dokumenta i broja stupaca. Ako je potrebno, kasnije možete promijeniti širinu svakog od stupaca. Slijedite ove korake za izradu tablice:
1. Postavite pokazivač na mjesto gdje želite postaviti tablicu na web stranici.
2. Kliknite gumb Dodaj stol(Umetni tablicu) Na zaslonu će se pojaviti minijatura tablice.
3. Postavite pokazivač na bilo koju od ćelija na slici tablice i držite pritisnutu tipku miša. Trenutni broj redaka i stupaca bit će prikazan na dnu slike (na primjer: tablica 3x4). Pomaknite pokazivač miša na ćeliju koja će odgovarati veličini tablice koju želite. Miješanjem pokazivača udesno ili dolje povećat će se veličina mreže.
4. Na kraju otpustite tipku miša. Tablica potrebne veličine pojavit će se na navedenom mjestu na stranici.
Ako ste pritisnuli gumb Dodajte tablicu i pokazao na ćeliju na slici tablice, a zatim se predomislio i odlučio ne kreirati tablicu, pomaknite pokazivač miša izvan tablice tako da se na dnu slike pojavi poruka o otkazivanju. Sada možete otpustiti gumb. Operacija kreiranja tablice bit će otkazana.
Napravite tablicu pomoću naredbe Crtanje tablice
Najšire mogućnosti za izradu tablica pruža naredba Nacrtaj tablicu(Nacrtaj tablicu) izbornik stol i gumb Nacrtaj tablicu alatne trake Tablice... Za razliku od prethodnih metoda, dizajniranih za formiranje tablica najjednostavnije strukture, pomoću naredbe Nacrtaj tablicu možete jednostavno izraditi tablicu sa složenom strukturom. Da biste to učinili, slijedite ove korake:
1. Pripremite mjesto za izradu stola.
2. U izborniku stol odabrati tim Nacrtaj tablicu ili pritisnite gumb Nacrtaj tablicu na alatnoj traci Tablice.
3. Postavite vanjske granice tablice. Da biste to učinili, postavite pokazivač u bilo koji kut tablice i kliknite gumb miša. Ne puštajući ga, pomaknite pokazivač u suprotni kut 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. Na sličan način povucite linije za stupce i retke.
Savjet Ako tijekom rada na tablici trebate izbrisati redak (redak ili stupac), odaberite na ploči stol alat Gumica za brisanje(Izbriši). Zatim postavite pokazivač miša na početak retka, pritisnite tipku miša i povucite pokazivač do kraja retka, a zatim otpustite tipku miša.
Na vrhu prozora nalazi se traka izbornika i dvije alatne trake: Standardna i Formatiranje. Možete omogućiti ili onemogućiti prikaz alatnih traka pomoću izbornika Pogled. Na lijevoj strani nalazi se View Panel, s kojim možete mijenjati načine rada dokumenta. Glavni dio prozora zauzima radno područje u kojem se može otvoriti jedan ili više prozora s pojedinačnim dokumentima. Na dnu prozora nalazi se statusna traka koja sadrži informacije o pomoći. Također u donjem dijelu prozora nalaze se tri gumba za pregled dokumenta. Prikaz alatnih traka. Za upravljanje alatnim trakama u FrontPageu možete koristiti iste metode kao u Microsoft Wordu. Naime: u izborniku Pogled odaberite stavku Alatne trake, a u novom podizborniku koji se otvori označite kućice nasuprot onih alatnih traka koje vam trebaju; ili desnom tipkom miša kliknite bilo koju upravljačku ploču (ili područje pored nje) i na isti način koristite kontekstni izbornik. 
FrontPage, kao i druge aplikacije Microsoft Officea, omogućuje vam dodavanje, uklanjanje i zamjenu stavki izbornika i gumba na alatnim trakama. Također je moguće izraditi potpuno vlastite ploče. Za ovo vam je potrebno:
- odaberite stavku Postavke u izborniku Usluga.
- odaberite stavku Alatne trake u izborniku Pogled i stavku Postavke u kaskadnom izborniku koji se pojavi.Kao rezultat vaših radnji otvorit će se dijaloški okvir Postavke u koji možete instalirati potrebne ploče.
Rad s web stranicama
Izrada nove web stranice
Ako pokrenete FrontPage, već ste stvorili novu web stranicu (pokretanjem FrontPagea odmah se otvara nova prazna web stranica, spremna za smještaj teksta i svih drugih elemenata). Postoje i drugi načini za stvaranje nove web stranice:- pomoću gumba Nova stranica na standardnoj alatnoj traci.
- izborniku Datoteka, odaberite podizbornik Novi, a zatim Stranica ili web-mjesto;
- koristeći kombinacije Ctrl + N;
- koristeći kontekstni izbornik (radi u svim načinima rada, osim u načinima Zadaci i Izvješća - za to unutar Popisa mapa na ovom webu), kliknite desnom tipkom miša i odaberite Novo - Stranica u kontekstnom izborniku koji se pojavi.
Izrada stranica s čarobnjacima i predlošcima
Kao što je gore spomenuto, ako ste koristili File - New - Page ili Web Site za stvaranje nove stranice, FrontPage će od vas tražiti da koristite predložak za stvaranje nove stranice. Da biste to učinili, otvorit će se dijaloški okvir čiji je izgled prikazan u nastavku:
Kartica Općenito ovog dijaloškog okvira navodi FrontPage predloške koji su trenutno dostupni. Nakon što odaberete bilo koji od predložaka, možete vidjeti njegov opis u polju Uzorak.
Izrada FrontPage Weba.
Microsoft FrontPage Web je zbirka web-stranica, slikovnih datoteka i drugih komponenti koje se mogu promatrati kao cjelina. Ako kreirate web-mjesto u FrontPageu, najprikladnije je koristiti FrontPage Web za pohranjivanje.- najveći plus je mogućnost preimenovanja datoteka koje su dio FrontPage Weba. Zamislite da ste prije objavljivanja svoje stranice na Internetu odjednom primijetili da ste nekoliko datoteka nazvali ruskim imenima. "O moj Bože!" - mislite, - "Sada se morate popeti na sve datoteke i promijeniti veze olovkama!" Ovdje dolazi FrontPage Web — možete sigurno preimenovati datoteke, a FrontPage će samostalno proći kroz sve ostale datoteke na FrontPage Webu i preimenovati sve veze na datoteku koju ste revidirali. Sjajno!
- Neću opisivati sve ostale prednosti, ali bih želio reći da je za korištenje svih značajki FrontPagea bolje koristiti FrontPage Web.
Otvaranje web stranica
Vrlo često, prilikom izrade web stranice, morate uređivati već kreirane web stranice. Možete se vraćati na istu stranicu onoliko puta koliko je želite urediti ili koristiti njezine dijelove za stvaranje novih web stranica. Postojeću web stranicu možete otvoriti u bilo kojem od postojećih načina. Iz prikaza stranice postoje četiri načina za otvaranje postojeće stranice:1 način
Ako koristite FrontPage Web, jednostavno odaberite željenu datoteku na popisu mapa i dvaput je kliknite.
2 način
Na izborniku Datoteka odaberite Nedavne datoteke. Odaberite željenu datoteku iz kaskadnog izbornika koji se pojavi.
3 način
Korištenje dijaloškog okvira Otvori datoteku: Otvaranje datoteke.
Pregled
Da biste vidjeli kako vaša stranica izgleda izravno u pregledniku, možete koristiti karticu Prikaz u načinu za uređivanje web stranice. No u ovom slučaju može se pokazati da preglednik FrontPage ne prikazuje sasvim ispravno neke elemente vaše stranice, pa je najbolje:- koristite gumb Pogled na alatnoj traci
- na izborniku Datoteka odaberite Pregled preglednika.
Ovdje možete:
- Odaberite preglednik u kojem želite vidjeti svoju web stranicu. U pravilu se ovdje u početku prikazuje preglednik, koji je prema zadanim postavkama instaliran na vašem računalu.
- Dodajte bilo koji drugi preglednik, za koji trebate koristiti gumb Dodaj.
- Uredite ili uklonite instalirane preglednike.
- Postavite veličinu zaslona na kojoj će se prikazivati vaša web stranica
Spremanje web stranica Da biste spremili datoteku, na izborniku Datoteka odaberite Spremi. Ako stranica još nije spremljena, FrontPage će otvoriti dijaloški okvir Spremi kao ....
Prema zadanim postavkama, FrontPage uzima prvi redak teksta s vaše stranice umjesto naslova stranice. Ovo nije uvijek ono što vam treba. Naziv stranice možete promijeniti pomoću gumba Promijeni - klikom na ovaj gumb otvara se dijaloški okvir Naslov stranice u kojem možete promijeniti naziv stranice.
Uklanjanje web stranica
Kada radite s 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 Popis mapa odaberite datoteku koju želite izbrisati i pritisnite gumb Izbriši na tipkovnici.
2 način
U oknu Popis mapa desnom tipkom miša kliknite datoteku (ili ikonu datoteke) koju želite izbrisati i odaberite stavku Izbriši u kontekstnom izborniku koji se pojavi.
3 način
U oknu Popis mapa odaberite datoteku koju želite izbrisati, a zatim odaberite Izbriši s izbornika Uredi.
Rad s 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 pokazivač će se postaviti na najbližu toč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 tipku Enter u FrontPageu, kursor se prisiljava na novi redak, s fiksnim uvlakama odlomka prije i poslije odlomka. Ako ne trebate stvarati odlomke, najbolje je koristiti kombinaciju tipki Shift + Enter za prelazak na novi redak.Rad sa slikama
Umetanje slika u web stranicu
Postoji nekoliko načina za umetanje slike u svoju web stranicu:1. Povucite sliku iz Windows Explorera (odnosno izravno iz Explorera).
2. Povucite sliku iz Internet Explorera.
3. Povucite slikovnu datoteku iz okna Popis mapa izravno na stranicu.
4. Korištenje međuspremnika - kopirajte sliku u međuspremnik iz bilo kojeg drugog programa, a zatim je zalijepite na stranicu iz međuspremnika. 5. Korištenje gumba Dodaj sliku iz datoteke na standardnoj alatnoj traci.
6. Korištenje izbornika Insert -Slika.
Razmotrimo ove metode detaljnije:
Metoda 1 Da biste povukli sliku iz Windows Explorera (odnosno izravno iz Explorera), trebate:
- otvorite prozor istraživača;
- u prozoru istraživača odaberite datoteku sa slikom koju želite umetnuti na svoju stranicu;
- lijevom tipkom miša povucite slikovnu datoteku na svoju web stranicu i umetnite sliku na mjesto gdje je bila točka umetanja na stranici.
Da biste povukli sliku iz Internet Explorera:
- u FrontPageu otvorite stranicu na koju želite dodati sliku;
- u pregledniku otvorite sliku koju želite postaviti na web stranicu preglednika, naziv datoteke mora završavati na jpg, jpeg, gif);
- lijevom tipkom miša povucite označenu sliku na svoju web stranicu;
Da biste povukli datoteku sa slikom s ploče Popis mapa, izravno na stranicu, trebate:
- u FrontPageu otvorite stranicu na koju želite dodati sliku;
- odaberite potrebnu datoteku sa slikom na ploči Popis mapa;
- lijevom tipkom miša povucite označenu sliku na svoju web stranicu;
- odabrana slika se umeće na mjesto gdje je bila točka umetanja na stranici.
Da biste zalijepili sliku na svoju web stranicu pomoću međuspremnika, trebate:
- u aplikaciji iz koje želite kopirati sliku odaberite sliku i pomoću tipki Ctrl + C kopirajte sliku u međuspremnik;
- na svoju web stranicu zalijepite ovu sliku iz međuspremnika pomoću tipki Ctrl + V
Ako odaberete da koristite gumb Dodaj sliku iz datoteke na standardnoj alatnoj traci za umetanje slike na svoju web stranicu, FrontPage će otvoriti dijaloški okvir Slika. U ovom dijaloškom okviru navedite slikovnu datoteku koju želite dodati na svoju web stranicu i kliknite gumb Umetni.
Metoda 6
Ako odlučite koristiti izbornik Umetanje slike za umetanje slike na svoju web stranicu, FrontPage će od vas tražiti da napravite daljnji izbor:
- Slike ... - odabirom te stavke izbornika dobivate priliku koristiti gotovu biblioteku slika.
- Iz datoteke ... - odabir ove stavke izbornika daje vam mogućnost da samostalno naznačite mjesto datoteke sa slikom koju želite dodati na svoju web stranicu (koristeći ovu stavku otvorit će se dijaloški okvir Slika, rad s kojim je opisano iznad).
- Kreiraj kolekciju fotografija… - pomoću ove stavke izbornika možete stvoriti kolekciju slika u određenom stilu. Da biste to učinili, u prozoru svojstava zbirke fotografija koji se otvori, pomoću gumba Dodaj na kartici Slike odaberite slike, a na kartici Raspored odaberite oblikovanje.
Dodavanje medijskih datoteka
Osim jednostavne grafike, poput - slike u * .gif, * .jpg, * .png, itd. FrontPage vam omogućuje smještaj multimedijskih datoteka na vašim web stranicama. To uključuje: video isječke, zvukove...Za umetanje videoisječka odaberite stavku Slika iz izbornika Umetanje, a zatim Video snimanje...
Otvorit će se dijaloški okvir Video koji prikazuje videoisječke u formatu * .avi, * .asf, * .ram, * .ra. Možete dodati zvuk web stranici na kartici Općenito u dijaloškom okviru Svojstva stranice.
Rad sa tablicama
Proračunska tablica jedan je od najmoćnijih alata koji se koriste za izradu web stranica. U početku su se tablice koristile samo za predstavljanje strukturiranih podataka. Međutim, oni su postupno evoluirali u moćan alat opće namjene za izgled web stranica.Izrada tablica
Najlakši način za stvaranje tablice je korištenje gumba Tablice -Dodaj tablicu koji se nalazi na standardnoj alatnoj traci. Drugi način je korištenje stavke izbornika Table-Insert - Table. Također se tablica može nacrtati i zalijepiti pomoću međuspremnika.Unos podataka i navigacija tablicama.
Jedna od sjajnih stvari u vezi s tablicama je da je tekst koji unesete oblikovan unutar ćelije na isti način na koji smo ga navikli oblikovati unutar cijelog dokumenta. Tekst smješten u ćeliju automatski se premotava u novi redak ako njegova duljina premašuje širinu stupca. Pritiskom na tipku Enter novi odlomak se umeće kao i obično. Tekst ili brojevi se unose u tablicu pomoću tipkovnice. Prije unosa podataka u tablicu potrebno je postaviti tekstualni kursor u željenu ćeliju tablice. To se može učiniti klikom na njega mišem. Međutim, prikladnije je koristiti tipkovničke prečace za kretanje između ćelija:Izrada i primjena obrazaca
Obrasci su tekstualni okviri, radio gumbi, potvrdni okviri, gumbi i mnoge druge kontrole. Posjetitelj stranice samo treba unijeti neke podatke u određeno tekstualno polje, odabrati neke podatke s predloženog popisa, kliknuti na gumb Pošalji kako bi se podaci poslali na web poslužitelj na obradu (ili obrađeni upravo tamo na stranici.No stvaranje obrazaca na samoj stranici samo je pola posla. Budući da nužno mora postojati program koji može obraditi podatke koje je korisnik unio pomoću obrazaca.
Takav program može se nalaziti na poslužitelju; 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 što će se dogoditi s podacima koje je unio korisnik:
- mogu se dodavati informacije u bazu podataka i razne grafikone, na temelju njih se mogu graditi ocjene...;
- informacije se mogu proslijediti e-poštom (ovo se često koristi za dobivanje informacija o korisniku u upitnicima raznih vrsta);
- informacije se mogu obraditi odmah na licu mjesta i posjetitelj vaše stranice će odmah dobiti informaciju o odgovoru (primjerice, dobit će bodove za test, vidjeti podatke koje je upisao u knjigu gostiju...).
1. Svaki obrazac zauzima određeno područje web stranice. Jedna web stranica može sadržavati jedan ili više oblika.
2. Svaki obrazac mora sadržavati barem jedan od elemenata obrasca (iako ih u pravilu ima nekoliko).
3. Svaki element obrasca ima ime i značenje. Naziv identificira polje za unos podataka, a vrijednost je jednaka vrijednosti koju je odabrao korisnik.
4. Jedan od elemenata obrasca (može biti običan gumb ili bilo koja slika) trebao bi funkcionirati kao gumb Pošalji.
Izrada obrazaca u FrontPageu
Za dodavanje obrasca na web stranicu, trebate:- Postavite kursor na mjesto na koje želite umetnuti obrazac.
- U izborniku Umetanje odaberite stavku Obrazac, u izborniku koji se otvori ponovno odaberite stavku Obrazac. Obrazac će biti postavljen na Vašu web stranicu - pojavit će se područje označeno točkastim okvirom s dva gumba: Pošalji i Reset.
- Koristeći istu stavku izbornika Umetanje Obrazac, uzastopno umetnite elemente obrasca koje trebate birajući ih iz padajućeg kaskadnog izbornika (sjetite se da su svi elementi obrasca umetnuti unutar područja obrasca označenog točkastim okvirom).
Nakon što je obrazac kreiran, ostaje ga samo ispuniti sadržajem - elementima obrasca, tekstom, slikama, tablicama... (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, stvaranje forme je samo početak. Nakon njegove izrade potrebno je konfigurirati svojstva i samog oblika i njegovih elemenata.
Postavljanje svojstava obrasca
Za obradu ili spremanje podataka koje su posjetitelji unijeli na web stranicu, morate koristiti mogućnosti koje pružaju FrontPage Server Extensions ili neki drugi program koji radi na web poslužitelju. No koji god program odabrali, još uvijek morate prilagoditi svojstva obrasca i elemenata u njemu. Da biste otvorili prozor svojstava obrasca, trebate:na izborniku Umetanje odaberite Obrazac, a zatim -
ili
pozovite kontekstni izbornik za obrazac i u kontekstnom izborniku koji se otvori odaberite stavku Svojstva obrasca.
Ovo će otvoriti dijaloški okvir Svojstva obrasca.
1. U polju Spremi rezultate morate navesti što treba učiniti s podacima unesenim u obrazac. Možete birati između sljedećih opcija:
o Upload Naziv datoteke - podaci će biti poslani u navedenu datoteku na web poslužitelju. Ova datoteka može biti web stranica koja s vremenom postaje sve duža ili podatkovna datoteka koja se zatim može obraditi u Excelu, Accessu ili bilo kojem drugom programu;
o Slanje adrese e-pošte - u ovom slučaju, svaki put kada posjetitelj web stranice klikne gumb Pošalji na obrascu, poruka e-pošte će se generirati i poslati 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 bit će poslani u bazu podataka. Baza mora biti smještena na web poslužitelju (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,
- mape,
- Izvještaji,
- prijelazi,
- hiperveze,
- Zadaci.
Stranica
Ovaj način se koristi za stvaranje i uređivanje web stranica. Ovdje možete kreirati prazne web stranice i stranice na temelju predložaka, dodijeliti teme (skup stilova prikaza stranica) stranicama. U ovom načinu možete dodavati i formatirati tekst, dizajnirati stranice pomoću grafičkih i video slika (podržana je konverzija brojnih grafičkih formata u * .gif, * .jpg i * .png formate), dodati zvuk stranici, predstaviti informacije u tablicama, okvirima itd. obrascima i na kraju stvoriti hiperveze. Ovo nije potpuni popis FrontPageovih mogućnosti za uređivanje sadržaja web stranica.Mape
U ovom načinu možete pregledavati i upravljati strukturom web stranice (datoteke i mape) na isti način kao u sustavu Windows, 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 više od desetak izvješća koja sadrže razne informacije o web stranici otvorenoj u FrontPageu.Prijelazi
Dizajniran za pregled hijerarhije web-mjesta. U ovom načinu možete manipulirati hijerarhijom povlačenjem i ispuštanjem pravokutnika (svaki predstavlja određenu web stranicu).Hiperveze
Demonstrira sustav hiperveza koje povezuju stranice web-mjesta (kao i sustav hiperveza na druge stranice), provjerava njihov integritet i dopušta im promjenu.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 napraviti novu stranicu u uređivaču naslovnice?
- Kako mogu otvoriti postojeću web stranicu?
- Kako mogu spremiti gotove web stranice?
- Opišite jedan način umetanja grafičke slike u web stranicu.
- Koji je princip rada s tekstom?
- Što su obrasci?
- Koji su načini pregleda web stranica na naslovnoj stranici
