Vodoravni padajući izbornik. Izrada web stranica u FrontPage aplikaciji Kako stvoriti padajući izbornik u Frontpageu

Stvaranje nove prazne web stranice

Ako prilikom otvaranja prozora programa Naslovna strana prikazuje prazna stranica, tada se razvoj web stranice može izvesti na temelju ove stranice. Ako prilikom otvaranja editora Naslovna strana, prikazuje se prazan glavni prozor, a zatim za stvaranje nove prazne stranice trebate pokrenuti naredbu Datoteka/Novo i odaberite u oknu zadataka Prazan stranica. U prozoru aplikacije pojavit će se prazna stranica. Zatim, trebate razviti stranicu, tj. izvršiti raspored (strukturu) stranice, unijeti tekst, slike i sl.

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, morate odabrati naredbu "Drugo šablone stranice" u području zadatka. Na zaslonu će se prikazati dijaloški okvir Predlošci stranica koji prikazuje različite predloške stranica po kategorijama.

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 u području zadataka "Iz dostupno stranice" 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.

Obrazovanje stvaranje Weba- stranice

Stvaranje nove prazne web stranice

Ako prilikom otvaranja prozora aplikacije Naslovna strana prikazuje novu praznu stranicu, tada se na temelju te stranice može izvršiti razvoj web stranice. Ako se pri otvaranju uređivača prikaže prazan glavni prozor, tada za stvaranje nove prazne stranice trebate pokrenuti naredbu Datoteka/Novo i odaberite u oknu zadataka "Prazan stranica".

Pokušajmo napraviti početnu stranicu naše web stranice!

U prozoru aplikacije pojavit će se nova prazna stranica. Spremamo stranicu, ali prije spremanja stranice u prozor "Uštedjeti" kreiramo mapu serverPersonal foldersLast nameNameSite “Dinas”, u kojoj kreiramo podmapu Crteži za crteže, a zatim stranicu spremimo u mapu Site “Dinas”. Stranici dodjeljujemo naziv - index, što znači početna ili glavna stranica. Urednik sprema stranicu s nastavkom .htm. Tako će se u mapi Dynas Site nalaziti podmapa Slike i datoteka index.htm.

Crteže za web stranicu potrebno je unaprijed pripremiti i umetnuti u mapu Crteži. Kopirajmo sliku ureda Dinas LLC u mapu Crteži kako bismo stvorili web stranicu posvećenu Dinas LLC.

Kako biste bili sigurni da je dokument koji ste izradili posvuda ispravno identificiran kao napisan na ruskom, učinite sljedeće:

Odaberite Svojstva datoteke. Otvorit će se dijaloški okvir Svojstva stranice.

Na kartici Jezik u padajućem izborniku Zastava Trenutno dokument, označavajući: grupe postavki Jezik stranica odaberite stavku ruski. U padajućem izborniku Uštedjeti dokument, korištenjem grupe postavki Kit znakovi odaberite stavku ćirilica. U REDU!

Pozadina stranice

Kako bi stranica izgledala šarenije, pokušajmo dodati na našu stranicu Pozadina,. To možete učiniti na dva načina:

1. Idite na izbornik Format Background iu prozoru Page Properties odaberite željenu sliku pomoću gumba Browse.

Kao rezultat toga, naša stranica će izgledati ovako:

Pokušajte ovo, ali kada završite otkazati ovo je akcija!

2. Možete koristiti gotove teme kao pozadinu naše stranice. Idite na izbornik Oblikovanje teme. Izaberi dvostruki klik Tema valova.

Tablica kao okvir web stranice

Zatim trebate razviti stranicu. Razvoj stranice počinje njezinim izgledom. Tablice se koriste za izgled stranice. Može se primijeniti Izgledi stranice, koji se nalaze na programskoj traci "Izgledi stolovi I Stanice" u području zadatka. Da biste to učinili, morate otići na izbornik Stolovi Breadboard stolovi I Stanice. Dakle, imamo veliku priliku odabrati gotove rasporede stolova, ali može se dogoditi da ti rasporedi ne zadovolje naše zahtjeve. Stoga ćemo pobliže pogledati upotrebu Stolovi kao okvir naše stranice.

Odaberite Tablica Umetni tablicu. Pojavit će se dijaloški okvir Umetnuti stolovi, koji vam omogućuje konfiguriranje parametara stvorene tablice. (Sl. 10)

dž U poljima za unos s brojačem Redovi I Stolbcov skupine elemenata postavki Veličina naveden je broj redaka i stupaca koje će tablica sadržavati.

џ Položaj sadrži kontrole za položaj tablice na stranici i položaj sadržaja ćelija unutar tablice.

dž Na padajućem popisu Poravnanje Možete odabrati kako ćete poravnati sadržaj ćelija. Nakon toga, za svaku specifičnu ćeliju možete zasebno konfigurirati parametre poravnanja njezinog sadržaja.

dž Popis Teći okolo određuje kako se tekst i drugi elementi stranice prelamaju oko tablice.

dž Polje za unos s brojačem Polja Stanice definira udaljenost između obruba ćelija i njihovog sadržaja.

dž U polje za unos sa brojačem Interval Stanice postavlja udaljenost između susjednih ćelija tablice.

dž Označavanjem polja set širina, To možete učiniti u polju ispod.

dž Polje set visina sličan prethodnom.

U kontrolnoj skupini Granice Sadrži postavke koje se odnose na prikazivanje granica tablice.

dž Polje za unos s brojačem Veličina postavlja debljinu ruba tablice u pikselima.

dž Padajući popis Boja omogućuje odabir boje koja će se koristiti za prikaz obruba.

dž Ako označite kućicu Kolaps granica stolovi, onda će rub biti prikazan kao jedna linija, inače će poprimiti izgled pseudo-volumena.

U grupi Pozadina elementi koji kontroliraju pozadinska slika stolovi.

dž Popis Boja omogućuje odabir boje pozadine tablice.

dž Ako je potvrdni okvir označen Koristiti pozadina crtanje, tada možete postaviti stol kao pozadinsku sliku.

Ako potvrdite okvir Po zadano za nove tablice grupa elemenata Po zadano, tada će sve postavke koje postavite za tu tablicu postati zadane postavke za sve sljedeće tablice.

Nakon toga, ako trebate promijeniti parametre već stvorene tablice, kliknite unutar nje - pojavit će se kontekstni izbornik u kojem trebate odabrati stavku Svojstva stolovi.

Moguće je promijeniti parametre bilo jedne ćelije ili više ćelija odjednom. Da biste to učinili, morate odabrati jednu ili više ćelija, pozvati kontekstni izbornik i odabrati stavku u njemu Svojstva Stanice.

U kontrolnoj skupini Položaj sadrži kontrole za položaj sadržaja ćelije.

• · U padajućim popisima Uskladiti Po horizontalna I Po vertikale, možete odabrati kako ćete poravnati sadržaj ćelije.
• · U skupini kontrola Granice, postoje postavke koje se odnose na prikaz obruba tablice. Popis Boja omogućuje odabir boje obruba ćelije.
• · U grupi Pozadina skupljaju se elementi koji kontroliraju pozadinsku sliku ćelije. Popis Boja odabire svoju boju pozadine. Potvrdni okvir Koristiti pozadina crtanje postavlja sliku kao pozadinu.

Postoji također dodatne mogućnosti: dodati I izbrisati stupci, razbiti I kombinirati Stanice. Sve ove naredbe također se mogu pronaći u kontekstnom izborniku prilikom odabira ćelija. Već ste se susreli sa sličnim naredbama u Word programi i Excel, pa ih nema smisla opisivati.

Koristeći gore dobiveni teorijski materijal pokušajte izraditi dvije tablice.

Trebalo bi izgledati otprilike ovako!

Vrijeme je da na našoj web stranici napišemo ime tvrtke koja ga posjeduje. Ali to nećemo učiniti u obliku običnog teksta, već koristeći WordArt objekt (Nadamo se da znate kako to učiniti!) Umetnite riječ na isti način Promocija u trećoj ćeliji donje tablice i Natječaj za posao u prvoj ćeliji.. Sada odvojite naziv tvrtke Horizontalno crta: Umetnite vodoravnu liniju.

Dizajn teksta stranice

Postoji mnogo opcija za oblikovanje teksta na web stranicama. Korištenje potencijala oblikovanja teksta omogućuje vam da tekstove učinite vizualno ugodnijim, dizajnirate ih u skladu s idejama vašeg autora i omogućuje jasno naglašavanje važne riječi i misli.

Budući da ste odlučili proučavati tako složen proizvod kao što je izrada web stranica, jednostavno smo uvjereni da znate kako se oblikuje tekst, na primjer, u programu kao što je Microsoft Word. Dakle, ovdje je uređivanje teksta u programu Naslovna strana slično ovome, pa se, naravno, ni na ovome nećemo zadržavati.

Recimo samo da za ovo koristite ploču za oblikovanje ili traku izbornika Format Font Paragraph.

Sami unesite sav tekst koji vidite na slici 15. Prilikom uređivanja možete biti malo kreativni. ALI Ne pretjeraj!!!

Umetanje ilustracija

Nemoguće je zamisliti HTML stranicu bez grafičkih elemenata, crteža itd. Vješto odabrana grafika privući će pozornost posjetitelja stranice, usmjeravajući njihovu pažnju na određene točke naše stranice. Pomoći će u isticanju logičnih pododjeljaka i dati našoj stranici posebnu jedinstvenost, ali pri odabiru slika treba uzeti u obzir sljedeće točke. Prvo, ne biste trebali koristiti sliku kao pozadinu koja otežava čitanje teksta dokumenta. Na primjer, previše šareno, svijetlo itd. Nema potrebe za korištenjem velikih slika, čije će učitavanje trajati vječno. Ako ipak trebate umetnuti sliku na stranicu, onda je bolje izraditi njezinu malu kopiju, a zatim dodijeliti poveznicu na stranicu s originalnom velikom slikom, tako da korisnik može sam odlučiti želi li to za preuzimanje slike u izvornom obliku. I tako veličina jedne slikovne datoteke ne smije prelaziti 20-25 kb. Web stranice obično sadrže slike u dva formata: GIF i JPG. Takve slike ispravno se prikazuju u svim preglednicima koji podržavaju grafiku. Naravno, možete umetnuti datoteke i drugih formata, npr. BMP, TIF, ali morate uzeti u obzir da prilikom pisanja na disk Naslovna strana automatski će ih pretvoriti u jedan od dva osnovna formata.

Pogledajmo prednosti i nedostatke ovih formata. GIF je standardni format za male grafičke slike, kao što su gumbi, ikone. Ne podržava sjene ili srednje tonove i temelji se na paleti od 256 boja. JPG, u usporedbi s GIF-om, podržava puno više boja - više od 16 milijuna, što ga čini najpovoljnijim za prikaz grafičkih slika s glatkim prijelazima polutonova. Osim toga, veličina JPG datoteke može se smanjiti različitim stupnjevima kompresije, ali moramo imati na umu da, za razliku od GIF datoteka, kompresija JPG datoteke proizvedeni uz gubitak kvalitete. Što je kompresija veća, gubici su veći, ali moramo uzeti u obzir da je JPG prilično dobar format: daje visok stupanj kompresije uz relativno male gubitke, gotovo nevidljive oku.

Sve što se tiče grafike detaljnije ćemo pogledati malo dalje, za sada ćemo samo reći da opet možete umetnuti sliku na isti način kao i u drugim programima.

Pokušajmo ubaciti fotografiju na stranicu Katalog iz mape crteža.

Priprema grafike sa koristeći Adobe PhotoShop i Adobe ImageReady

Izgled i atraktivnost stranice uvelike ovise o grafici koja je ispunjava. Grafika je vizualno sredstvo za naglašavanje i isticanje informacija koje otkriva tekst web stranice, a koje pritom ne smije odvlačiti pažnju posjetitelja od samog teksta. Stoga pripremi grafike treba posvetiti najozbiljniju pozornost.

Među programima stručnog usavršavanja rasterske slike Možda ne postoji napredniji i popularniji program od Adobe PhotoShopa.

Adobe PhotoShop i Adobe ImageReady dobro se nadopunjuju. Adobe PhotoShop obrađuje fotografije i stvara grafičke gumbe, bannere i druge slike za web mjesto. A u ImageReadyju se dobivene slike optimiziraju, režu na fragmente itd.

Gumb za brisanje... (6)
dopušta
posvećen		selektor
	Prilagođen
stilovi.			na gumbu
Stvoriti...			otvara
interaktivni			Stvaranje
stil u kojem			se stvaraju
	selektori. Pritiskom
na gumb Promijeni... (8)
otvara dijalog
Promijeniti		stil koji			Slika 5.40 – Dijaloški okvir Stil

potpuno se poklapa s prozorom Stvaranje stila i koristi se za promjenu opisa odabranog selektora. Ako promijenite stil za oznaku s popisa HTML oznaka, taj birač oznaka premješta se na popis Prilagođeni stilovi.

	Prilikom rada s dijaloškim okvirom
	Promijeniti	(Stvaranje) stila
	Koriste se sljedeća polja i gumbi.
	U polje Naziv (za odabir) (1): unesite
	naziv selektora (ime selektora oznake mora
	odgovara nazivu same oznake; Ime
	selektor razreda počinje točkom (.).
	Gumb Format (2) omogućuje vam dobivanje
	pristup padajućem popisu u kojem
	možete odabrati sljedeće stavke:
	Font… -		otvara	interaktivni	Slika 5.41 – Prozor za promjenu stila
		font,	dopuštajući vam da učinite

postavke stila fonta.

Odlomak... - otvara dijaloški okvir Odlomak, koji vam omogućuje postavljanje uvlaka odlomaka (lijevo i desno) iz prozora preglednika, uvlačenje prvog retka, podešavanje razmaka između redaka i odlomaka, podešavanje razmaka između riječi u odlomcima;

Obrub… – otvara dijaloški okvir Granice i sjenčanje, s kojim možete postaviti obrub za odabrani odlomak, ispunite odlomak s nekim

boja; Numeriranje... – otvara dijaloški okvir Popis u kojem možete

kreirati numerirane, označene i druge popise; Položaj... - otvara dijaloški okvir Položaj, s kojim možete

Možete precizno postaviti različite elemente na stranicu.

Polje Sample (3) pokazuje kako će izgledati objekt na koji će se primijeniti kreirani stil.

Polje Opis (4) prikazuje tekstualni opis atributa ovog stila.

Pri izradi je aktivan padajući izbornik Style Type (5). selektor razreda. Kada odaberete vrstu znaka, raspon riječi dodaje se na početak naziva selektora.

	selektori oznaka primjenjuju se automatski nakon odabira
	relevantne naredbe;
	odabirom među ostalim stilovima na padajućem izborniku
	Popis stilova (Sl. 5.42) na alatnoj traci
	Oblikovanje;
	izborom		iz padajućeg prozora Class: dialog		Slika 5.42 –
					Popis stilova
		Promijeniti
	(Sl.5.43), koja se otvara
	gumb Stil… od raznih
	dijaloški okviri(Na primjer:
	Svojstva crteža,			Svojstva
	tablica, svojstva ćelije,
	Popis, prijelom, svojstva
	vodoravna crta).
			koristiti
	implementiran		njihove stilove

mora biti konfiguriran za svaki

Internet stranice.

Slika 5.43 – Prozor za promjenu stila

5.4.3. Vanjski stolovi stilovi.

U ovom slučaju, zasebna datoteka se dodjeljuje za definiranje CSS stilova, na koje će web stranice povezivati. Ovaj pristup:

osigurano je centralizirano upravljanje CSS stilovi na svim web stranicama

(promjene će se odmah automatski primijeniti na sve web stranice koje povezuju na datoteku koja sadrži CSS);

smanjuje se ukupna veličina web stranice;

Povećava se brzina učitavanja web stranica.

Za stvaranje vanjska datoteka koji sadrži kaskadne listove stilova, morate izvršiti sljedeće korake (Sl. 5.44).

Izvršite naredbu File→New i odaberite naredbu Ostali predlošci stranica...

U dijaloškom okviru Predlošci stranica koji se otvori odaberite karticu Stilski listovi (2), koja prikazuje predloške stilskih listova uključenih u FrontPage

Za izradu vlastite tablice stilova odaberite predložak Obični stol stilovi(3) i kliknite gumb U redu.

Slika 5.44 – Stvaranje datoteke vanjskog stila

Rezultirajuća stranica s ekstenzijom .css mora se spremiti (naredba File→Save) u jednu od mapa web stranice s navedenim nazivom.

latiničnim slovima i ekstenzijom .css.

Napravite opis za selektori oznaka I selektori klasa pomoću naredbe Format→Style..., koja otvara dijaloški okvir Style (Sl. 5.40), opisan u prethodnom odjeljku.

Stvorena lista stilova mora biti povezana sa stranicama web stranice. Za ovo je potrebno.

Naredba za pokretanje Format→Veze na stilske tablice….

U dijaloški okvir koji se otvara Poveznica za

stilski list		može se instalirati
sljedeće parametre:
prebaci sve stranice (1).
stilovi za sve odabrane stranice web stranice;
sklopka	posvećen	stranice
primjenjuje stilove na trenutnu stranicu ili web
stranice odabrane na ploči s popisom mapa;
gumb Dodaj… (3) služi za dodavanje
				Slika 5.45 – Dijaloški okvir
gumb Izbriši (4) služi za izbrisati dateoteku,				Veza na tablicu stilova

s kaskadnim stilskim listovima za web stranice (ako se koristi nekoliko kaskadnih stilskih listova);

Gumb Uredi (7) otvara odabrani u prozoru URL adresa: (8) css datoteka za uređivanje.

Pritisnite OK.

Birači se na odabrane objekte primjenjuju na različite načine:

selektori oznaka primjenjuju se automatski nakon odabira odgovarajućih naredbi;

koriste se selektori klasa:

Odabirom između ostalih stilova na padajućem popisu Stil (Sl. 5.42) na alatnoj traci Oblikovanje:

Odabirom iz padajućeg okvira Razred dijaloškog okvira Promjena stila

(Sl.5.43), koji se otvara gumbom Style... iz raznih dijaloških okvira

(na primjer: Svojstva slike, Svojstva tablice, Svojstva ćelije, Popis,

Prijelom, svojstva vodoravne linije).

5.5. Okviri (okviri) u FrontPage 2003 aplikaciji.

Okviri su način dijeljenja prozora preglednika u nekoliko područja

(okviri), od kojih svaki prikazuje sadržaj zasebne web stranice. Svako područje može imati vlastite trake za pomicanje i njihovo gledanje ne utječe na druga područja. S FrontPageom 2003 možete stvarati različite strukture okvira, umetati unutarnje okvire i ovisno o tome

prirodu prezentiranih informacija, organizirati odgovarajuće hiperveze. Sve naredbe vezane uz strukturu okvira prevode se riječju okvir.

Za organiziranje strukture okvira potrebno je (Sl. 5.46).

Slika 5.46 – Kreiranje stranice okvira Izvršite naredbu File→New i odaberite naredbu Ostali predlošci stranica...

(1) iz okna zadatka Stvori.

U dijaloškom okviru Predlošci stranice koji se otvori odaberite karticu Okvirna stranica (2), koja prikazuje predloške (3) web stranica sa strukturom okvira,

uključeno u MS FrontPage 2003.

Odaberite najprikladniji predložak i kliknite "U redu".

Prozor web stranice s novim okvirima (Slika 5.47) bit će podijeljen na dijelove u skladu s odabranom strukturom. Ova stranica mora biti spremljena (Datoteka→Spremi) u jednu od mapa web stranice s obaveznim nazivom (1) latiničnim slovima.

Slika 5.47 – Web stranica s novim okvirima

1) Gumb Postavi početnu stranicu...(2) omogućuje odabir gotove web-5

stranica web stranice u prozoru Dodavanje hiperveze.

2) Gumb Napravite stranicu(3) učitava novu praznu web stranicu u okvir,

čije se uređivanje može obaviti na uobičajeni način.

Ako se neki okviri popunjavaju pomoću gumba Napravite stranicu, tada se prilikom spremanja stranice okvira (Datoteka→Spremi) svaka nova web stranica sprema zasebno (imena moraju biti navedena latiničnim slovima).

Kada radite sa stranicom s okvirima, još jedan gumb Bez okvira (4) pojavljuje se na traci s gumbima za prikaz. Ovaj način rada uređuje sadržaj koji će biti prikazan u pregledniku ako ne podržava prikazivanje okvira.

Rad na web stranicama koje su uključene u strukturu okvira moguć je pojedinačno i preko stranice okvira

Za odabir jednog od okvira potrebno je kliknuti na njega lijevom tipkom miša. Aktivni okvir razlikuje se od ostalih okvirom u boji (5). Ako kliknete lijevom tipkom miša na vanjski okvir stranice s okvirima, bit će odabrana cijela struktura okvira. Granice okvira mogu se pomicati pritiskom lijeve tipke miša.

Za rad s odabranim okvirom možete koristiti naredbe izbornika

Okvir.

Naredba Split Frame omogućuje vam da okvir podijelite na dva dijela okomito ili vodoravno.

Naredba Remove Frame uklanja okvir sa stranice okvira. Štoviše, ako web-

stranica učitana u ovaj okvir ranije je spremljena, ostaje u strukturi web stranice.

Tim Otvori stranicu u novom prozoru otvara okvirnu web stranicu za uređivanje odvojeno od strukture okvira.

Tim Svojstvo okvira... otvara dijaloški okvir

Svojstva okvira, u kojima možete postaviti različite parametre okvira: naziv, opis, dimenzije, širinu i prikaz obruba, svojstva klizača, uvlake.

Slika 5.48 – Ugrađeni okvir

Druga mogućnost korištenja okvira je umetanje ugrađenog okvira (okvira) u običnu web stranicu (Sl. 5.48) naredbom Umetni→Umetnuti okvir. U

Kao rezultat toga, na mjesto gdje je postavljen pokazivač umetnut je okvir koji se može popuniti na dva načina: Postavi početnu stranicu... ili Napravite stranicu.

Lijevi klik na obrub okvira odabire okvir za promjenu veličine. Dvostrukim klikom lijeve tipke miša na rub okvira otvara se dijaloški okvir Svojstva ugrađenog okvira, u kojem možete postaviti različite parametre

okvir: naziv okvira, naslov, dimenzije, ispuna, poravnanje, alternativni tekst.

		organizacije
hiperveze
stranice		okvir
strukture		potrebno sa
	interaktivni
Krajnji okvir (Sl.5.49)
i naznačiti gdje će biti
opterećenje		novi objekt.
Struja polja			stranica		Slika 5.49 – Dijaloški okvir krajnjeg okvira

frames (2) omogućuje odabir okvira za učitavanje novog objekta klikom na lijevu tipku miša. Na popisu (preuzimanje u isti okvir iz kojeg je kreirana hiperveza), (preuzimanje u novi prozor preglednika), (preuzimanje u ugrađeni okvir).

5.6. Obrasci u FrontPageu 2003.

Obrasci vam omogućuju organiziranje na web stranicama tekstualna polja, radio gumbi, potvrdni okviri, gumbi i mnoge druge kontrole. Kada korisnik podnese ispunjeni obrazac u pregledniku, vrijednosti svih polja obrasca šalju se obrascu za obradu. Rukovatelj obrascima je program na web poslužitelju koji se izvršava kada posjetitelj stranice pošalje obrazac.

FrontPage 2003 podržava različite obrađivače obrazaca smještene na web poslužiteljima koji pokreću FrontPage Server

Proširenja (poslužitelj Microsoftova proširenja FrontPage je skup programa i skripti koji podržavaju izradu stranica u Microsoft FrontPageu i proširuju se funkcionalnost web poslužitelj), SharePoint Team Services verzija 1.0 (Microsoft) ili Microsoft Windows SharePoint Services 2.0. Ovi rukovatelji prihvaćaju rezultate obrasca i izvode razne radnje na njima. U FrontPage aplikaciji

Podržane su i skripte kao što su ISAPI, NSAPI, CGI i ASP.

Postoje tri načina za stvaranje obrasca u MS FrontPage 2003.

1) Dodavanje praznog obrasca s gumbima Pošalji i poništi naredbom

Umetni→Obrazac→Obrazac.

2) Umetanje prvog polja obrasca s naredbomUmetni→Obrazac→Polje obrasca. Područje obrasca s gumbima Pošalji i Poništi dodaje se automatski.

3) Odaberite i koristite dostupni predložak obrasca ili čarobnjak za stranicu obrasca pomoću sljedećih koraka.

U području zadataka Izrada stranice(naredba File→Create) trebate odabrati

naredba More Page Templates... i kartica General.

Odabir jednog od predložaka Knjiga gostiju, Obrazac za registraciju, Stranica za pretraživanje, Obrazac Povratne informacije omogućuje stvaranje novog web stranica sa standardnim obrascem.

Odaberite predložak Čarobnjak za stranicu obrazaca pokreće čarobnjaka stranice obrasca za određivanje broja, vrste i sadržaja elemenata obrasca.

Područje obrasca pojavljuje se u točkastom okviru koji je vidljiv samo u prikazu dizajna.

Da biste podesili svojstva forme, potrebno je postaviti kursor unutar forme i pokrenuti naredbu Umetni→Obrazac→Svojstva obrasca… ili desnom tipkom miša kliknite područje obrasca i odaberite naredbu kontekstni izbornik Svojstva obrasca.... Kao rezultat, otvara se dijaloški okvir Svojstva obrasca (1 Slika 5.50), u kojem se postavljaju različiti parametri obrasca.

Odjeljak Spremanje rezultata(2) definira konačni scenarij za obradu podataka obrasca. Ako koristite vlastite skripte, morate postaviti prekidač na drugo mjesto (3) i odabrati s popisa Prilagođena skripta....

Slika 5.50 – Postavljanje parametara forme

Polje Naziv obrasca: (4) služi

za navođenje naziva obrasca.

Gumb Kraj okvira

otvara dijaloški okvir

Završni okvir u kojem

Možete odabrati prozor iz kojeg će se podnijeti zahtjev.

Gumb za opcije... (6)

otvara dijaloški okvir

Parametri rukovatelja

obrasci (7). U polju Akcija:

(8) navesti naziv skripte za obradu obrasca ili mailto: e-mail za slanje podataka obrasca na adresu E-mail e-pošta. U polju Method: (9) odaberite način prijenosa podataka (GET je način prijenosa podataka kroz adresnu traku, POST je način prijenosa podataka u tijelu HTTP zahtjev). U polju Encoding type: (10)

označava vrstu kodiranja podataka obrasca kada se šalju na web poslužitelj. Mogući tipovi kodiranja: application/x-www-form-urlencoded - podaci obrasca su kodirani kao parovi imena i vrijednosti, koji se koriste prema zadanim postavkama; multipart/form -data - podaci obrasca kodirani su kao poruka s odvojenim dijelovima za svaku kontrolu na stranici, a koriste se za slanje obrazaca koji sadrže datoteke; text/plain – podaci obrasca su kodirani kao običan tekst, bez kontrolnih znakova i znakova za oblikovanje,

koristi se za slanje podataka na adresu e-pošte.

Gumb Više... (11) otvara prozor Dodatna svojstva obrasca

za uređivanje skrivenih polja obrazaca (gumbi Dodaj..., Uredi...,

Izbrisati).

Za dodavanje polja obrasca u obrazac potrebno je izvršiti naredbu Insert→Form

i s popisa odaberite željeno polje obrasca. Za promjenu veličine polja potrebno ga je označiti i lijevom tipkom miša povući jednu od strana. Parametri bilo kojeg polja obrasca postavljaju se u dijaloškom okviru koji se otvara dvostrukim klikom lijeve tipke miša na polje. Polje Slijed prijelaza

određuje redoslijed ispunjavanja polja obrasca u pregledniku. Gumb Provjeri… u ovom prozoru može se koristiti samo ako koristite standardni procesor obrazaca FrontPage 2003. Gumb Stil….

tekst

koristi se za unos kratkog

poruke, kao što su imena i

elektronička

Mogućnosti

polja (ime, početna vrijednost,

instalirani su

dijalog

Prozor svojstava tekstualnog polja.

Slika 5.51 – Polja obrasca

Tekst

koriste se za unos jednog ili više redaka teksta, kao što je komentar.

Ovo polje se može pomicati, što vam omogućuje unos teksta različitih duljina. Parametri polja (naziv, početna vrijednost, širina u znakovima, broj redaka) postavljaju se u dijaloškom okviru Svojstva tekstualnog polja.

Polje za slanje datoteke(3) – služi za slanje datoteke web poslužitelju u određenoj mapi na web stranici, sastoji se od polja za unos naziva datoteke i gumba za pregledavanje, koji vam omogućuje otvaranje dijaloškog okvira Select File. Parametri polja (naziv, širina u znakovima) postavljaju se u dijaloškom okviru Svojstva polja za slanje datoteke.

Polje za potvrdu (4) – služi za organizaciju odabira elementa, korisnik može označiti ili poništiti polje po vlastitom nahođenju. Parametri polja (naziv, vrijednost, početno stanje) postavljaju se u dijaloškom okviru Svojstva potvrdnog okvira.

Prekidač (5) – služi za organiziranje odabira s liste u kojoj možete odabrati samo jednu vrijednost (više polja preklopnika s istim nazivom grupe). Parametri polja (naziv, vrijednost, početno stanje) postavljaju se u dijaloškom okviru Svojstva prekidača.

Padajući popis(6) – služi za organizaciju odabira jedne ili više opcija s padajućeg popisa. Popunjavanje polja (gumbi Dodaj..., Uredi..., Obriši, Gore, Dolje) i njegovih parametara (naziv, visina u redovima,

dopuštenje višestrukog odabira) postavljaju se u dijaloškom okviru

Svojstva padajućeg popisa . Prilikom popunjavanja polja (gumbi Dodati…,

Uredi... ) otvara dodatni dijaloški okvir Dodaj ili

Promjena opcije. U ovom prozoru navedite naziv opcije (polje Option: ),

vrijednost koja će biti proslijeđena prilikom slanja obrasca ako je ova opcija odabrana

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.4. Izrada web stranica i web stranica u FrontPageu

Planiranje mjesta

Planiranje web stranice jedan je od najtežih zadataka. Kako pravilno rasporediti informacije koje imate na stranicama vaše buduće web stranice? Kakva bi trebala biti struktura stranice? Koje stranice treba imati stranica? Kakav dizajn trebaju imati web stranice? Kakva bi trebala biti navigacija web stranice?

Ovi i mnogi drugi problemi povezani s razvojem web stranica moraju se riješiti prije korištenja aplikacijskih programa za razvoj web stranica.

Recimo da smo odlučili izraditi web stranicu koja će prezentirati informacije o tvrtki EN101, te podatke koje imamo možemo prezentirati na četiri stranice:

1. Dom
2. O tvrtki
3. Poslovni pregled projekta
4. Metode Plačanja

Naziv stranice biramo ovisno o vrsti aktivnosti, na primjer: lessons-en101.

Dodijelite imena stranicama:

• indeks – Početna;
• info - O tvrtki;
• poslovno- Poslovni pregled projekta;
• plati - Načini plaćanja.

Kao početna stranica Koristimo prethodno kreiranu početnu web stranicu (index). Izrađujemo strukturu stranice koja je prikazana na slici.

Riža. 1.

Za svaku stranicu i crteže pripremit ćemo tekst u Word editoru Adobe Photoshop u GIF, JPEG ili PNG formatima s rezolucijom od 72 piksela/inču, osim toga, možete koristiti skripte.

Zatim možete registrirati domenu druge razine u jednoj od zona (ua, ru, com, net, info, itd.) i nakon razvoja stranice odabrati plaćeni hosting, koji odgovara brzini pristupa i pruža potrebne usluge za učinkovit rad mjesto. Ako web stranicu hostiramo na besplatnom hostingu, tada možemo izabrati npr. hosting na narod.ru poslužitelju. Da biste to učinili, morat ćete se registrirati na poslužitelju i primiti besplatni hosting. U ovom slučaju imat ćete domenu treće razine, na primjer: lessons-en101.narod.ru.

Izrada web stranice pomoću FrontPagea

1. Za izradu web stranice pomoću FrontPage aplikacije morate otvoriti prozor aplikacije na jedan od sljedećih načina. Nakon toga će se na ekranu prikazati prozor aplikacije ili FrontPage GUI koji će prikazati prethodnu stranicu ili stranicu. Da biste izašli s prethodnog mjesta ili stranice u FrontPageu, morate izvršiti naredbu “File/Close” ili “File/Close Node”, ili obje ako su čvor i stranica bili otvoreni.

Zatim izvršite naredbu Datoteka / Nova i u području zadataka "Izrada" koje se otvori kliknite na "Ostali predlošci web stranice" u odjeljku "Stvori web stranicu". Otvorit će se dijaloški okvir “Web Site Templates” u kojem trebate odabrati “Blank Web Site”, zatim odrediti lokaciju nove web stranice (na primjer, D:\Documents and Settings\TBA\My Documents\My Web Sites\lessons- en101) i kliknite OK. Slika prikazuje fragment dijaloškog prozora "Predlošci web stranice", u kojem je naznačena adresa nove stranice.

Riža. 2.

Nakon što spremite stranicu, prozor FrontPage aplikacije prikazat će novu stranicu u prikazu mape.

Riža. 3.

2. Napravite početnu stranicu za novu stranicu u FrontPageu. Izrada početne stranice u FrontPageu može se napraviti na različite načine. Na primjer, možete kliknuti gumb Nova stranica na ploči Sadržaj, što će dodati stranicu index.htm u prozor web stranice, prikazan na slici.

Riža. 4.

3. Zatim kopirajte sadržaj prethodno kreirane mape EN101 koja sadrži mapu sa slikama i indeksnu stranicu (mapa _vti_cnf kreira se automatski prilikom izrade web stranice). Sadržaj mape EN101 prikazan je na slici.

Riža. 5.

Spremljeni sadržaj mape EN101 iz međuspremnika zalijepimo u novostvorenu mapu web stranice lessons-en101 koja je prikazana na slici.

Riža. 6.

Riža. 7.

Dakle, prethodno stvorena stranica index.htm ( Engleski jezik na internetu). Možete stvoriti početnu stranicu na druge načine kao što je opisano u odjeljku 3.3.2. Uvod u FrontPage.

5. Napravite strukturu stranice u FrontPage editoru, tj. Dodat ćemo još tri stranice na glavnu stranicu: info - O tvrtki; poslovanje - Poslovni pregled projekta; plati - Načini plaćanja. Da biste to učinili, morate se prebaciti u način rada Prijelazi izvršavanjem naredbe Pogled/Prijelazi. Zatim trebate odabrati početna stranica i kliknite gumb Nova stranica na ploči Prijelazi ili upotrijebite kontekstni izbornik, bit će dodana Nova stranica 1. Na sličan način dodajte još dvije nove stranice. Struktura stranice prikazana je na slici.

Riža. 8.

6. Promjena naziva novih stranica u FrontPageu. Prebacujemo se u način rada mape i koristimo kontekstni izbornik za promjenu naziva Nova stranica 1 u info, Nova stranica 2 na poslovanje, Nova stranica 3 na platiti.

Riža. 9.

7. U svrhu jedinstva u dizajnu stranica stranice kopiramo sadržaj glavne stranice u kreirane info, business, pay stranice. Da biste to učinili, otvorite glavnu stranicu u načinu stranice i izvršite naredbu “Uredi / Odaberi sve” i kliknite na gumb Kopiraj na alatnoj traci. Idite u način rada s mapama i dvaput kliknite na info stranicu, otvorit će se u načinu rada s stranicama, zatim kliknite na gumb Umetni. Sadržaj glavne stranice bit će kopiran na info stranicu, a na sličan način kopirajte sadržaj glavne stranice na druge dvije stranice.

• Dom;
• O tvrtki;
• Poslovni pregled projekta;
• Metode Plačanja.

Na primjer, odaberemo navigacijsku stavku “Poslovni pregled projekta” i pomoću kontekstnog izbornika otvorimo dijaloški okvir Add Hyperlink u kojem izaberemo business.htm i kliknemo OK. Slično, stvaramo hiperveze za sve navigacijske točke na svim stranicama. Slika prikazuje fragment dijaloškog okvira Dodaj hipervezu.

Riža. 10.

10. Dodajte i ispunite meta oznake (između oznaka I) na stranicama: "O poduzeću"; „Poslovni pregled projekta“; "Načini plaćanja" u načinu rada s kodom.

Na primjer, za stranicu "O tvrtki", oznake se popunjavaju na sljedeći način:

11. Promjena naziva naslova stranica u prijelazima. Odaberite stranicu i koristite kontekstni izbornik da biste je preimenovali:

• preimenujte novu stranicu 1 u “O tvrtki”.
• novu stranicu 2 preimenovati u “Poslovni pregled projekta”.
• preimenujte novu stranicu 3 u “Načini plaćanja”.

Kao rezultat razvoja dobili smo stranicu koja se sastoji od četiri web stranice. Ova stranica, izrađena pomoću FrontPagea u sustav datoteka Računalo se može postaviti na web poslužitelj na Internetu ili Intranetu.

Za razvoj vlastite web stranice u FrontPageu preuzmite.

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 u Microsoft Wordu, a isti princip vrijedi i za uređivanje stranice u FrontPageu.

Slika desno prikazuje opći prikaz programa sa standardnim skupom alata pomoću kojih možete izraditi predložak stranice s tekstom, vezama i slikama. Idite na karticu "Prikaz", zatim "Alatna traka" i provjerite je li " Standard", "Oblikovanje"I" Stolovi", ovi alati bit će dovoljni za izradu samo stranice. U nastavku obratite pozornost na kartice "Dizajner", "Kod" i "Prikaz" - to su tri različita načina rada u kojima uvijek možete vidjeti kako izgleda stranica koju stvarate Kao.

• 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 jezik označavanje dokumenata 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 rasporede tablica i 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 dodatne postavke 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

U prethodnim poglavljima, pogledali smo stvaranje stranice koja sadrži jednu stranicu. Ali, u pravilu, stranica se sastoji od nekoliko stranica. Za dodavanje novih ili prethodno stvorenih stranica na web mjesto koristite naredbe izbornika, kombinacije tipki i gumb Novo na standardnoj alatnoj traci.

Za navigaciju web stranicom, baš kao i bilo kojom drugom uređivač teksta, možete koristiti trake za pomicanje, tipke sa strelicama na tipkovnici i tipkovničke prečace. Tako, na primjer, za odlazak na vrh stranice koristite kombinaciju tipki +, do kraja stranice - +. Ključevi I Omogućuje vam pomicanje za jedan zaslon prema gore ili dolje.

Kretanje između stranica web mjesta provodi se pomoću hiperveza, knjižnih oznaka i traka s vezama koje se nalaze na njima. Čitajući ovo poglavlje naučit ćete što su hiperveze i koje su vrste, što je poveznička traka i što trebate učiniti da je napravite.

Dijaloški prozor Predlošci web stranica(Predlošci web-mjesta), koji se otvara prilikom izrade novog web-mjesta, sadrži predloške koji predlažu stvaranje praznog ili jednostranog web-mjesta. Sami dodajete broj stranica potrebnih za objavljivanje informacija na stranici. To mogu biti nove stranice na koje ćete kasnije objaviti informacije ili web stranice koje ste prethodno izradili koristeći FrontPage ili neki drugi softver. softverski proizvodi.

Komentar

Pitanja uvoza datoteka neće se raspravljati u ovoj lekciji, jer će tome biti posvećena zasebna lekcija.

Postoji nekoliko načina za dodavanje nove stranice na vaše web mjesto. Možete koristiti bilo koji od njih ovisno o tome koja vam se metoda čini prikladnijom, kao i o tome koji predložak želite koristiti pri izradi nove stranice. Da biste dodali novu stranicu na svoje web mjesto, možete koristiti:

• dugme Stvoriti(Novo) na standardnoj alatnoj traci
• Tim Stvoriti(Novi) izbornik Datoteka(Datoteka), koja postavlja ploču u prozor programa FrontPage Napravite web stranicu ili web mjesto(Nova stranica ili web)
• Kombinacija tipki +

Kada koristite kombinaciju tipki ili pritisnete gumb Stvoriti(Novo) na standardnoj alatnoj traci, prazna stranica stvorena korištenjem predloška dodaje se web mjestu prema zadanim postavkama Obična stranica(Normalna stranica).

U slučaju da prilikom izrade nove stranice želite koristiti neki drugi predložak, morate otvoriti dijaloški okvir Predlošci stranica(Page Templates) (Sl. 16.1), koji sadrži popis predložaka stranica koje nudi program FrontPage. Da biste otvorili ovaj prozor, učinite jedno od sljedećeg:

• U gumbima izbornika Stvoriti(Nova) standardna naredba za odabir alatne trake Stranica(Stranica)
• Na jelovniku Datoteka(Datoteka) odaberite naredbu Stvoriti(Novo), a zatim iz podizbornika koji se otvori - opcija Stranica ili web stranica(stranica ili web). U prozoru programa FrontPage pojavljuje se ploča Napravite web stranicu ili web mjesto(Nova stranica ili Web), na kojem odaberite naredbu Predlošci stranica(Predlošci stranica)

Riža. 16.1. Dijaloški okvir za odabir predloška za stranicu koja će se izraditi

Dijaloški prozor Predlošci stranica(Page Templates) sadrži popis predložaka. Odaberite predložak koji želite koristiti prilikom izrade nove stranice. Korištenje područja Uzorak(Pregled) dijaloški okvir, pogledajte kako će izgledati. Pritisnite gumb u redu da biste zatvorili prozor i postavili predložak stranice na mjesto.

Kao rezultat dodavanja nove stranice na web mjesto, prazna stranica s imenom newjage_l.htm(Slika 16.2). Ovo ime označava da je ova stranica prva koju ste izradili od pokretanja programa. Prilikom stvaranja naknadnih FrontPage stranice dodjeljuje im imena s rastućim brojevima: nova_stranica_2.htm, nova_stranica_3.htm itd.

Riža. 16.2. Na stranicu je dodana nova stranica, izrađena pomoću predloška "Regular Page".