Čarobnjaci i predlošci učinkovit su alat za izradu web stranica u Frontpageu. U 3. poglavlju pogledali smo čarobnjake koji interaktivno generiraju web stranice i stranice. Ovo poglavlje govori o predlošcima. Naučit ćete ne samo kako izraditi web stranice i web stranice na temelju ugrađenih predložaka, već i kako razviti vlastite predloške.
Predlošci web stranica
Frontpage nudi predloške za stvaranje i web stranice i web stranice. Prvo ćemo pogledati predloške web stranica. Preuzmite Frontpage. Kada je proces preuzimanja dovršen, aktivirajte naredbu podizbornika Web izbornik Nova datoteka. Dijaloški okvir New koji se otvara prikazuje popis čarobnjaka i predložaka web stranice. Ukupno postoji pet predložaka:
One Page Web;
Web stranica korisničke podrške (web stranica korisničke podrške);
Empty Web (prazna web stranica);
Persona] Web (osobna web stranica);
Projekt Web.
Jednostrani web predložak
Predložak One Page Web odabran je u dijaloškom okviru Novo prema zadanim postavkama. Kada koristite ovaj predložak, kreira se struktura mape web stranice i generira se jedna stranica (početna stranica). Zatim učinite sljedeće:
Radnje:
1. U dijaloškom okviru Novo unesite naziv web poslužitelja i naziv web stranice (na primjer, Jedna stranica) u polje Specify the Location Of The New Web. Pritisnite OK.
2. Idite na način prikaza mapa klikom na istoimeni kontrolni element na ploči Pogledi kako biste vidjeli strukturu čvora (Slika 4.1.)
3 Dvaput pritisnite datoteku početne stranice (zadani htm) da je otvorite u načinu prikaza stranice B ovaj trenutak stranica je prazna. Unesite naslov stranice "Početna stranica"

Slika 4.1. Web stranica temeljena na predlošku One Page u prikazu mapa

Ubuduće, možete dodavati nove stranice na web mjesto u bilo kojem načinu prikaza, a u navigacijskom prikazu stvarati veze između stranica. Učinite sljedeće: 1 Idite na navigacijski prikaz Kliknite na ikonu početne stranice u desnom oknu (boja ikona će se promijeniti). Da biste stvorili novu stranicu, kliknite gumb Nova stranica na alatnoj traci Standard. Prema zadanim postavkama, nova stranica je nazvana Nova stranica 1. Ova stranica će biti stvorena kao podređena stranica početne stranice. Na taj način možete stvoriti bilo koju broj stranica, a zatim, ako je potrebno, promijenite veze između njih 2 Stvorite još šest stranica na istoj razini kao Nova stranica 1 (s odabranom ikonom početne stranice)
3. Sada promijenite veze između stranica.Da biste to učinili, odaberite, na primjer, stranicu Nova stranica 4 i, držeći pritisnutu tipku miša, povucite je ispod stranice Nova stranica 2. Spustite tipku miša. Stoga je stranica Nova stranica 4 postala dijete stranice Nova stranica 2. Sada stranicu Nova stranica 5 postavite podređenom stranici Nova stranica 2, a stranicu Nova stranica 6 podređenom stranici Nova stranica 4 (slika 4.2.)

Bilješka
U načinu pregleda Navigacija možete koristiti alate istoimene ploče koja se pojavljuje na ekranu kada prijeđete u ovaj način. Jedan od tih alata je okvir s popisom Zumiranje u kojem možete odabrati mjerilo prikaza struktura web stranice Odaberite stavku Size to na ovom popisu Fit (odaberite veličinu) Kada je odabrano, prikazat će se ikone svih stranica web stranice. Veličina ikona ovisi o tome kolika je površina prozora Frontpage desna ploča trenutno zauzima (područje ove ploče podešava se okomitim klizačem koji je odvaja od ploče s popisom mapa) 2 Stvorite još šest stranica na istoj razini kao stranica Nova stranica 1 (ikona početne stranice mora biti odabran)
3. Sada promijenite veze između stranica.Da biste to učinili, odaberite, na primjer, stranicu Nova stranica 4 i, dok držite pritisnutu tipku miša, povucite je ispod stranice Nova stranica 2. Otpustite tipku miša. Stoga je stranica Nova stranica 4 postala dijete stranice Nova stranica 2. Sada stranicu Nova stranica 5 postavite podređenom stranici Nova stranica 2, a stranicu Nova stranica 6 podređenom stranici Nova stranica 4 (slika 4.2).

Slika 4.2. Mijenjanje veza između stranica u navigacijskom prikazu

Bilješka
U načinu prikaza Navigacija možete koristiti alate istoimene ploče koja se pojavljuje na ekranu kada prijeđete u ovaj način. Jedan od tih alata je okvir s popisom Zumiranje u kojem možete odabrati mjerilo prikaza struktura web stranice. Odaberite stavku Size to Fit s ovog popisa. Kada je odabrana, prikazat će se ikone svih stranica web stranice. Veličina ikona ovisi o tome koliko područja prozora Frontpage trenutno zauzima desna ploča ( područje ove ploče podešava se okomitim klizačem koji ga odvaja od ploče s popisom mapa)
3. Izbrišite praznu web stranicu odabirom naredbe Delete Web iz izbornika File i aktiviranjem opcije Delete This Web Entirely u dijaloškom okviru Confirm Delete.
Kada koristite osobni web predložak, stvarate web mjesto koje se sastoji od pet stranica koje su dizajnirane da predstavljaju malu organizaciju ili pojedinca. Da biste stvorili web mjesto, slijedite ove korake:
1. U dijaloškom okviru Novo odaberite predložak Personal Web Unesite URL web stranice (nazovite stranicu, na primjer, Personalweb). Nakon što kliknete na gumb U redu, kreirat će se nova web stranica. Idite na način prikaza mapa kako biste vidjeli njenu strukturu
2. Otvorite početna stranicačvor u načinu prikaza stranice (Slika 4.3.)

Slika 4 3 Početna stranica osobne web stranice

Ova stranica nudi skup elemenata koje možete koristiti u cijelosti ili djelomično, ili ih uopće ne koristiti. Najvažniji elementi uključuju sljedeće
Opća područja - područja koja se nalaze na gornjem, donjem, lijevom i (rjeđe) desnom rubu stranice. Ova područja se nalaze u glavnom navigacijske trake(lijevo i gore) i kontakt informacije (dolje) Na početnoj stranici Personulweb nalaze se gore i lijevo opća područja
Zaglavlje stranice je komponenta FrontPage Banner stranice. Ova komponenta umeće zaglavlje na stranicu u obliku grafičke slike, a ne u obliku teksta. Vrstu zaglavlja možete odrediti u prozoru Svojstva bannera stranice koji se otvara kada aktivirate istoimenu naredbu kontekstnog izbornika
Za promjenu naslova stranice (u ovom slučaju, Početna stranica), morate desnom tipkom miša kliknuti stranicu u načinu navigacijskog prikaza, odabrati Preimenuj iz kontekstnog izbornika i unijeti novi naslov
Navigacijske ploče smještene neposredno ispod zaglavlja i na lijevoj strani stranice su FrontPage komponente. Parametri ploče se postavljaju u dijaloškom okviru Navigation Bai Pioperties

Običan tekst je tekst koji možete zamijeniti svojim.
Hiperveze su podcrtane i povezuju stranice na web stranici.
Pozadinska slika je mala grafička slika, čiji brojni duplikati čine pozadinu sličnu mozaiku ili čvrstu pozadinu na stranici.
Fontovi i boja teksta, poput pozadinska slika, definirani su u temi dodijeljenoj ovoj web stranici.
Datum i vrijeme -- FrontPage komponenta datuma i vremena koja umeće datum zadnje ažuriranje stranice. Svojstva ove komponente možete promijeniti u dijaloškom okviru Svojstva datuma i vremena koji se otvara kada dvaput kliknete na datum.
Logotip Frontpage 2000 nalazi se u donjem desnom dijelu početne stranice. Može se brisati ili uređivati ​​u bilo kojem grafičkom uređivaču. Prema zadanim postavkama, grafičko uređivanje se koristi za uređivanje grafike. Microsoft uređivač Skladatelj slika. Logo je dostupan za obradu u prozoru uređivača nakon dvostrukog klika na njega. Zadani grafički uređivač može se promijeniti na sljedeći način. Aktivirajte naredbu Options u izborniku Tools. U dijaloškom okviru Mogućnosti idite na karticu Konfiguriraj uređivač. Vidjet ćete popis editora koji se mogu koristiti za obradu datoteka s odgovarajućim ekstenzijama. Odredite put pristupa volumenu grafički urednik, s kojim želite raditi. Osim toga, možete promijeniti sliku pomoću alata na ploči Slike, koja se pojavljuje na zaslonu kada kliknete na sliku

Parametri slike postavljaju se u dijaloškom okviru Pictuie Properties koji se otvara aktiviranjem istoimene naredbe kontekstnog izbornika. Otvorite i pregledajte druge stranice na web mjestu u načinu pregledavanja
Stranica Brisanje osobnog web-mjesta Web-mjesto razvijeno korištenjem osobnog web-predloška dobra je osnova za složenije web-mjesto (preporučujemo da to imate na umu kada stvarate vlastito web-mjesto) Projekt Web predložak
Predložak Project Web (Project Web site) dizajniran je za izradu web stranice s više stranica (slika 4.4.), koja služi za stalni prikaz raznih informacija o projektu od samog početka rada na njemu. stranica sadrži informacije kao što su popisi sudionika projekta, plan i status, zaglavlja i podnožja stranice, arhiva i ploča za raspravu i tražilica Kreirajte web stranicu na temelju predloška Project Web na sljedeći način:
1. U dijaloškom okviru New odaberite Project Web predložak Unesite URT - adresu web stranice (nazovite stranicu, na primjer, Project)

Slika 4.4. Web stranica temeljena na predlošku Project Web

2. Dvaput kliknite ikonu početne stranice na navigacijskoj ploči da otvorite početnu stranicu u načinu prikaza stranice (Slika 4.5).

Riža. 4.5. Početna stranica web stranice projekta sa zaglavljem i navigacijom i pločama u prikazu stranice

Opća područja
Web stranice Projecta imaju tri opća područja koja možete uređivati.
1. Uredite navigacijsku traku koja se nalazi u gornjem općem području. Da biste to učinili, na traci prvo kliknite jednim klikom da biste je odabrali, a zatim dvaput kliknite da biste otvorili dijaloški okvir Svojstva navigacijske trake.
2. U području Hiperveze za dodavanje na stranicu dijaloškog okvira Svojstva navigacijske trake, omogućite sklopku Podređena razina i postavite opcije Početna stranica i Nadređena stranica. U području Orientation And Appearance, aktivirajte sklopke Horizontal i Text (Sl. 4.6). Na kraju kliknite gumb U redu.

Slika 4.6. Promjena postavki u dijaloškom okviru Svojstva navigacijske trake

Možete odrediti na koje su stranice povezane u navigacijskoj traci postavljanjem pokazivača miša preko gumba na navigacijskoj traci, što će prikazati puni put do te stranice u statusnoj traci prozora Frontpage. Već smo primijetili da se nazivi gumba na navigacijskoj traci podudaraju s naslovima onih stranica koje su hipervezom povezane pomoću odgovarajućih opcija u dijaloškom okviru Svojstva navigacijske trake. Imena koja se pojavljuju u navigacijskoj traci mijenjaju se kada promijenite nazive stranica u navigacijskom prikazu
3. Pomaknite se do dna stranice. Provjerite donje opće područje kao što je prikazano dolje. Sadrži FrontPage komponentu Datum i vrijeme Ovdje ide autorska prava ili druga izjava o vlasništvu.
4. U prikazu stranice otvorite i pregledajte stranice Članovi, Raspored, Status i Arhiva, od kojih svaka sadrži zajednička područja
Grupe za pretraživanje i raspravu
Rezultirajuća web stranica projekta ima sljedeće funkcionalnost, poput pretraživanja teksta i grupa za raspravu (pogledali smo ih u 3. poglavlju. Sada ćemo ih pogledati u odnosu na web mjesto temeljeno na predlošku Project Web:
1. Otvorite stranicu za pretraživanje (search.htm) u načinu prikaza stranice (Slika 4.7.) Ova stranica sadrži obrazac koji sadrži jedno polje. Ovaj obrazac vam omogućuje da pregledate dokumente web stranice za informacije koje odgovaraju kriterijima pretraživanja navedenim u obrascu.

Slika 4.7. Stranica za pretraživanje web stranice projekta

Obrazac za pretraživanje je FrontPage komponenta. Naredba Search Form Properties kontekstnog izbornika omogućuje vam promjenu svojstava ove komponente. Stranica za pretraživanje sadrži upute za postavljanje kriterija pretraživanja. Zatvorite stranicu za pretraživanje i otvorite stranicu za rasprave (discuss htm), koja sadrži poveznice na grupe za raspravu Zahtjevi i Baza znanja. Grupa za raspravu je grupa povezanih (uglavnom tematskih) web stranica koje uključuju obrasce i FiontPage komponente. Time neki korisnici imaju priliku izraziti svoje komentare i prijedloge, a drugi da ih komentiraju. Na taj način se vodi dijalog
3. Ocijeniti izgled stranice web-mjesta stvorene pomoću predloška Project Web, koristite naredbu Preview In Browser na izborniku Datoteka ili istoimeni gumb alatne trake. U dijaloškom okviru koji se pojavi odaberite preglednik i navedite veličinu prozora, a zatim kliknite U redu. Kada završite s pregledavanjem, zatvorite preglednik i Frontpage. Zatim izbrišite web stranicu Projecta na Frontpageu. Web stranica stvorena pomoću predloška Project Web može se koristiti za predstavljanje informacija ne samo o projektu, već i o svakodnevnom -dnevni rad tima ili odjela.
Web predložak korisničke podrške
Web predložak korisničke podrške stvara web stranicu koja služi korisnicima za pružanje raznih informacija (na nekoliko načina) i također im omogućuje objavljivanje svojih informacija. Zatim slijedite ove korake:
1. U dijaloškom okviru Novo odaberite Web predložak korisničke podrške Unesite URL web stranice (nazovite stranicu, na primjer, Korisnik) (Stvorena web stranica prikazana je na slici 48)

Slika 4.8. Web stranica temeljena na web predlošku korisničke podrške

2. Otvorite stranicu dobrodošlice (početnu stranicu) u prikazu stranice. Ova stranica sadrži gornje, donje i lijevo opće područje, kao i gornju i lijevu navigacijsku traku.
3. Pregledajte stranice Što je novo i FAO (često postavljana pitanja) u načinu prikaza stranice. Ove stranice su dobro dizajnirane i u potpunosti odgovaraju svojoj namjeni. Kombiniraju tekst, hiperveze, zaglavlja i podnožja.
4. Otvorite stranicu Bugs (Bugrep.htm). Sadrži obrazac u kojem korisnik može opisati softversku pogrešku na koju je naišao i postaviti povezana pitanja. Ova forma može se mijenjati: promijeniti oznake, veličinu i sadržaj polja.
5. Učitajte prozor svojstava polja popisa: desnom tipkom miša kliknite na ovaj element i aktivirajte naredbu Svojstva polja obrasca u kontekstnom izborniku. Pojavit će se dijaloški okvir Svojstva padajućeg izbornika (Sl. 4.9), koji sadrži gumbe koji vam omogućuju dodavanje, brisanje, promjenu polja popisa i njihovo pomicanje gore i dolje.

Slika 4.9. Dijaloški okvir Svojstva padajućeg izbornika

6. Zatvorite dijaloški okvir Svojstva padajućeg izbornika i stranicu Bugs. Otvorite, pregledajte i zatvorite stranicu Prijedlozi kupaca (Prijedlozi, htm), koja sadrži prijedloge korisnika. Otvorite stranicu za preuzimanje korisničke podrške (Preuzimanje, htm). Stranica za preuzimanje dizajnirana je kako bi korisnicima omogućila preuzimanje softvera ili dokumenata s vaše stranice na svoja računala. U ovom primjeru, datoteke se prenose s poslužitelja na klijentsko računalo pomoću FTP-a (F-e Transfer Protocol). Ako postavite pokazivač miša preko poveznice, vidjet ćete na statusnoj traci URL web stranice s koje će se datoteka preuzeti kada se veza aktivira.
7. Zatvorite stranicu za preuzimanje. Otvaranje, pregled i zatvaranje stranica za raspravu i pretraživanje. Na njima ćete pronaći grupu za raspravu i obrazac za pretraživanje, koji su slični onima o kojima smo govorili gore.
8. Otvorite web stranicu na temelju predloška korisničke podrške u svom pregledniku i radite na stranicama Suggestions (dostavite prijedlog) i Bugs (opišite bug na koji ste naišli tijekom rada sa softverom).
9. Vratite se na naslovnu stranicu i aktivirajte naredbu Refresh u izborniku View. Idite na Frontpage za otvaranje i pregled stranica Buglist.htm i Feedback.htm.
10. Na kraju, izbrišite web stranicu korisnika.
Predlošci web stranica
Na temelju predložaka web stranica, stranice se izrađuju s veliki iznos različite stranice i različite funkcionalnosti na svakoj od njih. Ali ponekad morate izraditi jednu stranicu. Frontpage nudi 26 predložaka i jednog čarobnjaka za izradu stranice. Pogledat ćemo neke od najkorisnijih predložaka. Proces izrade web stranice na temelju predloška uključuje sljedeće korake:
1. U Frontpageu generirajte novu web stranicu na temelju predloška Empty Web. Nazovite ga TestPages. Napravite početnu stranicu klikom na gumb Nova stranica na standardnoj alatnoj traci.
2. Otvorite svoju početnu stranicu u prikazu stranice.
3. Aktivirajte naredbu Stranica podizbornika Novo izbornika Datoteka, zbog čega će se pojaviti dijaloški okvir Novi s popisom predložaka web stranica prikazanih na kartici Općenito (Slika 4.10). Usredotočit ćemo se na pet uzoraka. Nakon što izradite stranicu pomoću sljedećeg predloška, ​​pregledajte je prvo u Frontpageu, a zatim u pregledniku.
Bilješka
Prema zadanim postavkama u dijaloškom okviru odabran je predložak Normalna stranica. Na temelju njega nastaje prazna stranica. Ovaj se dijaloški okvir pojavljuje samo u načinu prikaza stranice. U drugim načinima gledanja, korištenjem naredbe Stranica u podizborniku Novi izbornika Datoteka stvara se stranica temeljena na predlošku Normalne stranice. Klikom na gumb Novo na alatnoj traci Standard u bilo kojem načinu prikaza također se stvara stranica na temelju ovog predloška bez učitavanja dijaloškog okvira Novi.

Riža. 4.10. Novi dijaloški okvir (kartica Općenito) s popisom predložaka

Predložak obrasca za povratne informacije
Predložak obrasca za povratne informacije koristi se za izradu stranice s obrascem dizajniranim za prikupljanje informacija koje su vam potrebne (Slika 4.11). Ovaj obrazac se naziva obrazac za povratnu informaciju.U skladu s predloškom formiraju se polja više tipova kojima se dodjeljuju nazivi koji se koriste i u predlošku obrasca za potvrdu, a također je određeno da će se podaci iz obrasca spremati u datoteku Feedback.txt mape _Private web stranice (naziv datoteke, format u kojem će podaci biti zapisani u datoteku i druge postavke uvijek se mogu nadjačati u dijaloškom okviru svojstava obrasca). Ako se vaša stranica zove TestPages i koristi zadani sustav mapa, put do datoteke Feedback.txt bit će:
C:\InetPub\Wwwroot\TestPages\_Private\Feedback.txt.

Riža. 4.11. Stranica izrađena pomoću predloška obrasca za povratne informacije

Predložak obrasca za potvrdu
Ovaj predložak stvara stranicu potvrde koja se koristi za dokazivanje da je korisnikov unos u obrascu na stranici primljen (stranica potvrde automatski se učitava u preglednik klijenta nakon što korisnik pošalje podatke na web mjesto). Kada kreirate obrazac, Frontpage automatski generira stranicu za potvrdu. Možete stvarati vlastitu stranicu potvrdu pomoću predloška obrasca za potvrdu.
Da biste to učinili, morate izvršiti sljedeće korake. Desnom tipkom miša kliknite obrazac koji se nalazi na stranici s koje želite prenijeti podatke te u kontekstnom izborniku koji se pojavi aktivirajte naredbu Form Properties. U dijaloškom okviru koji se otvori aktivirajte gumb Mogućnosti. U prozoru Opcije spremanja rezultata obrasca odaberite karticu Stranica potvrde i u polje URL stranice potvrde (neobavezno) unesite URL svoje stranice potvrde. U Frontpageu, u prikazu Hiperveze, možete vidjeti poveznicu između obrasca iz kojeg se dostavljaju podaci (obrazac za slanje) i stranice za potvrdu. Ako je stranica izrađena na temelju predloška obrasca za potvrdu, sadržavat će komponente FrontPage polja za potvrdu (Slika 4.12). Ova komponenta prikazuje podatke poslane iz odgovarajućeg polja obrasca na stranici za potvrdu.
Za dodavanje FrontPage komponente Confirmation Field na stranicu za potvrdu, slijedite ove korake. Aktivirajte naredbu Confirmation Field u podizborniku Components izbornika Insert. U dijalogu Svojstva polja za potvrdu koji se učitava unesite naziv polja za potvrdu. Da bi se podaci proslijeđeni iz polja obrasca ispravno prikazali na stranici za potvrdu, nazivi polja obrasca i polja za potvrdu moraju odgovarati.

Riža. 4.12. Stranica izrađena pomoću predloška obrasca za potvrdu

Predložak stranice za pretraživanje
Predložak Search Page stvara stranicu koja sadrži FrontPage komponentu Search Form, koja vam omogućuje pretraživanje informacija na svim stranicama web stranice. Ova stranica također sadrži upute o tome kako koristiti operatore jezika upita (Slika 4.13).
Rezultati pretraživanja za ključnu riječ TestPages na web stranici stvorenoj korištenjem Project Web predloška prikazani su na slici. 4.14 (prikazuje se popis stranica na kojima je prisutna ova ključna riječ). Za pregled stranice jednostavno kliknite na odgovarajuću stavku popisa.

Slika 4.13. Stranica za pretraživanje izrađena pomoću predloška stranice za pretraživanje

Slika 4.14. Rezultati pretraživanja za ključnu riječ TestPages

Predložak sadržaja
Ovaj vam predložak omogućuje stvaranje stranice sa sadržajem. Ova tablica sadrži veze na sve stranice web stranice i omogućuje brzu navigaciju do bilo koje web stranice. Sadržaj se može vidjeti samo u pregledniku.
Na sl. 4.15. Prikazan je sadržaj web stranice koji sadrži poveznice na stranice koje su stvorene pomoću predložaka koje smo ispitali. Svojstva tablice sadržaja mogu se promijeniti u dijaloškom okviru Svojstva tablice sadržaja, koji se učitava pomoću naredbe Tablica sadržaja u podizborniku Komponente izbornika Umetanje.

Riža. 4.15. Stranica sa sadržajem u pregledniku

Uzak, desno poravnat uzorak tijela
Do sada smo pogledali predloške koji omogućuju korištenje FrontPdge komponenti kao što su obrazac za pretraživanje, sadržaj i polje za potvrdu. Postoje predlošci na temelju kojih se stranice izgleda (primjerice koje sadrže tablice) stvorene da budu ispunjene tekstom i grafikom. Takve se stranice ne koriste Komponente FrontPagea Narrow, Right-aligned Body (usko, desno poravnato tijelo) je jedan takav predložak. Kada koristite ovaj predložak, moguće je pretpregled sastav stranice u području Preview dijaloškog okvira New. Stranica generirana iz predloška Narrow, Right-aligned Body sadrži tablicu od dva stupca i jednog retka. Lijeva ćelija tablice sadrži veliku grafičku sliku. Desna ćelija je ispunjena besmislenim tekstom koji treba zamijeniti. Posjetitelji koji pregledavaju stranicu web stranice neće vidjeti isprekidane linije koje odvajaju ćelije na naslovnici. 4.16. pokazao kako ova stranica izgleda kao u načinu rada Frontpage Preview (kliknite karticu Preview na dnu prozora stranice u načinu prikaza stranice) ovaj način rada Granice ćelija se ne prikazuju. Prije nego počnete razvijati vlastite predloške, zatvorite i izbrišite web stranicu TestPages koju ste koristili

Slika 4.16. Stranica stvorena na temelju uskog predloška, ​​desno poravnato tijelo, u načinu prikaza Preview na naslovnoj stranici

Stvaranje predložaka u naslovnici
Budući da već neko vrijeme radite s predlošcima, vjerojatno imate neke ideje o tome kakve biste Frontpage predloške željeli imati.
Zatim ćemo pogledati procese za stvaranje predložaka za njih dvoje različiti tipovi.
Vrste šablona
Predlošci su, zapravo, čvorovi ili stranice koje se nalaze zasebno (u posebnoj mapi) i služe kao modeli za izradu različitih web stranica i stranica. Predlošci web stranica i predlošci web stranica pohranjeni su u različite mape, međutim, postoje mnoge sličnosti među njima. Predlošci stranica obično generiraju jednu stranicu koja postaje dio zasebno stvorene web stranice. Predložak web-mjesta omogućuje vam stvaranje potpunog Frontpage web-mjesta s jednom ili više povezanih stranica. Sve datoteke predložaka nalaze se u jednoj mapi, koja je dio strukture mape Frontpage. Stvaranje predložaka dva navedena tipa svodi se na stvaranje čvora ili stranice na uobičajeni način. Nakon što je stranica ili stranica u potpunosti dizajnirana prema vašim zahtjevima, stavite je u mapu namijenjenu za predloške (mape koje sadrže datoteke predložaka moraju imati ekstenziju TEM). Mapa s predlošcima uključuje HTML datoteke web stranice, kao i INF datoteku (koja sadrži informacije o predlošku) i DIB datoteku (sličica predloška koja se pojavljuje u okviru za pregled u novom prozoru). Neke mape predložaka sadrže grafičke datoteke.
Struktura mape naslovne stranice
Tijekom procesa instalacije Frontpage 2000, kreiraju se mape koje sadrže predloške za stranice, čvorove, okvire i listove stilova (nazivi mapa, odnosno stranice, webovi, okviri, Css). Zadana staza do ovih mapa je C:\Program Files\Microsoft Onice\Templates\1033\. Na sl. 4.17 u Windows Exploreru prikazuje sadržaj mape Stranice (datoteke za svaki predložak nalaze se u posebnoj podmapi s ekstenzijom TEM). Ako ste na svom računalu instalirali Microsoft Personal Web poslužitelj 4.0, koristeći zadane postavke tijekom postupka instalacije, put do njegovih datoteka i mapa bit će sljedeći: C:\InetPub\Wwwroot\. Ova mapa je korijenska mapa web poslužitelja. Sadržavat će korijensko web mjesto. Svi čvorovi kreirani u Frontpageu smješteni su u podmape korijenske mape web poslužitelja. Korijensko web mjesto je mjesto kojem se pristupa s URL-a koji navodi samo naziv poslužitelja (bez naziva mape ili stranice).
Pristup izvršna datoteka Frontpage (frontpa ge.exe) se prema zadanim postavkama nalazi na sljedećoj stazi: C:\Program File\Microsoft Office\0ffice

Slika 4.17. Mapa Microsoft Front Page i podmape stranica koje sadrže datoteke predložaka stranice

U Windows Exploreru otvorite mapu Pages (cijela staza je C:\ProgramFiles\Microsoft Office\Templates\1033\Pages) Zatim otvorite jednu od njenih podmapa, na primjer 1 središnju čigru. Moraju postojati najmanje tri datoteke u mapi predloška. Jedna od njih je HTML datoteka. Ako dvaput kliknete na naziv ove datoteke, zadani preglednik će učitati i prikazati stranicu web stranice temeljenu na ovom predlošku. Ostale datoteke u mapi predloška su INF -datoteka i DIB datoteka Već smo govorili o njihovoj namjeni. Pogledajmo pobliže INF datoteku
INF datoteku
INF datoteka sadrži opisne informacije o predlošku. Slično je INI datoteci Windows sustavi. INF datoteka mora imati isti naziv kao mapa u kojoj se nalazi.
U mapi Pages otvorite mapu Icentertem, zatim dvaput kliknite na naziv datoteke center.inf. Ako INF datoteka nije povezana s aplikacijom koja ju može vidjeti, u tu svrhu upotrijebite uređivač Notepad. Prozor Notepad prikazat će sažetak datoteke, kao što je prikazano na sljedećoj slici.
odjeljak INF datoteke
INF datoteka uvijek ima odjeljak s najmanje dva pododjeljka ~ naslov predloška i njegov opis. Ako se radi o datoteci predloška web stranice, informacije iz pododjeljaka prikazuju se u dijaloškom okviru Novi (kartica Web stranice), a ako je ovo datoteka predloška web stranice, prikazuju se u dijaloškom okviru Novi (kartica Općenito). Na sl. 4.18. U dijaloškom okviru Novo, na kartici Općenito, odabran je predložak Stranica s jednim stupcem, čiji je opis prikazan u području Opis.
Ako INF datoteka nije stvorena, naziv predloška neće biti uključen u popis dostupnih predložaka.
Treba voditi računa da pravilnu organizaciju sadržaja INF datoteka ima veliki značaj. Potrebno je imati odjeljak, kao i pododjeljke naslova i opisa koji sadrže naslov i redak opisa. U odjeljku, ukupna duljina naziva pododjeljka i unosa može biti do 255 znakova. Optimalna duljina naslova i opisa koji se u potpunosti prikazuju u dijaloškom okviru Novi je 30 odnosno 100 znakova.
Bilješka
Najprikladniji način za stvaranje. INF datoteka za predloške web stranice koji se prikazuju na Frontpageu može uključivati ​​dodatne odjeljke i koji se koriste prilikom učitavanja predloška.

Slika 4.18. U dijaloškom okviru Novo (kartica Općenito), predložak stranice odabran je Odjeljak stranice s jednim stupcem

Pomoću odjeljka (Slika 419) definirate strukturu pohrane datoteka web stranice kreirane na temelju ovog predloška.Ako odjeljak nedostaje. Frontpage učitava sve datoteke iz mape, ali ništa iz podmapa. Sve JPG i GIF datoteke u TEM mapi, čak i ako ne postoji odjeljak, smještene su u podmapu Image web stranice. Odjeljak je neophodan ako želite:
tako da se datoteke iz podmapa mape TEM koriste na web stranici,
odredite datoteke koje su vam potrebne u TEM mapi koje bi trebale biti postavljene na web mjesto (datoteke TEM mape koje nisu uključene u odjeljak se zanemaruju),
tako da datoteke završe u određenim mapama na web stranici, a ne samo u korijenu
Kada koristite odjeljak, trebali biste napraviti popis svih datoteka koje će se koristiti na web stranici stvorenoj na temelju ovog predloška. Ako želite smjestiti bilo koju stranicu ili sliku u drugu mapu stranice, ali ne u korijenu, morate oblikovati naziv pododjeljka i njegov sadržaj prema određenim pravilima, put do datoteke u odnosu na mapu predloška i naziv ove datoteke moraju se koristiti kao naziv odjeljka. Na primjer, mapa slika nalazi se u mapi predložaka, a datoteka scrnshot.gif nalazi se u mapi slika. Tada će naziv pododjeljka biti sljedeći. slike\scrnshot.gif. Sadržaj pododjeljka trebao bi biti URL ove datoteke na vašoj web stranici.

Slika 4.19. odjeljak INF datoteke

Odjeljak
Odjeljak je dizajniran za spremanje varijabli koje koristi FrontPage komponenta Substitution. Za postavljanje ove komponente na stranicu potrebno je aktivirati istoimenu naredbu u podizborniku Components izbornika Insert. Ova se komponenta koristi za postavljanje određenih vrsta informacija na web stranice, na primjer:

Naziv tvrtke = Exciting Travel, Inc
Adresa tvrtke = 1 Main St, Some Town, WA 98100
Odjeljak
Odjeljak se koristi za pružanje popisa zadataka, koji se prikazuje u načinu pregleda Zadaci ako je web stranica stvorena pomoću ovog predloška. Zapisi (naziv pododjeljka i njegov sadržaj) u odjeljku prikazani su u sljedećem formatu Broj zadatka=NazivZadatkaI Prioritet I Created by]URLI Comment Elementi zapisa pododjeljka međusobno su odvojeni okomitom crtom (naziv pododjeljka, jedinstveni broj ili ključ koji identificira zadatak)
Njihovi opisi dani su u tablici 4 1, a način uporabe prikazan je na slici 4.20.

Slika 4.20. dijaloški okvir favk Detail

Tablica 4.1. Opis elemenata zapisa sekcije [ra^kLi"sl]

Element	Opis	Bilješke
TaskNumber (broj zadatka)	Jedinstveni broj ili ključ	Na primjer, "t01", "t02", "t03" itd.
Naziv zadatka	Kratak opis zadatka	Izraz od tri ili četiri riječi
Prioritet	Cijeli broj koji opisuje važnost zadatka (njegov prioritet)	1 - visoka, 2 - srednja, 3 - niska
Kreirao (tko je kreirao stranicu)	Naziv predloška	Navedeno u poljima Created By i Assign dijaloškog okvira Task Details
	URL stranice za koju je zadatak kreiran	Navedeno u polju Povezano s dijaloškim okvirom Detalji zadatka
Komentar	Opis zadatka	Više Detaljan opisšto treba učiniti

Posebne mogućnosti
Različite web poslužitelje karakteriziraju različite postavke za postavljanje zadanog naziva datoteke početne stranice. Ako koristite MSPWS, prema zadanim postavkama naslovna stranica naziva početne stranice web stranice Default.htm. Na NCSA poslužitelju (UNIX poslužitelju), naziv početne stranice je Index, htm, koji se može izostaviti iz URL-a kada se pristupa web stranici. Na primjer, URL http://www*fairmountain*com/wine vodi vas na stranicu Index.htm web stranice Wine koja se nalazi na poslužitelju Fairmountain NCSA. Na CERN poslužitelju (UNIX poslužitelju) to je obično naziv Welcome.htm, a na Internet Information Serveru obično naziv Default.htm. Sve datoteke početne stranice predložaka web stranice nazivaju se index.htm. Kada kreirate web mjesto iz predloška, ​​Frontpage daje datoteci početne stranice naziv koji je postavljen na web poslužitelju prema zadanim postavkama. Ovo će promijeniti poveznice na početnu stranicu u skladu s tim. Ako ne želite koristiti ova prilika, tada u INF datoteku u odjeljku morate unijeti sljedeći redak (naziv početne stranice neće se promijeniti): NoIndexRenaming"
Bilješka
Zanimljivo je da prilikom organiziranja poveznice na početnu stranicu nije potrebno eksplicitno navesti naziv njezine datoteke (na primjer, Default.htm). Umjesto naziva datoteke možete koristiti znakove "./".
Ovi znakovi odgovaraju zadanom nazivu datoteke početne stranice postavljenom na web poslužitelju.
Stvaranje predložaka jedne stranice
To se radi vrlo jednostavno. Dovoljno je napraviti običnu Web stranicu s informacijama i zatim je spremiti kao predložak. Ovo je sve:
1. Napravite jednostraničko web mjesto u Frontpageu i nazovite ga Templates. Dvaput kliknite početnu stranicu da je otvorite u prikazu stranice.
2. Na vrhu stranice unesite tekst "Početna stranica" i dodijelite mu stil odlomka Naslov 1. Odaberite tekst i kliknite gumb Središte na alatnoj traci Oblikovanje: tekst će biti poravnat prema sredini stranice.
3. Pozovite naredbu Spremi kao iz izbornika Datoteka. Pojavit će se istoimeni dijaloški okvir. U okviru s popisom Spremi kao odaberite Predložak naslovne stranice (*.tem). Pritisnite gumb Spremi. Otvara se dijaloški okvir Spremi kao predložak.
4. Navedite naslov novog predloška "Početna stranica" i naziv stranice (hometem), unesite unos u polje Opis, na primjer, "Stvara početnu stranicu" i kliknite U redu.
5. Ako koristite zadanu strukturu mape, put do mape koja sadrži nove datoteke predložaka bit će: C:\Windows\Application\Microsoft\FrontPage\Pages\Pages\Hometem.tem.
Bilješka
Nakon što stvorite predložak stranice, ako ne pronađete njegovu mapu u mapi Stranice u Windows Exploreru, pritisnite tipku za osvježavanje sadržaja Windows prozori Istraživač.
6. Otvorite mapu Hometem.tem. Trebao bi sadržavati tri datoteke za koje znate da se automatski stvaraju kada stranicu spremite kao predložak: HTML datoteku, INF datoteku i DIB datoteku. Dvaput kliknite na naziv INF datoteke. Datoteka će se otvoriti u uređivaču Notepada. Njegov sadržaj prikazan je na sljedećoj slici.
7. Zatvorite Notepad i vratite se na naslovnu stranicu. Aktivirajte naredbu Stranica podizbornika Novo izbornika Datoteka i u dijaloškom okviru Novi koji se učita odaberite predložak „Početna stranica” (Slika 4.21). Pritisnite gumb

OK novog prozora, koji će otvoriti novu stranicu na temelju vašeg predloška (Slika 4.22).

Riža. 4.21. U dijaloškom okviru Novo odabran je predložak početne stranice

Riža. 4.22. Stranica stvorena iz predloška početne stranice.

Navedeni primjer je vrlo jednostavan. Njegova je svrha pokazati princip stvaranja predloška stranice. Vjerojatno ćete željeti spremiti zanimljive stranice koje ste razvili kao predložak u budućnosti. Dodatak B pokazuje vam kako izraditi vlastiti predložak web stranice. Ovaj je postupak malo kompliciraniji od izrade predloška stranice, ali nadamo se da ćete ga lako svladati.

Program s kojim ćete vrlo lako razumjeti osnovne principe dizajniranja internetskih stranica, sa širokim izborom dodatni alati za izradu složenih internetskih stranica i portala.

Ukratko o programu Microsoft FrontPage

Ovo je jednostavan za naučiti i praktičan web uređivač za dizajniranje, pripremu i objavljivanje web stranica. Zahvaljujući integraciji s MS Office obitelji proizvoda, poznatom sučelju i obilju predložaka, program omogućuje i početnicima koji su upoznati s osnovama rada u MS Wordu da brzo savladaju posao. Istodobno, FrontPage se ne može nazvati rješenjem za "lutke": program pruža široku funkcionalnost i niz alata za optimizaciju internetskih stranica.

Treba napomenuti da je naziv Microsoft FrontPage postojao do 2003. godine, a zatim je nadopunjen novim funkcijama te se promijenio i sam naziv softver. 2007. FrontPage je preimenovan u Microsoft Expression Web, a 2010. u Microsoft Office SharePoint Designer. Naime, novim verzijama dodani su neki dodaci, ali je sačuvan osnovni izgled programa.

Osnovni programski alati

Opći obrazac Microsoft programi Naslovna strana

Microsoft FrontPage ima mnogo toga zajedničkog s alatima MS Worda, tako da su mnogi gumbi i kartice izbornika također intuitivni, što olakšava proces izrade stranice. Mnogi ljudi već znaju upisivati ​​i oblikovati jednostavan tekst, stvarati tablice Microsoft Word, isti princip se koristi za uređivanje stranice u FrontPageu.

Slika desno prikazuje opći oblik programe sa standardnim skupom alata pomoću kojih možete izraditi predložak stranice s tekstom, poveznicama i slikama. Idite na karticu "Prikaz", zatim "Alatna traka" i provjerite je li " Standard", "Oblikovanje"I" Stolovi", ovi će alati biti dovoljni za izradu samo stranice. Pri dnu obratite pozornost na kartice "Dizajner", "Kod" i "Prikaz" - to su tri različiti modovi u kojem uvijek možete pogledati kako izgleda stranica koju kreirate.

• U Designeru se unose sve izmjene, tipka i oblikuje tekst, ubacuju slike, kreiraju linkovi, mijenjaju se boje pozadine i fonta na isti način kao u Microsoft Wordu.
• U kartici "Kôd" možete vidjeti tzv. HTML kod. HTML je standardni označni jezik za dokumente na World Wide Webu. Većina web stranica izrađena je korištenjem HTML jezik. U ovoj kartici također možete uređivati ​​stranicu, ali morate znati ovaj označni jezik. Međutim, početnici bi trebali napraviti sve promjene u konstruktoru i sve promjene u HTML-u dogodit će se automatski.
• U kartici "Prikaz" možete vidjeti kako stranica izgleda izravno u pregledniku (kao što je Internet Explorer)

Detaljan opis ostalih izbornika, gumba i Microsoftove značajke FrontPage su predstavljeni u pomoći programa. Da biste to učinili, pritisnite tipku "F1".

Izrada predloška za stranice u FrontPageu

Umetanje glavne tablice u editor

I tako, da biste stvorili jednostavan predložak, morate umetnuti tablicu s tri bloka. Tri bloka su jednostavan standard: gornji blok je za naziv stranice, drugi blok je za veze za navigaciju na stranici, treći blok je za tekst, slike i druge informacije na stranici. Možete umetnuti više stolnih blokova radi praktičnosti, ali stvar je ukusa kako, koliko i koje veličine napraviti te blokove. Postoji još jedan način stvaranja blokova ne stvaranjem tablica, već umetanjem takozvanih "div" elemenata na stranice i dodjeljivanjem određenih stilova njima, ali ova metoda nije za nove webmastere, a o tome se može napisati poseban članak.

1. Da biste umetnuli tablicu, idite na karticu “Tablica” > “Umetni” > “Tablica” i ispunite polja, kao što je prikazano na slici desno. Zapravo možete unijeti vlastite parametre, ali ovaj stol ima fiksnu širinu i proteže se na 100% površine zaslona. Na taj će način tablica biti kompaktno prikazana u pregledniku.
2. Zatim trebate namjestiti sve tri ćelije, budući da su iste visine nakon umetanja. Kliknite desnom tipkom miša na najgornju ćeliju i idite na "Svojstva ćelije", u polje visine unesite uvjetno "150" i označite okvir "u točkama", tj. Veličina ćelije bit će 150 piksela. U istom izborniku možemo odabrati boju pozadine ćelije, a klikom na izbornik “style...” možete napraviti i druge postavke ćelije, npr. odabrati boju i veličinu obruba ćelije, možete eksperimentirajte s ovim i vidite rezultat. U samu ćeliju možete unijeti naziv stranice.
3. Zatim uređujemo drugu ćeliju, koja je namijenjena vezama za navigaciju web stranice. Širinu postavljamo na oko 40 piksela, to će biti dovoljno, a druge postavke, poput boje pozadine i margina, prilagođavamo vašem ukusu. Zatim pišemo nazive samih poveznica, odvojene znakovima vertikalna linija ili neki drugi znak (možete ga pogledati ispod preuzimanjem cijelog predloška). Odaberite test i pritisnite središnju tipku za poravnanje, baš kao u MSWordu. Na isti način možete promijeniti font, veličinu fonta i druge postavke teksta.
4. Postavili smo i posljednju ćeliju. Namijenjen je za glavni tekst, gdje možete unijeti tekst pozdrava.
5. Na kraju, možete otići na karticu "Datoteka" > "Svojstva", gdje možete unijeti naziv stranice i promijeniti opću pozadinu stranice i druge opće postavke

Predložak je sada spreman. To je okvir za sve sljedeće stranice stranice. Ovako stranica izgleda u HTML kodu:

Ovako dobivamo predložak za stranicu

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251"> < title >Naziv stranice < 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" >Naziv stranice < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >Dom | < b >stranica 2 | < b >stranica 3 | < b >stranica 4 | < b >Stranica 5 | < b >Kontakti < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Tekst na početnoj stranici. Ovdje možete umetnuti pozdravni tekst i ukratko napisati čemu je stranica posvećena.

Ovaj HTML kod možete odmah umetnuti u uređivač u kartici "Kôd" i odmah ćete vidjeti gotov predložak. Može se mijenjati i uređivati ​​prema vlastitim potrebama. Ovdje vrijedi objasniti da tamo gdje je glavni tekst umetnut i tako da se ne nalazi blizu polja, uokviren je u oznaku “div”, s postavkom uvlake, kao što je prikazano u primjeru.

Dodatni predlošci

1. Također morate znati da u programu FrontPage i drugim sličnim programima postoje standardni predlošci pomoću kojih se mogu kreirati stranice, lako se uređuju i svaki predložak možete prilagoditi svojim potrebama. Kako biste odabrali standardni predložak, idite na karticu "Datoteka" > "Kreiraj..." u prozoru koji se otvori odaberite "Ostali predlošci stranica", gdje možete odabrati bilo koji predložak koji želite.
2. Postoji i druga opcija - preuzmite cijeli predložak s interneta. Postoji mnogo stranica koje pružaju takve usluge. predlošci mogu biti plaćeni ili besplatni. Nakon preuzimanja ovog ili onog predloška, ​​možete ga urediti u programu, ispuniti potrebnim sadržajem i promijeniti stil ovog ili onog elementa.

Koristite standardne tablice i rasporede tema

Microsoft FrontPage pruža dobre alate za gotove rasporede tablica i teme za izradu web stranica

Morate znati da Microsoft FrontPage ima standardni skup rasporeda tablica i tema koje vam mogu pomoći da naučite umijeće stvaranja običnih stranica ili web-mjesta s posjetnicama. I tako se gore desno nalazi padajući izbornik (pogledajte sliku desno na kojoj se vidi i rezultat korištenja izgleda tablica i tema dizajna), klikom će se pojaviti izbornik u kojem je potrebno odabrati “Izgled tablice i ćelije”, a zatim će se ispod pojaviti mnogo različitih izgleda tablica, možete odabrati bilo koji po vlastitom nahođenju i ukusu. To vas oslobađa da sami ručno izradite tablicu.

I tako, utipkavanjem ili lijepljenjem svog teksta, logotipa, poveznica u ćelije tablice, odlaskom na isti izbornik, možete odabrati izbornik “Tema”, gdje možete odabrati različite teme za dizajn stranice, poveznice, stranicu pozadina i još mnogo toga. Ova je prilika dobra za one koji tek uče stvarati internetske stranice i prilično jasno odražava proces izrade web stranice. Drugim riječima, u Microsoft FrontPageu možete eksperimentirati s različitim postavkama i jasno vidjeti kako se određena stranica transformira. Ovdje možete dati jedan savjet: proučite sve funkcije programa i nemojte se bojati kapitalizirati ovaj ili onaj izbornik, budući da svaki alat ima svoje svojstvo i svrhu za stvaranje punopravne stranice

Umetnite sliku i stvorite poveznice na stranice

Za webmastere početnike važno je znati umetnuti slike na stranicu i napraviti poveznice na druge stranice. Na primjer, umjesto teksta naziva stranice možete umetnuti sliku logotipa stranice. Da biste to učinili, prvo kliknite na polje u koje želite umetnuti sliku, zatim na samom vrhu kliknite na karticu “Insert” > “Drawing” > “From File”, odaberite željenu sliku i kliknite “Insert”, nakon što koja će se slika pojaviti na stranici. Desnim klikom na sliku možete otići na izbornik s dodatnim postavkama slike. Važno je da sve slike budu u jednoj strogo definiranoj mapi za sve slike.

Za odlazak na druge stranice stranice potrebno je stvoriti poveznice putem kojih korisnici mogu posjetiti sve stranice stranice. Za to je potrebno odabrati željeni tekst za link i otići na karticu “Insert” > “Hyperlink”, u izborniku koji se otvori potrebno je naznačiti stranicu na koju se link kreira i kliknuti “ok” . U istom prozoru nalaze se i druge postavke za poveznice, primjerice hoće li se veza otvoriti u novom prozoru ili ne. U principu, ovo možete proučavati sami.

Zaključak

U svojoj srži, ovi uređivači su slični jedni drugima i imaju slične funkcije i izbornike. Svladavši osnovne postavke, možete jednostavno izraditi web stranice u drugim uređivačima. Nakon što ste svladali ove principe, možete prijeći na složeniju metodu dizajna web stranice - koristeći tzv. CSS. Što je to i kako urediti dizajn web stranice možete pročitati u članku o CSS-u.

Nedostatak ove metode "predložaka" je što se svaka stranica mora kreirati zasebno na temelju izrađenog predloška. Kada, kao kod izrade web stranica pomoću tzv. motora, nije potrebno zasebno generiranje stranica, one se generiraju automatski kako se dodaje sadržaj

Ako imate pitanja o članku ili upotrebi takvih programa za izradu web stranica, možete ih postaviti u temi za raspravu na našem forumu.

Članci o sličnim temama

Online usluga OceanTheme je platforma na kojoj se ljudi mogu udružiti jedni s drugima sa zajedničkim interesom za kupnju vrhunskih predložaka i proširenja Joomla! po povoljnoj cijeni. Ciljana publika usluge su pojedinci te mala i srednja poduzeća, profesionalni web programeri za izradu online trgovina, web stranice zajednice ili ljudi koji žele imati svoj blog. U našoj velikoj kolekciji vrhunskih rješenja svatko će pronaći ono što mu treba.

Naš resurs djeluje kao organizator udruživanja, određuje broj ljudi za koje želite kupiti predloške i proširenja, cijenu robe, kao i količinu i pristup tim materijalima. Naša web stranica ima mnogo mogućnosti za jednostavno pretraživanje predložaka i ekstenzija. Intuitivna navigacija, sustav označavanja, sortiranje po filteru i alat "dodaj u oznake" omogućit će vam da nevjerojatno brzo pronađete pravi materijal koji želite. Osim toga, uvijek ćete pronaći najnovije informacije kako biste ažurirali kolekciju svaki dan.

Pristup cjelokupnoj bazi materijala omogućen je za vrijeme trajanja kluba navedenog u pretplatničkoj torbici. Pretplatnici dobivaju neograničen pristup svim dostupnim arhivama, vijestima i ažuriranjima, kao i tehničku podršku tijekom cijelog razdoblja pretplate.

Svi proizvodi koje možete pronaći na ovoj stranici su 100% GPL-kompatibilni, što znači da ih možete mijenjati kako želite i instalirati na neograničen broj stranica.

Zahvaljujući našoj kolekciji uštedjet ćete puno vremena i novca jer su predlošci i proširenja jednostavni za korištenje, jednostavni za instalaciju i konfiguraciju, multifunkcionalni i raznoliki. To će vam omogućiti da izradite web stranicu bilo koje složenosti i orijentacije, bez učenja naprednih tehnologija za web razvoj.

Glavne značajke naše web stranice

Bogat skup funkcija, rad iz kutije:

Iskoristite sve mogućnosti našeg resursa kako biste dobili gotova profesionalna rješenja za brzu provedbu vaših poslovnih projekata ili kreativnih ideja.

Koristite alate za pretraživanje

Koristite napredno pretraživanje i filtriranje te jednostavnu navigaciju za brzo pronalaženje željenih web rješenja u dizajnu, funkcionalnosti i drugim kriterijima.

Da bi omiljeni materijali uvijek bili pri ruci, koristite jedinstvenu funkciju "Dodaj u favorite", a dostupni su u zasebnom odjeljku tijekom cijele godine.

Prijavljeni na našu stranicu, moći ćete ostavljati komentare i sudjelovati u promocijama, kao i koristiti besplatnu pretplatu s permium pristupom.

Pridružite se članstvu našeg kluba

Pretplata na klub daje vam puni pristup cijelom našem katalogu originalnog materijala. I uključuje premium predloške i proširenja za nekoliko godina.

Preuzmite odgovarajuće predloške i proširenja za Joomla, i besplatno i pretplatu za klub bez ikakvih ograničenja i ogoranicheny brzine.

Ako vam se svidio bilo koji materijal na web mjestu, možete ostaviti svoj glas, kao i podijeliti ga s prijateljima putem društvenih mreža.

Tema 3.3: Aplikacije za izradu web stranica

Tema 3.4: Primjena Interneta u gospodarstvu i zaštiti informacija

Programi za izradu web stranica

3.3. Aplikativni programi za izradu web stranica

3.3.2. Uvod u FrontPage

Web stranice temelje se na jeziku opisa hiperteksta HTML dokumenti(Hypertext Markup Language). HTML koristi naredbe zvane oznake za definiranje sadržaja i formata hipertekstualnih dokumenata. HTML stranice su dokumenti u obliku običnog teksta koji sadrže posebne naredbe za oblikovanje (HTML oznake).

Za izradu web stranice pomoću FrontPagea nije potrebno učiti HTML. FrontPage olakšava upisivanje teksta koji se može staviti na web stranicu i postavljanje slika na prava mjesta. Korištenjem FrontPagea možete stvoriti efekte koji bi inače zahtijevali skripte ili DHTML programe.

Stranica ili web stranica skup je povezanih web stranica i datoteka koje su međusobno povezane. FrontPage ima čarobnjake koji vam omogućuju stvaranje web stranice i predloške ili skup unaprijed dizajniranih tekstualnih i grafičkih formata iz kojih se mogu kreirati nove web stranice. FrontPage čarobnjaci i predlošci omogućuju stvaranje različitih vrsta web stranica.

Svaka stranica ima jednu web stranicu, koja se naziva glavna ili početna stranica. Početna stranica je prva web stranica na koju posjetitelj stranice stigne. Koristeći navigaciju ili hiperveze, korisnici će moći doći do drugih stranica stranice.

Obično se web mjesto nalazi na web poslužitelju, računalu koje posjetiteljima web mjesta omogućuje pristup web stranicama. FrontPage vam omogućuje stvaranje web stranice izravno u sustav datoteka korisnikovo računalo, a zatim, kada bude spremno, objaviti ga na web poslužitelju.

Nakon pokretanja programa FrontPage (Start – Programi – FrontPage) na ekranu će se pojaviti prozor programa koji prikazuje novu stranicu (nova_stranica_1.htm). Okno zadataka prikazuje ploču Početak rada.

Riža. 1.

Prozor FrontPage aplikacije sastoji se od: naslovne trake, trake izbornika, alatne trake za uređivanje i oblikovanje, gumba brz odabir oznaka (za uređivanje i unos oznaka), prečaci kartice za odabir stranice (za kretanje između stranica), radni prozor u kojem se prikazuje nova stranica, ploča za crtanje, gumbi načina prikaza, indikator očekivanog vremena učitavanja stranice pri 56 kbps, indikator veličine stranica, područja zadataka.

FrontPage nudi četiri načina gledanja: Dizajn, Kod, Split i Pregled. U modu "Dizajner" kao u bilo kojem drugom uređivač teksta možete kreirati, uređivati ​​i oblikovati stranicu u vizualnom načinu, tj. unos teksta, dodavanje slika, tablica. U tom se slučaju oznake HTML jezika automatski dodaju pozadina, ali HTML kodiranje nije prikazano na zaslonu.

U načinu rada "Kod", sva kodiranja bit će prikazana na ekranu i možete izravno uređivati ​​HTML kod, kao i unositi nove kodove. Slika prikazuje HTML kod za novu praznu stranicu u FrontPage editoru.

Riža. 2.

U "Split" modu - web stranica se prikazuje na ekranu istovremeno u modu Code i modu Design. U načinu gledanja, web stranica izgleda slično kao u web pregledniku.

Naredbe koje su dizajnirane za rad s web stranicama i web stranicama nalaze se u izborniku View programa FrontPage:

1. Stranica je način prikaza i razvoja stranice.
2. Mape – prikazuje strukturu mapa trenutne stranice.
3. Udaljeni čvor – čvor koji se nalazi na internetskom poslužitelju.
4. Izvješća – daje sažetak web stranice.
5. Prijelazi – prikazuje strukturu prijelaza između stranica stranice.
6. Hiperveze – otvara popis poveznica na trenutnoj stranici.
7. Zadaci – otvara popis zadataka za trenutno mjesto

Riža. 3.

Izrada web stranica u FrontPage aplikaciji

Stvaranje nove prazne web stranice

Ako, kada otvorite prozor FrontPage programa, prikazuje praznu stranicu, tada možete razviti web stranicu na temelju te stranice. Ako se prilikom otvaranja FrontPage editora prikaže prazan glavni prozor, tada za stvaranje nove prazne stranice morate pokrenuti naredbu File/New i odabrati Blank Page u području zadataka. U prozoru aplikacije pojavit će se prazna stranica. Zatim, trebate razviti stranicu, tj. izvršiti raspored (strukturu) stranice, unijeti tekst, slike i sl.

Riža. 4.

Izrada web stranice na temelju FrontPage predložaka

Također možete izraditi novu stranicu na temelju jednog od predložaka. Da biste to učinili, odaberite naredbu "Ostali predlošci stranica" u području zadataka. Na zaslonu će se prikazati dijaloški okvir Predlošci stranica koji prikazuje različite predloške stranica po kategorijama.

Riža. 5.

Izrada web stranice na temelju postojećih web stranica na vašem računalu

Također možete izraditi web stranicu na temelju postojećih web stranica na vašem računalu. Da biste to učinili, odaberite naredbu "S postojeće stranice" u području zadataka i odaberite željenu stranicu u dijaloškom okviru koji se pojavi. Zatim možete napraviti potrebne promjene na stranici i spremiti je pod drugim imenom.

Izrada web stranice u FrontPage aplikaciji

Napravite novo prazno mjesto ili napravite mjesto bez sadržaja

Da biste stvorili novo prazno mjesto, pokrenite naredbu File/New i odaberite naredbu “Other Web Site Templates” u oknu zadataka. Otvorit će se dijaloški okvir Web Site Templates u kojem je potrebno odabrati Blank Web Site i kliknuti OK. Prozor FrontPage aplikacije prikazat će web stranicu prikazanu na slici.

Riža. 6.

Da biste stvorili praznu početnu stranicu na novoj web stranici, morate otići u način prijelaza i kliknuti gumb Nova stranica na ploči Prijelazi početna stranica pojavit će se u radnom polju (također možete koristiti kontekstni izbornik za izradu početne stranice).

Riža. 7.

Dvaput kliknite lijevom tipkom miša na početnu stranicu i otvorit će se u modu dizajna za uređivanje (stranica - index.htm).

Riža. 8.

Zatim možete dizajnirati početnu stranicu (stvoriti izgled ili strukturu stranice, unijeti tekst, slike itd.), a zatim možete dodati stranice na početnu stranicu u načinu prijelaza. Da biste to učinili, u načinu Prijelazi odaberite početnu stranicu i kliknite gumb Nova stranica na ploči Prijelazi ili upotrijebite kontekstni izbornik.

Dodat će se nova stranica 1, koja je prikazana na slici. Zatim dodajte onoliko stranica koliko je potrebno za web mjesto, a zatim možete preimenovati stranice i promijeniti njihov redoslijed. Dalje, na svaku stranicu potrebno je unijeti sadržaj (tekst, tablice, slike itd.), rezultat je web stranica.

Riža. 9.

Izrada web stranice na temelju FrontPage editor predloška

Za izradu stranice na temelju predloška, ​​pokrenite Datoteka/Novo i u području zadataka kliknite naredbu Web paketi, otvorit će se dijaloški okvir Predlošci web stranice.

Riža. 10.

Odaberite potrebni predložak ili čarobnjaka za stvaranje nove stranice.

Kreirana stranica ima izgled i dizajn, ali nema sadržaj. Zatim trebate unijeti odgovarajući tekst, slike, skripte, brojače i druge elemente stranice na stranice ove stranice.

Frontpage će vam ponuditi veliki izbor predložaka stranica, u rasponu od osnovnog predloška stranice koji je prazan list papira do prilično složene stranice s tri stupca. Dodavanjem stranica stvorenih pomoću predložaka na vaše postojeće web mjesto, možete brzo i jednostavno prilagoditi svoje web mjesto.

Stranice koje koriste predloške izrađuju se u uređivaču.

1. U Exploreru otvorite mjesto na kojem će se nalaziti nova stranica. (Možete preskočiti ovaj korak ako želite, jer nakon što spremite stranicu, ona se može uvesti u bilo koju od vaših postojećih stranica).

2. U uređivaču odaberite stavku Stvoriti iz izbornika Datoteka.

3. U prozoru Ostali predlošci stranica Izaberi potreban predložak s predloženog popisa i kliknite gumb u redu.

Dobivate širok izbor različitih predložaka stranica koje možete koristiti na svojoj web stranici. Predlošci su navedeni na popisu na lijevoj strani dijaloškog okvira Predlošci stranica, a desna strana ovog prozora prikazuje opis trenutnog predloška i njegov približni izgled.

Izrada okvirne stranice

Ovo predavanje govori o primjeru izrade web stranice Fizičko-matematičkog fakulteta. Odreći ćemo se upotrebe predložaka web mjesta i koristiti predložak okvirne stranice.

Okviri vam omogućuju da podijelite stranice u pravokutna područja, od kojih svako prikazuje svoju stranicu. Možete postaviti jedan ili više okvira na stranicu s okvirima. To znači da možete stvoriti stranicu na kojoj različita područja prikazuju različit sadržaj. Promjena sadržaja u jednom okviru ne mora nužno promijeniti sadržaj u drugom, ali ako želite, možete učiniti da se stranica kojoj se pristupa preko veze u jednom okviru pojavi u području drugog okvira.

Okviri su prilično popularni među web dizajnerima, od kojih neki dijele svoje stranice na pet, šest ili čak više okvira (ova struktura može značajno usporiti učitavanje stranice!). Frontpage vam nudi deset predložaka okvira, svaki s najviše četiri okvira po stranici okvira.

Korištenje šablona okvira

1. Otvorite u Exploreru mjesto na kojem želite stvoriti novu okvirnu stranicu.

2. U uređivaču odaberite stavku Stvoriti iz izbornika Datoteka.

3. U dijaloškom okviru koji se pojavi Predlošci stranica odaberite predložak s kartice Stranica s okvirima, a zatim kliknite U redu.

Moći ćete pregledati okvirnu stranicu koju ste odabrali jer će njen izgled biti prikazan na desnoj strani dijaloškog okvira.

Pretpostavimo da ste odabrali predložak jedna Obavijest i sadržaj. Na ekranu ćete vidjeti sljedeće:

Bilješka: Nakon što odaberete predložak koji vam se sviđa, svakako spremite svaki okvir klikom na Nova stranica u pravokutnom području koje se pojavi. Tek nakon toga dobit ćete isti rezultat kao na sl. Imajte na umu da svaki od okvira možete imenovati kako želite, ali obično se poziva cijela stranicaindeks.

2. Osnove rada u ms FrontPageu

Ako ste odlučili da nećete izraditi web stranicu pomoću čarobnjaka i odlučili ste koristiti samo predložak okvira, trebali biste se upoznati s načinom postavljanja teksta, organiziranja navigacije (umetanje hiperveza) i korištenja multimedijskih tehnologija.