Čarovniki in predloge so učinkovito orodje za ustvarjanje spletnih mest v Frontpageu. V 3. poglavju smo si ogledali čarovnike, ki interaktivno ustvarjajo spletna mesta in strani. To poglavje govori o predlogah. Naučili se boste ne le, kako ustvariti spletna mesta in spletne strani na podlagi vgrajenih predlog, temveč tudi, kako razviti lastne predloge.
Predloge spletnih strani
Frontpage ponuja predloge za ustvarjanje spletnega mesta in spletne strani. Najprej si bomo ogledali predloge spletnih mest. Prenesite Frontpage. Ko je postopek prenosa končan, aktivirajte ukaz spletnega podmenija meni Nova datoteka. Novo pogovorno okno, ki se odpre, prikaže seznam čarovnikov in predlog za spletno mesto. Skupaj je pet predlog:
splet na eni strani;
Spletna stran za podporo strankam (spletna stran za podporo strankam);
Empty Web (Prazno spletno mesto);
Persona] Web (osebno spletno mesto);
Project Web.
Enostranska spletna predloga
Predloga One Page Web je privzeto izbrana v pogovornem oknu Novo. Pri uporabi te predloge se ustvari struktura mape spletnega mesta in ena stran (domača stran). Nato naredite naslednje:
Dejanja:
1. V pogovornem oknu Novo vnesite ime spletnega strežnika in ime spletnega mesta (na primer Ena stran) v polje Določite lokacijo novega spleta. Kliknite OK.
2. Pojdite v način pogleda map s klikom na istoimenski kontrolni element na plošči Pogledi, da si ogledate strukturo vozlišča (slika 4.1.)
3 Dvokliknite datoteko domače strani (privzeto htm), da jo odprete v načinu pogleda strani B ta trenutek stran je prazna. Vnesite naslov strani "Domača stran"

Slika 4.1. Spletno mesto, ki temelji na predlogi One Page v pogledu map

V prihodnosti lahko spletnemu mestu dodate nove strani v poljubnem načinu pogleda in v pogledu krmarjenja ustvarite povezave med stranmi.Naredite naslednje: 1 Pojdite v pogled krmarjenja Kliknite ikono domače strani v desnem podoknu (barva ikona se bo spremenila). Če želite ustvariti novo stran, kliknite gumb Nova stran v standardni orodni vrstici. Nova stran se privzeto imenuje Nova stran 1. Ta stran bo ustvarjena kot podrejena stran domače strani. Na ta način lahko ustvarite katero koli število strani in nato po potrebi spremenite povezave med njimi 2 Ustvarite še šest strani na isti ravni kot Nova stran 1 (z izbrano ikono domače strani)
3. Sedaj spremenite povezave med stranmi.To storite tako, da izberete na primer stran Nova stran 4 in jo, medtem ko držite miškino tipko pritisnjeno, povlecite pod stran Nova stran 2. Spustite miškin gumb. Tako je stran Nova stran 4 postala podrejena stran Nove strani 2. Zdaj naj stran Nova stran 5 postane podrejena stran Nove strani 2, stran Nova stran 6 pa podrejena stran Nove strani 4 (slika 4.2.)

Opomba
V načinu ogleda Navigacija lahko uporabljate orodja istoimenske plošče, ki se prikaže na zaslonu, ko preklopite v ta način.Eno od teh orodij je seznamsko polje Zoom, v katerem lahko izberete merilo prikaza. struktura spletnega mesta Izberite element Velikost na tem seznamu Prilagodi (izberite velikost) Ko izberete, bodo prikazane ikone vseh strani spletnega mesta Velikost ikon je odvisna od velikosti površine okna Frontpage desna plošča trenutno zaseda (območje te plošče je prilagojeno z navpičnim drsnikom, ki jo ločuje od plošče Seznam map) 2 Ustvarite dodatnih šest strani na isti ravni kot stran Nova stran 1 (ikona domače strani mora biti izbrano)
3. Sedaj spremenite povezave med stranmi.To storite tako, da izberete na primer stran Nova stran 4 in jo, medtem ko držite pritisnjen gumb miške, povlecite pod stran Nova stran 2. Spustite tipko miške. Tako je stran Nova stran 4 postala podrejena stran Nove strani 2. Zdaj naj stran Nova stran 5 postane podrejena stran Nove strani 2, stran Nova stran 6 pa podrejena stran Nove strani 4 (slika 4.2).

Slika 4.2. Spreminjanje povezav med stranmi v navigacijskem pogledu

Opomba
V načinu pogleda Navigacija lahko uporabljate orodja istoimenske plošče, ki se pojavi na zaslonu, ko preklopite v ta način.Eno od teh orodij je seznamsko polje Zoom, v katerem lahko izberete merilo prikaza. strukturo spletnega mesta. Na tem seznamu izberite element Velikost, ki se prilega. Ko izberete, bodo prikazane ikone vseh strani spletnega mesta. Velikost ikon je odvisna od tega, koliko območja okna Frontpage trenutno zaseda desna plošča ( območje te plošče je prilagojeno z navpičnim drsnikom, ki jo ločuje od plošče Seznam map)
3. Prazno spletno mesto izbrišite tako, da izberete ukaz Delete Web v meniju File in aktivirate stikalo Delete This Web Entirely v pogovornem oknu Confirm Delete.
Ko uporabite osebno spletno predlogo, ustvarite spletno mesto, ki je sestavljeno iz petih strani, ki so zasnovane tako, da predstavljajo majhno organizacijo ali posameznika. Če želite ustvariti spletno mesto, sledite tem korakom:
1. V pogovornem oknu Novo izberite predlogo Personal Web Vnesite URL spletnega mesta (poimenujte mesto, na primer Personalweb). Ko kliknete gumb V redu, bo ustvarjeno novo spletno mesto. Pojdite v način pogleda map, da vidite njegovo strukturo
2. Odprite domača stran vozlišče v načinu pogleda strani (slika 4.3.)

Slika 4 3 Domača stran osebnega spletnega mesta

Ta stran ponuja nabor elementov, ki jih lahko uporabite v celoti ali delno ali pa jih sploh ne uporabite. Najpomembnejši elementi vključujejo naslednje
Splošna področja - področja, ki so postavljena na zgornji, spodnji, levi in ​​(redkeje) desni rob strani. Ta področja so nameščena v glavnem navigacijske vrstice(levo in zgoraj) in kontaktni podatki (spodaj) Na domači strani Personulweb sta zgoraj in levo splošna področja
Glava strani je komponenta FrontPage Page Banner. Ta komponenta vstavi glavo na stran v obliki grafične slike in ne v obliki besedila. Vrsto glave lahko določite v oknu Page Banner Properties, ki se odpre, ko aktivirate ukaz kontekstnega menija z istim imenom
Če želite spremeniti naslov strani (v tem primeru Domača stran), morate z desno miškino tipko klikniti stran v načinu pogleda navigacije, v kontekstnem meniju izbrati Preimenuj in vnesti nov naslov
Navigacijske plošče, ki se nahajajo neposredno pod glavo in na levi strani strani, so komponente FrontPage.Parametri plošče so nastavljeni v pogovornem oknu Navigation Bai Pioperties

Navadno besedilo je besedilo, ki ga lahko zamenjate s svojim.
Hiperpovezave so podčrtane in povezujejo strani na spletnem mestu.
Slika ozadja je majhna grafična slika, katere številni dvojniki tvorijo mozaično ozadje ali trdno ozadje na strani.
Pisave in barva besedila, npr slika ozadja, so opredeljeni v temi, dodeljeni tej spletni strani.
Datum in čas -- Komponenta datuma in časa FrontPage, ki vstavi datum Zadnja posodobitev strani. Lastnosti te komponente lahko spremenite v pogovornem oknu Lastnosti datuma in časa, ki se odpre, ko dvokliknete datum.
Logotip Frontpage 2000 se nahaja na spodnji desni strani domače strani. Lahko ga izbrišete ali uredite v katerem koli grafičnem urejevalniku. Privzeto se za urejanje grafike uporablja grafično urejanje. Microsoftov urejevalnik Skladatelj slik. Logotip je na voljo za obdelavo v oknu urejevalnika po dvojnem kliku nanj. Privzeti grafični urejevalnik lahko spremenite na naslednji način. V meniju Orodja aktivirajte ukaz Možnosti. V pogovornem oknu Možnosti pojdite na zavihek Konfiguriraj urejevalnik. Videli boste seznam urejevalnikov, ki jih je mogoče uporabiti za obdelavo datotek z ustreznimi končnicami. Določite pot dostopa do nosilca grafični urejevalnik, s katerim želite sodelovati. Poleg tega lahko spremenite sliko z orodji na plošči Slike, ki se prikaže na zaslonu, ko kliknete sliko

Parametre slike nastavite v pogovornem oknu Pictuie Properties, ki ga odprete z aktiviranjem istoimenskega ukaza kontekstnega menija. Odprite in si oglejte druge strani na spletnem mestu v načinu brskanja
Stran Izbrišite osebno spletno mesto Spletno mesto, razvito s predlogo Personal Web, je dobra osnova za bolj zapleteno spletno mesto (priporočamo, da to upoštevate, ko ustvarjate lastno spletno mesto) Spletna predloga Project
Spletna predloga projekta (spletna stran projekta) je namenjena izdelavi večstranskega spletnega mesta (slika 4.4.), ki se uporablja za stalni prikaz različnih informacij o projektu od samega začetka dela na njem. spletno mesto vsebuje informacije, kot so seznami udeležencev projekta, načrt in status, glave in noge strani, arhiv in tabla za razprave ter iskalnik Ustvarite spletno mesto na podlagi predloge Project Web na naslednji način:
1. V pogovornem oknu Novo izberite predlogo Project Web Vnesite URT – naslov spletnega mesta (poimenujte mesto, na primer Project)

Slika 4.4. Spletno mesto, ki temelji na predlogi Project Web

2. Dvokliknite ikono domače strani v navigacijski plošči, da odprete domačo stran v načinu pogleda strani (slika 4.5).

riž. 4.5. Domača stran spletnega mesta projekta z glavo in navigacijo ter ploščami v pogledu strani

Splošna področja
Strani spletnega mesta Project imajo tri splošna področja, ki jih lahko urejate.
1. Uredite navigacijsko vrstico v zgornjem splošnem območju. Če želite to narediti, na vrstici najprej z enim klikom izberite, nato pa dvokliknite, da odprete pogovorno okno Lastnosti vrstice za krmarjenje.
2. V območju Hiperpovezave za dodajanje na stran v pogovornem oknu Lastnosti navigacijske vrstice omogočite stikalo Podrejena raven in nastavite možnosti Domača stran in Nadrejena stran. V območju Orientation And Appearance aktivirajte stikali Horizontal in Text (slika 4.6). Na koncu kliknite gumb V redu.

Slika 4.6. Spreminjanje nastavitev v pogovornem oknu Lastnosti navigacijske vrstice

Določite lahko, na katere strani so povezane v navigacijski vrstici, tako da miškin kazalec postavite na gumb navigacijske vrstice, ki bo prikazal celotno pot do te strani v statusni vrstici okna Frontpage. Omenili smo že, da imena gumbov navigacijske vrstice sovpadajo z naslovi tistih strani, ki so hiperpovezane z ustreznimi možnostmi v pogovornem oknu Lastnosti navigacijske vrstice. Imena, ki se prikažejo v navigacijski vrstici, se spremenijo, ko spremenite imena strani v pogledu navigacije
3. Pomaknite se na dno strani. Preverite spodnje splošno območje, kot je prikazano spodaj. Vsebuje komponento FrontPage. Datum in čas. Tukaj je avtorska pravica ali druga izjava o lastništvu.
4. V pogledu strani odprite in si oglejte strani Člani, Urnik, Status in Arhiv, pri čemer vsaka vsebuje skupna področja
Skupine za iskanje in razprave
Končno spletno mesto projekta ima naslednje funkcionalnost, kot so iskanje po besedilu in skupine za razprave (ogledali smo si jih v 3. poglavju. Zdaj jih bomo pogledali v povezavi s spletnim mestom, ki temelji na predlogi Project Web:
1. Odprite iskalno stran (search.htm) v načinu Pogled strani (slika 4.7.) Ta stran vsebuje obrazec, ki vsebuje eno polje. Ta obrazec vam omogoča pregledovanje dokumentov spletnega mesta za informacije, ki se ujemajo z iskalnimi kriteriji, navedenimi v obrazcu.

Slika 4.7. Stran za iskanje spletnega mesta Project

Iskalni obrazec je komponenta FrontPage. Ukaz Lastnosti obrazca za iskanje v kontekstnem meniju omogoča spreminjanje lastnosti te komponente. Stran za iskanje vsebuje navodila za nastavitev iskalnih kriterijev. Zaprite stran za iskanje in odprite stran z razpravami (discuss htm), ki vsebuje povezave do skupin za razpravo o zahtevah in bazi znanja. Skupina za razpravo je skupina povezanih (večinoma tematskih) spletnih strani, ki vključujejo obrazce in komponente FiontPage. Tako imajo nekateri uporabniki možnost izraziti svoje pripombe in predloge, drugi pa jih komentirati. Na ta način se vodi dialog
3. Oceniti videz strani spletnega mesta, ustvarjene s predlogo Project Web, uporabite ukaz Predogled v brskalniku v meniju Datoteka ali gumb orodne vrstice z istim imenom. V pogovornem oknu, ki se prikaže, izberite brskalnik in določite velikost njegovega okna, nato kliknite V redu. Ko končate z brskanjem, zaprite brskalnik in Frontpage. Nato izbrišite spletno mesto Project v Frontpage. Spletno mesto, ustvarjeno s predlogo Project Web, lahko uporabite za predstavitev informacij ne le o projektu, ampak tudi o vsakodnevnem -dnevno delo ekipe ali oddelka.
Spletna predloga za podporo strankam
Spletna predloga za podporo strankam ustvari spletno mesto, ki uporabnikom ponuja različne informacije (na več načinov) in jim omogoča tudi objavo svojih informacij. Nato sledite tem korakom:
1. V pogovornem oknu Novo izberite spletno predlogo za podporo strankam. Vnesite URL spletnega mesta (poimenujte mesto, na primer Stranka) (Ustvarjeno spletno mesto je prikazano na sliki 48)

Slika 4.8. Spletno mesto, ki temelji na spletni predlogi za podporo strankam

2. Odprite pozdravno stran (domačo stran) v pogledu strani. Ta stran vsebuje zgornje, spodnje in levo splošno območje ter zgornjo in levo navigacijsko vrstico.
3. Oglejte si strani Kaj je novega in FAO (pogosto zastavljena vprašanja) v načinu pogleda strani. Te strani so dobro oblikovane in popolnoma ustrezajo svojemu namenu. Združujejo besedilo, hiperpovezave, glave in noge.
4. Odprite stran z napakami (Bugrep.htm). Vsebuje obrazec, v katerem lahko uporabnik opiše programsko napako, na katero je naletel, in zastavi povezana vprašanja. Ta obrazec lahko spreminjate: spremenite oznake, velikost in vsebino polj.
5. Naložite okno z lastnostmi polja seznama: z desno miškino tipko kliknite ta element in v kontekstnem meniju aktivirajte ukaz Lastnosti polja obrazca. Pojavilo se bo pogovorno okno Lastnosti spustnega menija (slika 4.9), ki vsebuje gumbe, s katerimi lahko dodajate, brišete, spreminjate polja seznama in jih premikate gor in dol.

Slika 4.9. Pogovorno okno Lastnosti spustnega menija

6. Zaprite pogovorno okno Lastnosti spustnega menija in stran Napake. Odprite, oglejte in zaprite stran Predlogi strank (Predlagaj, htm), ki vsebuje predloge strank. Odprite stran za prenos podpore za stranke (prenos, htm). Stran za prenos je zasnovana tako, da uporabnikom omogoča prenos programske opreme ali dokumentov z vašega mesta na svoje računalnike. V tem primeru se datoteke prenesejo iz strežnika v odjemalski računalnik s pomočjo FTP (F-e Transfer Protocol). Če kazalec miške postavite na povezavo, boste v statusni vrstici videli URL spletnega mesta, s katerega bo datoteka prenesena, ko je povezava aktivirana.
7. Zaprite stran za prenos. Odpiranje, ogled in zapiranje strani za razpravo in iskanje. Na njih boste našli razpravljalno skupino in iskalni obrazec, ki sta podobna tistim, ki smo jih obravnavali zgoraj.
8. Odprite spletno stran na podlagi predloge za podporo strankam v vašem brskalniku in delajte na straneh Predlogi (oddajte predlog) in Napake (opišite napako, na katero ste naleteli med delom s programsko opremo).
9. Vrnite se na Frontpage in aktivirajte ukaz Refresh v meniju Pogled. Pojdite na Frontpage, da odprete in si ogledate strani Buglist.htm in Feedback.htm.
10. Na koncu izbrišite spletno stran stranke.
Predloge spletnih strani
Na podlagi predlog spletnih mest so spletna mesta ustvarjena s velik znesek različne strani in različne funkcionalnosti na vsaki od njih. Toda včasih morate ustvariti eno stran. Frontpage ponuja 26 predlog in en čarovnik za ustvarjanje strani. Ogledali si bomo nekaj najbolj uporabnih predlog. Postopek izdelave spletne strani na podlagi predloge vključuje naslednje korake:
1. V Frontpage ustvarite novo spletno mesto na podlagi predloge Empty Web. Poimenujte ga TestPages. Ustvarite domačo stran s klikom na gumb Nova stran v standardni orodni vrstici.
2. Odprite domačo stran v pogledu strani.
3. Aktivirajte ukaz Stran v podmeniju Novo v meniju Datoteka, zaradi česar se prikaže pogovorno okno Novo s seznamom predlog spletnih strani, predstavljenih na zavihku Splošno (slika 4.10). Osredotočili se bomo na pet vzorcev. Ko ustvarite stran z naslednjo predlogo, si jo najprej oglejte v Frontpage, nato v brskalniku.
Opomba
Privzeto je v pogovornem oknu izbrana predloga Normal Page. Na njegovi podlagi se ustvari prazna stran. To pogovorno okno se prikaže samo v načinu pogleda strani. V drugih načinih gledanja z ukazom Stran v podmeniju Novo v meniju Datoteka ustvarite stran na podlagi predloge Običajna stran. Klik na gumb Novo v standardni orodni vrstici v katerem koli načinu pogleda prav tako ustvari stran, ki temelji na tej predlogi, ne da bi se naložilo pogovorno okno Novo.

riž. 4.10. Novo pogovorno okno (zavihek Splošno) s seznamom predlog

Predloga obrazca za povratne informacije
Predloga obrazca za povratne informacije se uporablja za ustvarjanje strani z obrazcem, namenjenim zbiranju informacij, ki jih potrebujete (slika 4.11). Ta obrazec se imenuje obrazec za povratne informacije.V skladu s predlogo se oblikujejo polja več tipov, ki jim dodelijo imena, ki se uporabljajo tudi v predlogi Obrazec za potrditev, prav tako je določeno, da se bodo podatki iz obrazca shranili v datoteko Feedback.txt mape _Private spletnega mesta (ime datoteke, format, v katerem bodo podatki zapisani v datoteko, in druge nastavitve je mogoče vedno preglasiti v pogovornem oknu lastnosti obrazca). Če se vaše spletno mesto imenuje TestPages in uporablja privzeti sistem map, bo pot do datoteke Feedback.txt:
C:\InetPub\Wwwroot\TestPages\_Private\Feedback.txt.

riž. 4.11. Stran, ustvarjena s predlogo obrazca za povratne informacije

Predloga obrazca za potrditev
Ta predloga ustvari potrditveno stran, ki se uporablja za prikaz, da je bil uporabnikov vnos v obrazec na strani prejet (potrditvena stran se samodejno naloži v brskalnik odjemalca, potem ko uporabnik pošlje podatke na spletno mesto). Ko ustvarite obrazec, Frontpage samodejno ustvari potrditveno stran. Lahko ustvarjate lastno stran potrditev s predlogo obrazca za potrditev.
Če želite to narediti, morate izvesti naslednje korake. Z desno miškino tipko kliknite obrazec, ki se nahaja na strani, s katere želite prenesti podatke, in v kontekstnem meniju, ki se prikaže, aktivirajte ukaz Lastnosti obrazca. V pogovornem oknu, ki se odpre, aktivirajte gumb Možnosti. V oknu Možnosti shranjevanja rezultatov obrazca izberite zavihek Potrditvena stran in v polje URL potrditvene strani (neobvezno) vnesite URL vaše potrditvene strani. V Frontpage lahko v pogledu Hiperpovezave vidite povezavo med obrazcem, iz katerega se pošiljajo podatki (obrazec za oddajo) in potrditveno stranjo. Če je stran izdelana na podlagi predloge Confirmation Form, bo vsebovala komponente Confirmation Field FrontPage (slika 4.12). Ta komponenta prikaže podatke, poslane iz ustreznega polja obrazca na potrditveni strani.
Če želite potrditveni strani dodati komponento FrontPage potrditvenega polja, sledite tem korakom. Aktivirajte ukaz Confirmation Field v podmeniju Components menija Insert. V pogovornem oknu Lastnosti potrditvenega polja, ki se naloži, vnesite ime za potrditveno polje. Da bi bile informacije, posredovane iz polja obrazca, pravilno prikazane na potrditveni strani, se morata imeni polja obrazca in potrditvenega polja ujemati.

riž. 4.12. Stran, ustvarjena s predlogo potrditvenega obrazca

Predloga iskalne strani
Predloga Search Page ustvari stran, ki vsebuje FrontPage komponento Search Form, ki vam omogoča iskanje informacij na vseh straneh spletnega mesta. Na tej strani so tudi navodila za uporabo operatorjev poizvedbenega jezika (slika 4.13).
Rezultati iskanja ključne besede TestPages na spletnem mestu, ustvarjenem s predlogo Project Web, so prikazani na sliki. 4.14 (prikaže se seznam strani, na katerih je prisotna ta ključna beseda). Za ogled strani preprosto kliknite na ustrezen element seznama.

Slika 4.13. Iskalna stran, ustvarjena s predlogo Iskalne strani

Slika 4.14. Rezultati iskanja za ključno besedo TestPages

Predloga kazala vsebine
Ta predloga vam omogoča ustvarjanje strani s kazalom vsebine. Ta tabela vsebuje povezave do vseh strani spletnega mesta in omogoča hitro navigacijo do katere koli spletne strani. Kazalo si lahko ogledate le v brskalniku.
Na sl. 4.15. Prikazano je kazalo vsebine spletnega mesta, ki vsebuje povezave do strani, ustvarjenih s predlogami, ki smo jih pregledali. Lastnosti kazala vsebine lahko spremenite v pogovornem oknu Lastnosti kazala vsebine, ki se naloži z ukazom Kazalo vsebine v podmeniju Komponente menija Vstavi.

riž. 4.15. Stran s kazalom v brskalniku

Ozek, desno poravnan vzorec telesa
Do sedaj smo si ogledali predloge, ki omogočajo uporabo komponent FrontPdge, kot so iskalni obrazec, kazalo vsebine in potrditveno polje.Obstajajo predloge, na podlagi katerih se ustvarijo postavitvene strani (na primer vsebujejo tabele ) zapolniti z besedilom in grafiko. Takšne strani se ne uporabljajo Komponente FrontPage Narrow, Right-aligned Body (ozko, desno poravnano telo) je ena taka predloga. Pri uporabi te predloge je mogoče predogled sestava strani v območju Predogled v pogovornem oknu Novo. Stran, ustvarjena iz predloge Ozko, desno poravnano telo, vsebuje tabelo z dvema stolpcema in eno vrstico. Leva celica tabele vsebuje veliko grafično sliko. Desna celica je zapolnjena z nesmiselnim besedilom, ki ga je treba zamenjati. Obiskovalci, ki si ogledujejo stran spletnega mesta, ne bodo videli pikčastih črt, ki ločujejo celice na prvi strani. 4.16. pokazal, kako tej strani izgleda kot v načinu predogleda Frontpage (v načinu pogleda strani kliknite zavihek Predogled na dnu okna strani) ta način Meje celic niso prikazane. Preden začnete razvijati lastne predloge, zaprite in izbrišite spletno mesto TestPages, ki ste ga uporabljali

Slika 4.16. Stran, ustvarjena na podlagi ozke predloge, desno poravnano telo, v načinu pogleda predogleda na prvi strani

Ustvarjanje predlog v Frontpage
Ker že nekaj časa delate s predlogami, ste verjetno že dobili nekaj idej o tem, kakšne predloge Frontpage bi radi imeli.
Nato si bomo ogledali postopke za ustvarjanje predlog za oba različni tipi.
Vrste predlog
Predloge so pravzaprav vozlišča oziroma strani, ki se nahajajo ločeno (v posebni mapi) in služijo kot modeli za razvoj različnih spletnih mest in strani. Predloge spletnih mest in predloge spletnih strani so shranjene v različne mape, vendar je med njima veliko podobnosti. Predloge strani običajno ustvarijo eno stran, ki postane del ločeno ustvarjenega spletnega mesta. Predloga spletnega mesta vam omogoča, da ustvarite popolno spletno mesto Frontpage z eno ali več povezanimi stranmi. Vse datoteke predlog se nahajajo v eni mapi, ki je del strukture mape Frontpage. Ustvarjanje predlog obeh navedenih vrst se zmanjša na ustvarjanje vozlišča ali strani na običajen način. Ko je spletno mesto ali stran popolnoma oblikovana v skladu z vašimi zahtevami, jo postavite v mapo, namenjeno predlogam (mape, ki vsebujejo datoteke predlog, morajo imeti pripono TEM). Mapa s predlogami vključuje datoteke HTML spletnega mesta, pa tudi datoteko INF (ki vsebuje informacije o predlogi) in datoteko DIB (sličica predloge, ki se prikaže v polju za predogled v novem oknu). Nekatere mape predlog vsebujejo grafične datoteke.
Struktura mape Frontpage
Med postopkom namestitve Frontpage 2000 se ustvarijo mape, ki vsebujejo predloge za strani, vozlišča, okvirje in slogovne liste (imena map oz. strani, spleti, okvirji, Css). Privzeta pot do teh map je C:\Program Files\Microsoft Onice\Templates\1033\. Na sl. 4.17 v Windows Explorerju prikazuje vsebino mape Strani (datoteke za vsako predlogo se nahajajo v ločeni podmapi s pripono TEM). Če ste na svoj računalnik namestili Microsoft Personal spletni strežnik 4.0, z uporabo privzetih nastavitev med postopkom namestitve bo pot do njegovih datotek in map naslednja: C:\InetPub\Wwwroot\. Ta mapa je korenska mapa spletnega strežnika. Vsebovalo bo korensko spletno mesto. Vsa vozlišča, ustvarjena v Frontpageu, so postavljena v podmape korenske mape spletnega strežnika. Korensko spletno mesto je mesto, do katerega se dostopa z URL-ja, ki določa samo ime strežnika (brez imena mape ali strani).
Dostop do izvršljiva datoteka Frontpage (frontpa ge.exe) se privzeto nahaja na naslednji poti: C:\Program Files\Microsoft Office\0ffice

Slika 4.17. Mapa Microsoft Front Page in podmape strani, ki vsebujejo datoteke s predlogami strani

V Raziskovalcu Windows odprite mapo Pages (celotna pot je C:\ProgramFiles\Microsoft Office\Templates\1033\Pages) Nato odprite eno od njenih podmap, na primer 1 center tern. V mapi s predlogo morajo biti vsaj tri datoteke. Ena od njih je datoteka HTML. Če dvakrat kliknete na ime te datoteke, se bo privzeti brskalnik naložil in prikazal stran spletnega mesta, ki temelji na tej predlogi. Druge datoteke v mapi s predlogo sta datoteka INF in datoteka DIB O njunem namenu smo že govorili.Oglejmo si podrobneje datoteko INF
INF datoteko
Datoteka INF vsebuje opisne informacije o predlogi. Podobna je datoteki INI Windows sistemi. Datoteka INF mora imeti isto ime kot mapa, v kateri je.
V mapi Pages odprite mapo Icentertem in dvokliknite ime datoteke center.inf. Če datoteka INF ni povezana z aplikacijo, ki si jo lahko ogleda, v ta namen uporabite urejevalnik Beležnice. Okno beležnice bo prikazalo povzetek datoteke, kot je prikazano na naslednji sliki.
razdelek datoteke INF
Datoteka INF ima vedno razdelek z vsaj dvema pododdelkoma ~ naslov predloge in njen opis. Če je to datoteka predloge spletnega mesta, so informacije iz podrazdelkov prikazane v pogovornem oknu Novo (zavihek Spletna mesta), če pa je to datoteka predloge spletne strani, so prikazane v pogovornem oknu Novo (zavihek Splošno). Na sl. 4.18. V pogovornem oknu Novo na zavihku Splošno je izbrana predloga One Column Page, katere opis je prikazan v območju Opis.
Če datoteka INF ni ustvarjena, ime predloge ne bo vključeno na seznam razpoložljivih predlog.
Upoštevati je treba, da ima pravilno organizacijo vsebine datoteke INF velik pomen. Potreben je razdelek ter naslovni in opisni pododdelki, ki vsebujejo naslov in opisno vrstico. V razdelku je lahko skupna dolžina imena pododdelka in vnosa do 255 znakov. Optimalna dolžina naslova in opisa, ki sta v celoti prikazana v pogovornem oknu Novo, je 30 oziroma 100 znakov.
Opomba
Najbolj priročen način ustvarjanja. Datoteka INF za predloge spletnih mest, ki so prikazane na Frontpage, lahko vključuje dodatne razdelke in se uporabljajo pri nalaganju predloge.

Slika 4.18. V pogovornem oknu Novo (zavihek Splošno) je izbrana predloga strani Odsek strani z enim stolpcem

Z razdelkom (Slika 419) določite strukturo shranjevanja datotek spletnega mesta, ustvarjenega na podlagi te predloge.Če razdelek manjka. Frontpage naloži vse datoteke iz mape, vendar nič iz podmap. Vse datoteke JPG in GIF v mapi TEM, tudi če ni razdelka, so postavljene v podmapo Slike na spletnem mestu. Razdelek je potreben, če želite:
tako da se na spletnem mestu uporabljajo datoteke iz podmap mape TEM,
določite datoteke, ki jih potrebujete v mapi TEM, ki jih je treba postaviti na spletno mesto (datoteke mape TEM, ki niso vključene v razdelek, so prezrte),
tako da datoteke končajo v določenih mapah na spletnem mestu in ne le v korenu
Ko uporabljate razdelek, morate narediti seznam vseh datotek, ki bodo uporabljene na spletnem mestu, ustvarjenem na podlagi te predloge. Če želite katero koli stran ali sliko postaviti v drugo mapo mesta, vendar ne v koren, Ime pododdelka in njegove vsebine morate oblikovati v skladu z določenimi pravili, pot do datoteke glede na mapo predloge in ime te datoteke je treba uporabiti kot ime razdelka. Na primer, mapa s slikami je v mapi s predlogami, datoteka scrnshot.gif pa v mapi s slikami. Nato bo ime pododdelka naslednje. slike\scrnshot.gif. Vsebina pododdelka mora biti URL do te datoteke na vašem spletnem mestu.

Slika 4.19. razdelek datoteke INF

Razdelek
Razdelek je namenjen shranjevanju spremenljivk, ki jih uporablja komponenta FrontPage Substitution. Za umestitev te komponente na stran morate aktivirati istoimenski ukaz v podmeniju Komponente menija Vstavi. Ta komponenta se uporablja za umestitev določenih vrst informacij na spletne strani, na primer:

Ime podjetja = Exciting Travel, Inc
Naslov podjetja = 1 Main St, Some Town, WA 98100
Razdelek
Razdelek se uporablja za zagotavljanje seznama opravil, ki je prikazan v načinu pogleda Opravila, če je spletno mesto ustvarjeno s to predlogo.Zapisi (ime pododdelka in njegova vsebina) v razdelku so predstavljeni v naslednji obliki TaskNumber=TaskNameI Priority I Created by]URLI Comment Elementi zapisa pododdelka so ločeni drug od drugega z navpično črto (ime pododdelka, edinstvena številka ali ključ, ki identificira opravilo)
Njihov opis je podan v tabeli 4 1, način uporabe pa je prikazan na sliki 4.20.

Slika 4.20. pogovorno okno favk Detail

Tabela 4.1. Opis elementov zapisa razdelka [ra^kLi"sl]

Element	Opis	Opombe
TaskNumber (številka opravila)	Edinstvena številka ali ključ	Na primer "t01", "t02", "t03" itd.
Ime opravila	Kratek opis naloge	Tri ali štiri besedne fraze
Prioriteta	Celo število, ki opisuje pomembnost naloge (njeno prioriteto)	1 - visoko, 2 - srednje, 3 - nizko
Ustvaril (kdo je ustvaril stran)	Ime predloge	Navedeno v poljih Ustvaril in Dodeli v pogovornem oknu Podrobnosti opravila
	URL strani, za katero je bilo ustvarjeno opravilo	Podano v polju Povezano z v pogovornem oknu Podrobnosti opravila
Komentiraj	Opis naloge	več natančen opis kaj je treba narediti

Posebne sposobnosti
Za različne spletne strežnike je značilno različne nastavitve da nastavite privzeto ime datoteke domače strani. Če uporabljate MSPWS, naslovna stran privzeto poimenuje domače strani spletnih mest Default.htm. Na strežniku NCSA (strežnik UNIX) je ime domače strani Index, htm, ki ga lahko pri dostopu do spletne strani izpustite iz naslova URL. Na primer, URL http://www*fairmountain*com/wine vas popelje na stran Index.htm spletnega mesta Wine, ki se nahaja na strežniku Fairmountain NCSA. Na strežniku CERN (strežnik UNIX) je to običajno ime Welcome.htm, na internetnem informacijskem strežniku pa običajno ime Default.htm. Vse datoteke domače strani predloge spletnega mesta so poimenovane index.htm. Ko ustvarite spletno mesto iz predloge, Frontpage datoteki domače strani dodeli ime, ki je privzeto nastavljeno na spletnem strežniku. To bo ustrezno spremenilo povezave do domače strani. Če ne želite uporabljati to priložnost, potem morate v datoteki INF v razdelku vnesti naslednjo vrstico (ime domače strani ne bo spremenjeno): NoIndexRenaming"
Opomba
Zanimiva točka je, da pri organiziranju povezave do domače strani ni treba izrecno navesti imena njene datoteke (na primer Default.htm). Namesto imena datoteke lahko uporabite znake "./".
Ti znaki ustrezajo privzetemu imenu datoteke domače strani, nastavljenemu na spletnem strežniku.
Ustvarjanje enostranskih predlog
To se naredi zelo preprosto. Dovolj je, da ustvarite običajno spletno stran z informacijami in jo nato shranite kot predlogo. To je vse:
1. Ustvarite enostransko spletno stran v Frontpageu in jo poimenujte Templates. Dvokliknite domačo stran, da jo odprete v pogledu strani.
2. Na vrhu strani vnesite besedilo »Domača stran« in mu dajte slog odstavka Naslov 1. Izberite besedilo in kliknite gumb Sredina v orodni vrstici Oblikovanje: besedilo bo poravnano na sredino strani.
3. V meniju Datoteka pokličite ukaz Shrani kot. Pojavilo se bo pogovorno okno z istim imenom. V seznamskem polju Shrani kot izberite Predloga naslovne strani (*.tem). Kliknite gumb Shrani. Odpre se pogovorno okno Shrani kot predlogo.
4. Določite naslov nove predloge "Domača stran" in ime strani (hometem), vnesite vnos v polje Opis, na primer "Ustvari domačo stran" in kliknite V redu.
5. Če uporabljate privzeto strukturo mape, bo pot do mape z novimi datotekami predlog: C:\Windows\Application\Microsoft\FrontPage\Pages\Pages\Hometem.tem.
Opomba
Če po tem, ko ustvarite predlogo strani, ne najdete njene mape v mapi Strani v Raziskovalcu, pritisnite tipko za osvežitev vsebine Windows okna Raziskovalec.
6. Odprite mapo Hometem.tem. Vsebovati mora tri datoteke, za katere veste, da so samodejno ustvarjene, ko shranite stran kot predlogo: datoteko HTML, datoteko INF in datoteko DIB. Dvokliknite ime datoteke INF. Datoteka se bo odprla v urejevalniku beležnice. Njegova vsebina je prikazana na naslednji sliki.
7. Zaprite Beležnico in se vrnite na Frontpage. Aktivirajte ukaz Stran podmenija Novo menija Datoteka in v pogovornem oknu Novo, ki se naloži, izberite predlogo Domača stran (slika 4.21). Kliknite gumb

V redu okna Novo, ki odpre novo stran, ki temelji na vaši predlogi (slika 4.22).

riž. 4.21. V pogovornem oknu Novo je izbrana predloga Domača stran

riž. 4.22. Stran, ustvarjena iz predloge domače strani.

Naveden primer je zelo preprost. Njegov namen je prikazati princip ustvarjanja predloge strani. Zanimive strani, ki ste jih razvili, boste verjetno želeli v prihodnje shraniti kot predlogo. Dodatek B prikazuje, kako ustvarite lastno predlogo spletnega mesta. Ta postopek je nekoliko bolj zapleten kot ustvarjanje predloge strani, vendar upamo, da ga boste zlahka obvladali.

Program, s katerim lahko precej preprosto razumete osnovne principe oblikovanja internetnih strani, s široko izbiro dodatna orodja za izdelavo kompleksnih internetnih strani in portalov.

Na kratko o programu Microsoft FrontPage

To je preprost in priročen spletni urejevalnik za oblikovanje, pripravo in objavo spletnih mest. Zahvaljujoč integraciji z družino izdelkov MS Office, poznanemu vmesniku in obilici predlog program omogoča, da tudi začetniki, ki poznajo osnove dela v MS Word, hitro obvladajo delo. Hkrati FrontPage ne moremo imenovati rešitev za "telekane": program ponuja obsežno funkcionalnost in različna orodja za optimizacijo internetnih strani.

Treba je opozoriti, da je ime Microsoft FrontPage obstajalo do leta 2003, nato pa je bilo dopolnjeno z novimi funkcijami in samo ime se je spremenilo. programsko opremo. Leta 2007 se je FrontPage preimenoval v Microsoft Expression Web, leta 2010 pa v Microsoft Office SharePoint Designer. V nove različice so sicer vnesli nekaj dodatkov, ohranili pa so osnovni videz programa.

Osnovna programska orodja

Splošni obrazec Microsoft programi Prednja stran

Microsoft FrontPage ima veliko skupnega z orodji MS Word, zato je veliko gumbov in menijskih zavihkov tudi intuitivnih, kar olajša postopek ustvarjanja strani. Veliko ljudi že zna vnašati in oblikovati preprosto besedilo, ustvarjati tabele Microsoft Word, se isti princip uporablja za urejanje strani v FrontPageu.

Slika na desni prikazuje splošna oblika programi s standardnim naborom orodij, s katerimi lahko ustvarite predlogo strani z besedilom, povezavami in slikami. Pojdite na zavihek "Pogled", nato na "Orodno vrstico" in se prepričajte, da " Standardno", "Oblikovanje"in" Mize", bodo ta orodja dovolj za ustvarjanje samo strani. Na dnu bodite pozorni na zavihke "Oblikovalnik", "Koda" in "Pogled" - to so trije različne načine v katerem lahko vedno pogledate, kako izgleda stran, ki jo ustvarjate.

• V Designerju se vnašajo vse spremembe, tipka in oblikuje besedilo, vstavljajo slike, ustvarjajo povezave, spreminjajo barve ozadja in pisave na enak način kot v Microsoft Wordu.
• V zavihku "Koda" si lahko ogledate tako imenovano kodo HTML. HTML je standardni označevalni jezik za dokumente v svetovnem spletu. Večina spletnih strani je ustvarjenih z uporabo jezik HTML. V tem zavihku lahko tudi urejate stran, vendar morate poznati ta označevalni jezik. Vendar naj začetniki vse spremembe naredijo v konstruktorju in vse spremembe HTML-ja se bodo zgodile samodejno.
• V zavihku "Pogled" si lahko ogledate, kako je stran videti neposredno v brskalniku (na primer Internet Explorer)

Podroben opis drugih menijev, gumbov in Microsoftove funkcije FrontPage so predstavljeni v pomoči programa. Če želite to narediti, pritisnite tipko "F1".

Ustvarjanje predloge za strani v FrontPageu

Vstavljanje glavne tabele v urejevalnik

In tako, da ustvarite preprosto predlogo, morate vstaviti tabelo s tremi bloki. Trije bloki so preprost standard: zgornji blok je za ime spletnega mesta, drugi blok je za povezave za navigacijo spletnega mesta, tretji blok je za besedilo, slike in druge informacije na strani. Zaradi udobja lahko vstavite več namiznih blokov, vendar je stvar okusa, kako, koliko in kakšne velikosti narediti te bloke. Obstaja še en način za ustvarjanje blokov ne z ustvarjanjem tabel, temveč z vstavljanjem tako imenovanih elementov »div« na strani in jim dodelitvijo določenih slogov, vendar ta metoda ni za nove spletne skrbnike in o tem je mogoče napisati ločen članek.

1. Če želite vstaviti tabelo, pojdite na zavihek “Tabela” > “Vstavi” > “Tabela” in izpolnite polja, kot je prikazano na sliki na desni. Dejansko lahko vnesete svoje parametre, vendar ta tabela ima fiksno širino in sega do 100 % površine zaslona. Tako bo tabela v brskalniku prikazana kompaktno.
2. Nato morate prilagoditi vse tri celice, saj so po vstavitvi enako visoke. Z desno miškino tipko kliknite najvišjo celico in pojdite na »Lastnosti celice«, v polje višine pogojno vnesite »150« in potrdite polje »v pikah«, tj. Velikost celice bo 150 slikovnih pik. V istem meniju lahko izberemo barvo ozadja celice, s klikom v meniju “style...” pa lahko naredimo še druge nastavitve celice, npr. izberemo barvo in velikost obrobe celice, lahko eksperimentirajte s tem in si oglejte rezultat. V samo celico lahko vnesete ime spletnega mesta.
3. Nato uredimo drugo celico, ki je namenjena povezavam za navigacijo po spletnem mestu. Širino nastavimo na približno 40 pikslov, to bo dovolj, ostale nastavitve, kot so barva ozadja in robovi, pa prilagodimo svojemu okusu. Nato napišemo imena samih povezav, ločena z znaki navpična črta ali drug znak (lahko si ga ogledate spodaj, če prenesete celotno predlogo). Izberite test in pritisnite gumb za sredinsko poravnavo, tako kot v MSWordu. Na enak način lahko spremenite pisavo, velikost pisave in druge nastavitve besedila.
4. Postavili smo tudi zadnjo celico. Namenjen je glavnemu besedilu, kamor lahko vnesete pozdravno besedilo.
5. Na koncu lahko odprete zavihek »Datoteka« > »Lastnosti«, kjer lahko vnesete ime spletnega mesta in spremenite splošno ozadje strani ter druge splošne nastavitve.

Predloga je zdaj pripravljena. Je okvir za vse nadaljnje strani spletnega mesta. Tako izgleda stran v kodi HTML:

Tako dobimo predlogo za spletno mesto

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251"> < title >Ime mesta < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Ime mesta < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >domov | < b >stran 2 | < b >stran 3 | < b >stran 4 | < b >stran 5 | < b >Kontakti < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Besedilo domače strani. Tukaj lahko vstavite pozdravno besedilo in na kratko napišete, čemu je stran namenjena.

To kodo HTML lahko takoj vstavite v urejevalnik v zavihku "Koda" in takoj boste videli že pripravljena predloga. Lahko ga spremenite in uredite tako, da ustreza vašim potrebam. Tukaj velja pojasniti, da je tam, kjer je vstavljeno glavno besedilo in ni v bližini polj, uokvirjeno v oznaki »div« z nastavitvijo zamika, kot je prikazano v primeru.

Dodatne predloge

1. Vedeti morate tudi, da v programu FrontPage in drugih podobnih programih obstajajo standardne predloge, ki jih lahko uporabite za ustvarjanje strani, jih je enostavno urejati in poljubno predlogo lahko prilagodite svojim potrebam. Če želite izbrati standardno predlogo, pojdite na zavihek "Datoteka" > "Ustvari ..." v oknu, ki se odpre, izberite "Druge predloge strani", kjer lahko izberete poljubno predlogo.
2. Obstaja še ena možnost - prenesite celotno predlogo iz interneta. Obstaja veliko spletnih mest, ki ponujajo takšno storitev. predloge so lahko plačljive ali brezplačne. Ko prenesete to ali ono predlogo, jo lahko uredite v programu, napolnite s potrebno vsebino in spremenite slog tega ali onega elementa.

Uporabite standardne postavitve tabel in tem

Microsoft FrontPage ponuja dobra orodja za že pripravljene postavitve tabel in teme za izdelavo spletnih mest

Vedeti morate, da ima Microsoft FrontPage standardni nabor postavitev tabel in tem, ki vam lahko pomagajo pri učenju umetnosti ustvarjanja običajnih strani ali spletnih mest z vizitkami. In tako je zgoraj desno spustni meni (glej sliko desno, kjer je prikazan tudi rezultat uporabe postavitev tabel in tem oblikovanja), s klikom se prikaže meni, v katerem morate izbrati “Postavitev tabele in celice« in nato se bo spodaj pojavilo veliko različnih postavitev tabel, poljubno lahko izberete po lastni presoji in okusu. To vam omogoča, da sami ročno ustvarite tabelo.

In tako, tako da vnesete ali prilepite svoje besedilo, logotip, povezave v celice tabele, tako da greste v isti meni, lahko izberete meni "Tema", kjer lahko izberete različne teme za oblikovanje strani, povezave, stran ozadje in še veliko več. Ta priložnost je dobra za tiste, ki se šele učijo ustvarjati internetne strani in precej jasno odraža postopek ustvarjanja spletnega mesta. Z drugimi besedami, v programu Microsoft FrontPage lahko eksperimentirate z različnimi nastavitvami in jasno vidite, kako se določena stran preoblikuje. Tukaj lahko daste en nasvet: preučite vse funkcije programa in se ne bojte izkoristiti tega ali onega menija, saj ima vsako orodje svojo lastnost in namen za ustvarjanje polnopravne strani

Vstavite sliko in ustvarite povezave do strani

Za spletne skrbnike začetnike je pomembno, da znajo vstaviti slike na stran in narediti povezave do drugih strani. Na primer, namesto besedila imena spletnega mesta lahko vstavite sliko logotipa spletnega mesta. To storite tako, da najprej kliknete v polje, kamor želite vstaviti sliko, nato čisto na vrhu kliknete zavihek “Vstavi” > “Risba” > “Iz datoteke”, izberete želeno sliko in kliknete “Vstavi”, nato katera slika se bo pojavila na strani. Z desnim klikom na sliko se pomaknete v meni z dodatnimi nastavitvami slike. Pomembno je, da so vse slike v eni strogo določeni mapi za vse slike.

Če želite obiskati druge strani spletnega mesta, morate ustvariti povezave, prek katerih lahko uporabniki obiščejo vse strani spletnega mesta. Če želite to narediti, morate izbrati želeno besedilo za povezavo in pojdite na zavihek »Vstavi« > »Hiperpovezava«, v meniju, ki se odpre, morate navesti stran, na katero se ustvarja povezava, in kliknite »V redu« . V istem oknu so še druge nastavitve za povezave, na primer, ali naj se povezava odpre v novem oknu ali ne. Načeloma lahko to študirate sami.

Zaključek

Ti urejevalniki so si v bistvu podobni in imajo podobne funkcije ter menije. Ob obvladovanju osnovne nastavitve, lahko preprosto ustvarite spletna mesta v drugih urejevalnikih. Ko obvladate ta načela, lahko preidete na bolj zapleteno metodo oblikovanja spletnega mesta - z uporabo tako imenovanega CSS. Kaj je to in kako urediti dizajn spletne strani, si lahko preberete v članku o CSS.

Slabost te metode "template" je, da je treba vsako stran izdelati posebej na podlagi izdelane predloge. Kadar, kot pri izdelavi spletnih mest s tako imenovanimi motorji, ni potrebno ločeno generiranje strani, se generirajo samodejno, ko se doda vsebina.

Če imate kakršna koli vprašanja o članku ali uporabi takšnih programov za ustvarjanje spletnih mest, jih lahko postavite v temi razprav na našem forumu.

Članki o podobnih temah

Spletna storitev OceanTheme je platforma, kjer se lahko ljudje združijo med seboj z skupnim interesom za nakup vrhunskih predlog in razširitev Joomla! po ugodni ceni. Ciljno občinstvo storitve so posamezniki ter mala in srednja podjetja, profesionalni spletni razvijalci za ustvarjanje spletnih trgovin, spletnih mest skupnosti ali ljudje, ki želijo imeti vaš blog. V naši veliki zbirki vrhunskih rešitev bo vsak našel tisto, kar potrebuje.

Naš vir deluje kot organizator združevanja, določa število ljudi, za katere želite kupiti predloge in razširitve, stroške blaga, pa tudi količino in dostop do teh materialov. Naše spletno mesto ima veliko možnosti za enostavno iskanje predlog in razširitev. Intuitivna navigacija, sistem označevanja, razvrščanje po filtrih in orodje »dodaj med zaznamke« vam bodo omogočili, da neverjetno hitro najdete pravo gradivo, ki ga želite. Poleg tega boste vedno našli najnovejše informacije, da boste zbirko posodabljali vsak dan.

Dostop do celotne baze gradiva je omogočen v času trajanja kluba, navedenega v naročniški blagajni. Naročniki prejmejo neomejen dostop do vseh razpoložljivih arhivov, novic in posodobitev ter tehnično podporo skozi celotno naročniško obdobje.

Vsi izdelki, ki jih najdete na tem spletnem mestu, so 100-odstotno združljivi z GPL, kar pomeni, da jih lahko poljubno spremenite in namestite na neomejeno število spletnih mest.

Zahvaljujoč naši zbirki boste prihranili veliko časa in denarja, saj so predloge in razširitve preproste za uporabo, enostavne za namestitev in konfiguracijo, večnamenske in raznolike. To vam bo omogočilo, da ustvarite spletno stran katere koli kompleksnosti in usmeritve, ne da bi se učili naprednih tehnologij za spletni razvoj.

Glavne značilnosti naše spletne strani

Bogat nabor funkcij, ki delujejo iz škatle:

Uporabite vse možnosti našega vira, da dobite pripravljeno profesionalno rešitev za hitro izvedbo vaših poslovnih projektov ali kreativnih idej.

Uporabite iskalna orodja

Uporabite napredno iskanje in filtriranje ter enostavno navigacijo za hitro iskanje želenih spletnih rešitev po dizajnu, funkcionalnosti in drugih kriterijih.

Da so bili najljubši materiali vedno pri roki, uporabite edinstveno funkcijo »Dodaj med priljubljene« in so na voljo v ločenem razdelku za celo leto.

Ko ste prijavljeni na naše spletno mesto, boste lahko puščali komentarje in sodelovali v promocijah ter uporabljali brezplačno naročnino s permium dostopom.

Pridružite se članstvu našega kluba

Klubska naročnina vam omogoča popoln dostop do našega celotnega kataloga izvirnega gradiva. In vključuje vrhunske predloge in razširitve za več let.

Prenesite ustrezne predloge in razširitve Joomla, tako brezplačne kot naročnine za klub brez kakršnih koli omejitev in ogoranicheny hitrosti.

Če vam je bilo všeč katero koli gradivo na spletnem mestu, lahko pustite svoj glas in ga delite s prijatelji prek družbenih omrežij.

Tema 3.3: Aplikacije za izdelavo spletnih strani

Tema 3.4: Uporaba interneta v gospodarstvu in varstvo informacij

Programi za izdelavo spletnih strani

3.3. Aplikativni programi za izdelavo spletnih strani

3.3.2. Uvod v FrontPage

Spletne strani temeljijo na hiperbesedilnem opisnem jeziku dokumenti HTML(Hypertext Markup Language). HTML uporablja ukaze, imenovane oznake, za določanje vsebine in oblike hiperbesedilnih dokumentov. Strani HTML so dokumenti v obliki navadnega besedila, ki vsebujejo posebne ukaze za oblikovanje (oznake HTML).

Če želite ustvariti spletno stran s FrontPageom, se ni treba učiti HTML. FrontPage omogoča precej preprosto vnašanje besedila, ki ga lahko postavite na spletno stran, in postavitev slik na prava mesta. S FrontPageom lahko ustvarite učinke, ki bi običajno zahtevali skripte ali programe DHTML.

Spletno mesto ali spletno mesto je niz povezanih spletnih strani in datotek, ki so med seboj povezane. FrontPage ima čarovnike, ki vam omogočajo ustvarjanje spletnega mesta, in predloge ali nabor vnaprej oblikovanih besedilnih in grafičnih formatov, iz katerih je mogoče ustvariti nove spletne strani. Čarovniki in predloge FrontPage vam omogočajo ustvarjanje različnih vrst spletnih mest.

Vsako spletno mesto ima eno spletno stran, ki se imenuje glavna ali domača stran. Domača stran je prva spletna stran, na katero pride obiskovalec spletnega mesta. Z uporabo navigacije ali hiperpovezav bodo uporabniki lahko prišli do drugih strani spletnega mesta.

Običajno spletno mesto gostuje na spletnem strežniku, računalniku, ki obiskovalcem spletnega mesta omogoča dostop do spletnih strani. FrontPage vam omogoča ustvarjanje spletne strani neposredno v datotečni sistem uporabnikovem računalniku in ga nato, ko je pripravljen, objavi na spletnem strežniku.

Po zagonu programa FrontPage (Start – Programi – FrontPage) se na zaslonu prikaže programsko okno z novo stranjo (nova_stran_1.htm). Podokno opravil prikaže ploščo Uvod.

riž. 1.

Okno aplikacije FrontPage sestavljajo: naslovna vrstica, menijska vrstica, orodne vrstice za urejanje in oblikovanje, gumbi hitra izbira oznaka (za urejanje in vnos oznak), bližnjice zavihka za izbiro strani (za premikanje med stranmi), delovno okno, v katerem je prikazana nova stran, plošča za risanje, gumbi za način pogleda, indikator pričakovanega časa nalaganja strani pri 56 kbps, indikator velikosti strani, opravilna področja.

FrontPage ponuja štiri načine gledanja: Design, Code, Split in Preview. V načinu "Oblikovalec" kot v katerem koli drugem urejevalnik besedil lahko ustvarite, uredite in oblikujete stran v vizualnem načinu, tj. vnos besedila, dodajanje slik, tabel. V tem primeru se samodejno dodajo jezikovne oznake HTML ozadje, vendar kodiranje HTML ni prikazano na zaslonu.

V načinu "Koda" bo vse kodiranje prikazano na zaslonu in lahko neposredno urejate kodo HTML ter vnašate nove kode. Slika prikazuje kodo HTML za novo prazno stran v urejevalniku FrontPage.

riž. 2.

V načinu "Razdeli" - spletna stran je prikazana na zaslonu istočasno v načinu kode in v načinu oblikovanja. V načinu za ogled je spletna stran videti podobno kot v spletnem brskalniku.

Ukazi, ki so namenjeni delu s spletnimi stranmi in spletnimi mesti, se nahajajo v meniju Pogled programa FrontPage:

1. Stran je način pogleda in razvoja strani.
2. Mape – prikaže strukturo map trenutnega mesta.
3. Oddaljeno vozlišče – ​​vozlišče, ki se nahaja na internetnem strežniku.
4. Poročila – nudi povzetek spletnega mesta.
5. Prehodi – prikazuje strukturo prehodov med stranmi spletnega mesta.
6. Hiperpovezave – odpre seznam povezav na trenutni strani.
7. Opravila – odpre seznam opravil za trenutno spletno stran

riž. 3.

Izdelava spletnih strani v aplikaciji FrontPage

Ustvarjanje nove prazne spletne strani

Če, ko odprete okno programa FrontPage, prikaže prazno stran, potem lahko na podlagi te strani razvijete spletno stran. Če se ob odpiranju urejevalnika FrontPage prikaže prazno glavno okno, morate za ustvarjanje nove prazne strani zagnati ukaz File/New in v opravilnem področju izbrati Blank Page. V oknu aplikacije se prikaže prazna stran. Nato morate razviti stran, tj. izvajati postavitev (strukturo) strani, vnašati besedilo, slike itd.

riž. 4.

Izdelava spletne strani na osnovi FrontPage predlog

Ustvarite lahko tudi novo stran na podlagi ene od predlog. To storite tako, da v območju opravil izberete ukaz »Druge predloge strani«. Na zaslonu se prikaže pogovorno okno Predloge strani, ki prikazuje različne predloge strani po kategorijah.

riž. 5.

Ustvarjanje spletne strani na podlagi obstoječih spletnih strani v vašem računalniku

Ustvarite lahko tudi spletno stran na podlagi obstoječih spletnih strani v vašem računalniku. To storite tako, da v območju opravil izberete ukaz »Iz obstoječe strani« in v pogovornem oknu, ki se prikaže, izberete želeno stran. Nato lahko naredite potrebne spremembe na strani in jo shranite pod drugim imenom.

Izdelava spletne strani v aplikaciji FrontPage

Ustvarite novo prazno spletno mesto ali ustvarite spletno mesto brez vsebine

Če želite ustvariti novo prazno mesto, zaženite ukaz File/New in v podoknu opravil izberite ukaz “Other Web Site Templates”. Odpre se pogovorno okno Predloge spletnega mesta, v katerem morate izbrati Prazno spletno mesto in klikniti V redu. V oknu aplikacije FrontPage bo prikazano spletno mesto, prikazano na sliki.

riž. 6.

Če želite ustvariti prazno domačo stran na novem spletnem mestu, morate iti v način Prehodi in klikniti gumb Nova stran na plošči Prehodi se domača stran prikaže v delovnem polju (uporabite lahko tudi kontekstni meni, da ustvarite domačo stran).

riž. 7.

Dvokliknite na domačo stran z levim gumbom miške in odprla se bo v oblikovalskem načinu za urejanje (stran - index.htm).

riž. 8.

Nato lahko oblikujete domačo stran (ustvarite postavitev ali strukturo strani, vnesete besedilo, slike itd.), nato pa lahko dodate strani na domačo stran v načinu Prehodi. Če želite to narediti, v načinu Prehodi izberite domačo stran in kliknite gumb Nova stran na plošči Prehodi ali uporabite kontekstni meni.

Dodana bo nova stran 1, ki je prikazana na sliki. Nato dodajte toliko strani, kot jih potrebujete za spletno mesto, nato pa lahko preimenujete strani in spremenite njihov vrstni red. Nato morate na vsako stran vnesti vsebino (besedilo, tabele, slike itd.), rezultat je spletna stran.

riž. 9.

Izdelava spletne strani na podlagi predloge urejevalnika FrontPage

Če želite ustvariti spletno mesto na podlagi predloge, zaženite Datoteka/Novo in v opravilnem področju kliknite ukaz Spletni paketi, odpre se pogovorno okno Predloge spletnih mest.

riž. 10.

Izberite zahtevano predlogo ali čarovnika za ustvarjanje novega mesta.

Ustvarjeno spletno mesto ima postavitev in dizajn, ni pa vsebine. Nato morate na strani tega mesta vnesti ustrezno besedilo, slike, skripte, števce in druge elemente spletnega mesta.

Frontpage vam bo ponudil veliko različnih predlog strani, od osnovne predloge strani, ki je prazen list papirja, do precej zapletene strani s tremi stolpci. Če svojemu obstoječemu mestu dodate strani, ustvarjene s predlogami, lahko hitro in preprosto prilagodite svoje spletno mesto.

Strani s predlogami so ustvarjene v urejevalniku.

1. V Raziskovalcu odprite mesto, kjer bo nova stran. (Ta korak lahko preskočite, če želite, ker ko shranite stran, jo lahko uvozite na katero koli od svojih obstoječih mest).

2. V urejevalniku izberite predmet Ustvari iz menija mapa.

3. V oknu Druge predloge strani izberite zahtevana predloga s predlaganega seznama in kliknite gumb v redu.

Na voljo imate širok izbor različnih predlog strani, ki jih lahko uporabite na svojem spletnem mestu. Predloge so navedene na seznamu na levi strani pogovornega okna Predloge strani, na desni strani tega okna pa je prikazan opis trenutne predloge in njen približni videz.

Ustvarjanje okvirne strani

Predavanje obravnava primer izdelave spletne strani Fakultete za fiziko in matematiko. Opustili bomo uporabo predlog spletnega mesta in uporabili predlogo okvirne strani.

Okvirji vam omogočajo, da strani razdelite na pravokotna področja, od katerih vsako prikazuje svojo stran. Na stran z okvirji lahko postavite enega ali več okvirjev. To pomeni, da lahko ustvarite stran, kjer različna področja prikazujejo različno vsebino. Spreminjanje vsebine v enem okvirju ne spremeni nujno vsebine v drugem, če pa želite, lahko naredite, da se stran, do katere dostopate prek povezave v enem okvirju, prikaže v območju drugega okvirja.

Okvirji so zelo priljubljeni med spletnimi oblikovalci, nekateri delijo svoje strani na pet, šest ali celo več okvirjev (ta struktura lahko močno upočasni nalaganje strani!). Frontpage vam ponuja deset okvirnih predlog, vsaka z največ štirimi okvirji na okvirno stran.

Uporaba okvirnih predlog

1. V Raziskovalcu odprite spletno mesto, kjer želite ustvariti novo okvirno stran.

2. V urejevalniku izberite predmet Ustvari iz menija mapa.

3. V pogovornem oknu, ki se prikaže Predloge strani izberite predlogo na zavihku Stran z okvirji in nato kliknite V redu.

Stran z okvirjem, ki ste jo izbrali, si boste lahko ogledali predogled, ker bo njena postavitev prikazana na desni strani pogovornega okna.

Predpostavimo, da ste izbrali predlogo eno Obvestilo in kazalo. Na zaslonu boste videli naslednje:

Opomba: Ko izberete predlogo, ki vam je všeč, shranite vsak okvir s klikom na Nova stran v pravokotnem območju, ki se prikaže. Šele po tem boste dobili enak rezultat kot na sl. Upoštevajte, da lahko vsak okvir poimenujete, kot želite, vendar se običajno pokliče celotna strankazalo.

2. Osnove dela v ms FrontPage

Če ste se odločili, da ne boste ustvarili spletne strani s čarovnikom in ste se odločili, da boste uporabili samo okvirno predlogo, se morate seznaniti s tem, kako postaviti besedilo, organizirati navigacijo (vstaviti hiperpovezave) in uporabljati multimedijske tehnologije.