Izrada web stranica korištenjem FrontPagea. Opis programa Microsoft Office Frontpage Napravite predložak za stranice u FrontPageu

💖 Sviđa li vam se? Podijelite vezu sa svojim prijateljima

Microsoft FrontPage - program je uređivač koji vam omogućuje korištenje izgleda u HTML-u. Softver radi na principu "Što radiš to i dobivaš." Uslužni mehanizam temelji se na tehnologiji koja se također koristi u dobro poznatom IE pregledniku. Programer napominje da će pri radu s preglednicima koji koriste motore trećih strana zaslon izgledati drugačije.

Program je sposoban automatski implementirati promjene koje su napravili programeri u stvarnom vremenu.

Editor se preporučuje za početnike koji žele svladati osnovne operacije izrade web stranica. Za razliku od složenijih i složenijih analoga s velikim brojem mogućnosti, ovaj se program može nazvati trivijalnim. Međutim, osnovna funkcionalnost omogućit će vam da brzo naučite osnove izrade web stranice.

Preuzmite punu rusku verziju Microsoft FrontPage besplatno sa službene web stranice bez registracije i SMS-a.

Zahtjevi sustava

  • Podržani OS: Windows 7, 10, 8, 8.1, Vista, XP
  • Dubina bita: 32 bita, 64 bita, x86

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 HTML (Hypertext Markup Language) jeziku za opisivanje hipertekstualnih dokumenata. 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 stranice izravno na datotečnom sustavu korisničkog računala, a zatim je objavite na web poslužitelju kada bude spremna.

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 formatiranje, gumba za brzi odabir oznaka (za uređivanje i unos oznaka), prečaca kartice za odabir stranice (za kretanje između stranica), radnog prozora u kojem se prikazuje nova prikazana je stranica, ploča za crtanje, gumbi za način gledanja, indikator očekivanog vremena učitavanja stranice pri 56 kbps, indikator veličine stranice, područje zadataka.

FrontPage nudi četiri načina gledanja: Dizajn, Kod, Split i Pregled. U modu "Dizajner", kao u bilo kojem uređivaču teksta, možete kreirati, uređivati ​​i formatirati stranicu u vizualnom modu, tj. unos teksta, dodavanje slika, tablica. Ovo automatski dodaje oznake HTML jezika u pozadini, ali ne prikazuje HTML kodiranje 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 novom web-mjestu, idite u način rada Prijelazi i kliknite gumb Nova stranica na ploči Prijelazi; početna stranica će se pojaviti u radnom prostoru (također možete koristiti kontekstni izbornik za stvaranje 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.

Ako se ranije činilo da je izrada web stranica prilično komplicirana i nemoguća bez posebnog znanja, onda nakon što je počelo izdavanje HTML uređivača s WYSIWYG funkcijom, pokazalo se da čak i apsolutni početnik koji ne zna ništa o označnim jezicima može napraviti web stranicu . Jedan od prvih softverskih proizvoda ove grupe bio je Front Page na Trident engineu tvrtke Microsoft, koji je bio uključen u razne verzije uredskih paketa do uključivo 2003. godine. Na kraju, ali ne manje važno, upravo je zahvaljujući toj činjenici program uživao tako široku popularnost.

Glavna značajka programa, koja posebno privlači početnike, je mogućnost postavljanja stranice bez poznavanja HTML koda ili drugih jezika za označavanje. To je omogućeno zahvaljujući značajki WYSIWYG, čiji je naziv engleska skraćenica izraza prevedenog na ruski kao "ono što vidite to i dobivate". Odnosno, korisnik dobiva priliku upisivati ​​tekst i umetati slike u kreiranu web stranicu gotovo na isti način kao u programu za obradu teksta Word. Glavna razlika u odnosu na potonji je u tome što Front Page ima na raspolaganju više različitih web komponenti, kao što su Flash i XML. WYSIWYG funkcija je omogućena kada radite u "Konstruktor".

Pomoću elemenata na alatnoj traci možete oblikovati tekst na isti način kao u Wordu:

  • Odaberite vrstu fonta;
  • Postavite njegovu veličinu;
  • Boja;
  • Odredite položaj i još mnogo toga.

Osim toga, možete umetnuti slike izravno iz uređivača.

Standardni HTML editor

Za naprednije korisnike program nudi mogućnost korištenja standardnog HTML uređivača koji koristi označni jezik.

Splitski urednik

Druga opcija za rad s programom pri izradi web stranice je korištenje podijeljenog uređivača. U njegovom gornjem dijelu nalazi se panel na kojem se prikazuje HTML kod, au donjem dijelu se prikazuje njegova verzija u modu "Konstruktor". Kada uredite podatke u jednoj od ploča, podaci u drugoj se automatski mijenjaju.

Način prikaza

Front Page također ima mogućnost pregledavanja dobivene web stranice u obliku u kojem će biti prikazana na stranici kroz Internet Explorer preglednik.

Provjera pravopisa

Pri radu u modovima "Konstruktor" ili "S odvajanjem" Front Page ima funkciju provjere pravopisa, sličnu onoj u Wordu.

Rad u više kartica

Program vam omogućuje rad u nekoliko kartica, odnosno stvaranje nekoliko web stranica u isto vrijeme.

Primjena šablona

Front Page nudi mogućnost izrade web stranice na temelju gotovih predložaka dizajna ugrađenih u sam program.

Povezivanje na web stranice

Program ima mogućnost komuniciranja s različitim web stranicama prijenosom podataka.

Prednosti

  • Jednostavan za korištenje;
  • Dostupnost sučelja na ruskom jeziku;
  • Mogućnost izrade web stranica čak i za početnike.

Mane

  • Program je zastario jer nije ažuriran od 2003. godine;
  • Nije dostupno za preuzimanje na službenoj web stranici zbog činjenice da ga razvojni programer dugo vremena ne podržava;
  • Primjećuje se neispravnost i redundantnost koda;
  • Ne podržava moderne web tehnologije;
  • Sadržaj web-stranice stvoren u Front Page-u možda se neće ispravno prikazati u preglednicima koji ne pokreću Internet Explorer.

Front Page je HTML uređivač s WYSIWYG funkcionalnošću koji je svojedobno bio popularan među korisnicima i bio je poznat po jednostavnosti izrade web stranica. Međutim, trenutno je beznadno zastario, jer ga Microsoft već dugo ne podržava, a web tehnologije su već otišle daleko naprijed. Međutim, mnogi se korisnici s nostalgijom sjećaju ovog programa.

Uključeno u paket programa Microsoft Office uključuje nekoliko aplikacija koje vam omogućuju stvaranje, uređivanje i hostiranje web stranica. Jedan od njih je relativno jednostavan program Naslovna strana . Uz njegovu pomoć možete izraditi vrlo složene stranice koje će zadovoljiti potrebe čak i profesionalnog web dizajnera.

Prilikom izrade web stranice treba nastojati dati joj atraktivan izgled, jer se atraktivna stranica posjećuje češće. Istodobno, stranica bi trebala kombinirati dva kontradiktorna svojstva - atraktivnost i minimum memorije. Možete koristiti ograničeni broj sredstava niskog intenziteta, na primjer, cvijeće umjesto crteža, kako biste stvorili oskudnu, ali vrlo atraktivnu stranicu, i obrnuto, možete je opremiti s mnogo crteža, boja, formata i drugih elemenata označavanja, čiji će skup i postavljanje dati stranicu koja se može smatrati primjerom bogatog lošeg ukusa . Proces izrade web stranice je kreativan, zbog čega se često naziva i web dizajn. Poznato je da neki Web dizajneri potroše i po nekoliko mjeseci na izradu manje složene stranice, vraćajući joj se više puta, tražeći što izražajniji način da je realiziraju, dok bi se stranica s istim sadržajem mogla napraviti za najviše sat vremena rada. . Ako je odijelo, jednom sašiveno, teško preinačiti nekoliko puta, onda se web-stranica može “mijenjati” i usavršavati koliko je potrebno, točno u skladu s tim kako pjesnik usavršava svoje djelo, dovodeći ga do vrhunca savršenstva.

No, ne dijele svi ovo mišljenje, razumno napominjući da je web stranica informacija za distribuciju, a za to uopće nije potrebno pretvoriti je u umjetničko djelo, pogotovo jer to oduzima puno vremena.

Iz ovoga proizlazi praktičan zaključak: zaglavlje, naslov i reklamne stranice treba učiniti atraktivnima, a stranice namijenjene širenju „suhih“ informacija, na primjer, tekstova naredbi, opisa poslova, bilo kakvih planova itd., trebaju imati minimum oznake.

1.FP sučelje

U mapi se nalazi Front Page, program za izradu i uređivanje web stranica Office programi Microsoft Office.

Nakon pokretanja FP-a, na ekranu se pojavljuje prozor čiji je izgled prikazan na sl. 1. Za ovaj primjer, ovaj priručnik, koji je napisan pomoću FP-a, otvoren je za uređivanje u prozoru programa.


Riža. 1. Prozor programa Naslovna strana

Program sadrži izbornik i nekoliko alatnih traka. U trenutku kada se korisnik FP-a odluči baviti web dizajnom, on ili ona obično su dobro upućeni u Microsoft Office obitelj Word programa, tako da FP sučelje, koje je dizajnirano u Microsoftovom dizajnerskom stilu i vrlo je slično Wordu sučelje, neće stvarati posebne poteškoće u radu.

Programsko sučelje - izbornici, paneli, gumbi i drugi elementi - lakše je objasniti jer su vam njegovi elementi potrebni tijekom izrade ili uređivanja web stranica, o čijim će se primjerima raspravljati u ovom poglavlju.

Prilikom razvoja stranice, program automatski stvara označnu datoteku, čiji tekst FP piše u HTML (HyperText Markup Language). Ovu datoteku možete mijenjati ručno (štoviše, tekst programa može se kompajlirati u običnom uređivaču teksta, čak i jednostavnom, kao što je Notepad, ali to je previše glomazno). Za odlazak na ugrađeni uređivač teksta FP kliknite na prečac na dnu prozora Kodirati, zatim izvršite promjene u uređivaču teksta. Ako programer nije siguran u svoju profesionalnost, onda je bolje ne mijenjati HTML tekst, jer će biti teško ispraviti pogreške u uređivanju. Za povratak na stranicu koju označavate kliknite na prečac Konstruktor.

Da biste vidjeli kako će stranica izgledati u pregledniku, kliknite na prečac Pogled. Međutim, treba imati na umu da se u ovom načinu ispravno prikazuju samo vrlo jednostavne stranice. Stoga je bolje pregledavati stranicu u npr. profesionalnom pregledniku Firefox. Da biste to učinili, pronađite datoteku stranice u mapi i otvorite je u pregledniku (obično se sve web-stranice otvaraju u pregledniku).

2. Napravite novu web stranicu

Za izradu nove web stranice kliknite na gumb Izrada nove regularne stranice koji se nalazi na ploči Standard. Neki gumbi ove ploče s odgovarajućim komentarima prikazani su na sl. 2.

Novu stranicu možete kreirati drugačije. Na jelovniku Datoteka kliknite na liniju Stvoriti. Program s desne strane prikazat će prozor sa standardnim predlošcima stranica. Iz njega možete odabrati predložak i koristiti ga kao osnovu za buduću stranicu. Ako vam je potrebna prazna stranica, morate kliknuti na predložak Prazna stranica.

U FP-u također možete stvoriti okvire koji vam omogućuju da vidite više web-stranica na zaslonu monitora u isto vrijeme. Okviri su web stranice s više prozora. Web dizajner početnik trebao bi se suzdržati od korištenja okvira.

Sada možete spremiti stranicu. Da biste to učinili, kliknite na gumb Uštedjeti, zatim spremite stranicu kao datoteku na disk vašeg računala. Kada spremate stranicu, bolje je odmah stvoriti zasebnu mapu za nju s nazivom koji ćete dati datoteci. Web stranice se obično spremaju u datoteke s ekstenzijom .htm ili .html(od naziva jezika HyperText Markup Language - jezik za označavanje hiperteksta). Na primjer, ako ćete spremiti datoteku pod imenom o.htm, tada biste trebali stvoriti mapu pod nazivom oko, u području diska na kojem će se nalaziti vaše web stranice. Prije spremanja prve stranice, bolje je odmah stvoriti takvo područje u obliku mape, na primjer, mapa pod nazivom Fedorove web stranice. Sada biste trebali stvoriti spomenutu mapu u njoj oko, au njemu – spremite stranicu o.htm.

3. Svojstva web stranice

Zatim trebate ispuniti neka važna svojstva stranice s vrijednostima. Da biste to učinili, desnom tipkom miša kliknite područje stranice, a zatim u kontekstnom izborniku - na retku Svojstva stranice. Pojavit će se dijaloški okvir za unos svojstava stranice (slika 3). Prozor ima pet kartica

Su česti, Oblikovanje, Dodatno, ostalo, Jezik .

Na sl. 3 oznaka je aktivirana u prozoru

Su česti. U reduIme morate unijeti naslov stranice.

Ovdje možete povezati audio datoteku u zoni

Pozadina zvuk. Zvuk će pratiti gledanje ove stranice na računalu koje ju je otvorilo. Naravno, za slušanje pozadinskog zvuka na korisničkom računalu mora biti instaliran zvučnik. Obično se pozadinski zvuk reproducira pomicanjem kroz zvučnu datoteku s ekstenzijom .wav. Za povezivanje datoteke kliknite na gumb Pregled i koristite dijaloški okvir za povezivanje takve datoteke. Za običnu stranicu nije potrebno uključiti audio datoteku.za stvaranje pozadine stranice. Pozadina je glavna pozadina stranice. Pozadina može biti boja ili crtanje. Prikaz prozora svojstava stranice na kartici Pozadina prikazan je na sl. 4.

Ako trebate odabrati pozadinu u obliku boje, tada trebate kliknuti na gumb Pozadinski popis

i odaberite boju iz standardnog skupa boja. Početno stanje postavljeno je na zadanu boju. Obično je zadana boja bijela.

Ako vam predložene boje ne odgovaraju, kliknite na boju Prilagođen(prilagođen). U dijaloškom okviru koji se otvori možete odabrati boju iz bilo koje od 16"777"216 nijansi. Prozor za odabir prilagođene boje prikazan je na sl. 5.

Da biste odabrali prilagođenu boju, prvo morate dodijeliti osnovnu boju iz glavne palete, zatim kliknite na približnu boju u kvadratu palete s desne strane (ova je točka označena križićem), zatim odaberite željenu nijansu u stupcu na desno (označeno je trokutićem pored pokazivača miša). U okviru "Boja/ispuna" možete vizualno procijeniti odabranu boju. Desno od njega prikazane su spektralne karakteristike odabrane boje. Ove karakteristike se mogu mijenjati ručno.

Ako je odabrana boja nestandardna boja (nijansa) i treba je upotrijebiti nekoliko puta u sesiji uređivanja, tada je možete staviti na popis "Dodatne boje" ispod glavne palete. Da biste to učinili, prije odabira kliknite na okvir dodatne boje, odaberite nijansu i kliknite na gumb "Dodaj u set". Za izlaz iz prozora kliknite na gumb OK.

Ako pozadina stranice treba biti slika, tada trebate otvoriti željenu sliku na ovoj kartici

. Preporučljivo je da se ova datoteka nalazi u mapi u kojoj je pohranjena stranica stranica. Na sl. 6. prikazuje primjer pozadine u obliku slike pohranjene u datoteci leptir.gif.

Kao što se može vidjeti sa Sl. 6, pozadina je višestruko ponovljeni uzorak koji prikazuje leptira ( leptir).

Za usporedbu, na Sl. 7 prikazuje samu sliku zasebno.

Odmah napomenimo da je gornji primjer primjer lošeg odabira podloge, budući da slika zaklanja rub stranice i čini, kako se to kaže, “blješti u očima”. Njegova jedina prednost je što jasno pokazuje kako crtež stvara pozadinu na stranici.

Ako želite da pozadina bude statična, odnosno da prilikom listanja duge stranice u pregledniku pozadina ostane nepomična, potrebno je postaviti opciju Napravite podlogu.

U praksi se kao pozadine obično biraju slabo zasićene slike kako bi se stvorila željena pozadina, ali ne usmjerila pozornost gledatelja stranice na nju. Međutim, izbor pozadine je stvar ukusa

mreža dizajner.

Obično pozadinske slike imaju sljedeće formate:

bmp, gif, jpg , png .

Treba imati na umu da je slika obično memorijski najintenzivniji element web stranice. Stoga je pregledniku potrebno najduže vrijeme da ga preuzme s poslužitelja. Ako je brzina veze mala, a stranica koja se učitava sadrži nekoliko velikih slika, učitavanje ove stranice može potrajati. Gledatelj takve stranice može se umoriti od čekanja da preuzimanje završi i otkazati ga. Stoga biste trebali nastojati smanjiti volumen crteža i njihov broj na stranici.

Smatra se da je pozadina prihvatljivih dimenzija ako obujam slike ne prelazi 1–5 kilobajta (K). Bolje je ako je manji od kilobajta. Usporedbe radi, recimo da volumen same web stranice obično ne prelazi 10–20 K. Velike su samo stranice s velikom količinom teksta. Razlog tome je što je web stranica program (upute) o tome kako i što postaviti na zaslon preglednika korisnika. Na primjer, ako na tom i tom mjestu na ekranu trebate postaviti sliku veličine 150 K, onda na web stranici instrukcija za tu namjenu može zauzimati samo 50 bajtova, tj. 3000 puta manje od same slike, koji se prenosi na računalo gledatelja odvojeno od web stranica. Budući da je broj takvih uputa mali, veličina same stranice također je relativno mala

Na knjižnoj oznaci

Oblikovanje Također možete postaviti boju teksta. Ovdje možete postaviti boje tekstualnih hiperveza koje će biti prikazane u pregledniku koji pregledava stranicu: boju svih tekstualnih hiperveza, boju hiperveza kojima je korisnik već pristupio, boju hiperveze na kojoj lebdi kursor miša. .

Na knjižnoj oznaci Dodatno Možete postaviti uvlake stranice iz gornjeg lijevog kuta okvira preglednika. Prema zadanim postavkama, ispuna je postavljena na 8 piksela.

Na knjižnoj oznaci

JezikMožete postaviti posebne jezike za kodiranje teksta za spremanje i učitavanje stranice.

4. Korištenje tablica

Tablice su možda najučinkovitije i nezamjenjivo sredstvo za označavanje web stranica. Ako možete bez pozadine, onda je bez stola gotovo nemoguće.

Svaka se tablica sastoji od ćelija koje su raspoređene u retke i stupce. Možete spojiti pojedinačne ćelije, postaviti uvlačenje unutarnjeg sadržaja od njegovih granica, postaviti udaljenost između ćelija, postaviti položaj elemenata unutar njih, stvoriti pozadine odvojene od ostalih ćelija, stvoriti obrise, umetnuti druge tablice unutar ćelija i još mnogo toga .

Umetanje tablice

Kako biste umetnuli tablicu na stranicu, morate izvršiti naredbu izbornika

Ttablica/Insert/Tablica. U prozoru koji se otvori, a koji je prikazan na sl. 8, treba postaviti broj redaka i stupci. Tamo također možete postaviti položaj tablice na stranici. Obično je zadana pozicija lijevo. Međutim, ako je potrebno da tablica uvijek bude orijentirana na sredinu u vodoravnom smjeru kada se gleda u prozoru preglednika, tada je potrebno postaviti opciju središnje poravnanje.

Opcija veličine obruba dizajnirana je za postavljanje debljine linija koje obrubljuju tablicu i ćelije. Ako je postavljen na nulu i potvrdni okvir je označen Sažmi obrub tablice, tada granice neće biti vidljive u pregledniku. To vam omogućuje korištenje nevidljive tablice za izgled stranice.

Vlasništvo

Polje ćelije namijenjen je označavanju ispuna u pikselima iz internog sadržaja za sve ćelije tablice. Vlasništvo Razmak ćelija omogućuje postavljanje udaljenosti u pikselima između svih susjednih ćelija tablice. Postavite širinu namijenjen je postavljanju širine tablice u pikselima ili kao postotak u odnosu na širinu prozora, bez obzira na veličinu njezina sadržaja. Prema zadanim postavkama onemogućeno je. To znači da će veličina tablice biti određena veličinom njezina sadržaja.

Ako trebate postaviti stil i označavanje pozadine tablice, to možete učiniti u istom prozoru.

Kada završite s označavanjem tablice kliknite OK.

Raspored ćelija tablice

Operacije na pojedinim ćelijama ili cijeloj tablici treba započeti odabirom ćelija. Možete birati mišem, tipkovnicom ili pomoću alata

F.P. Za odabir pomoću miša potrebno je postaviti pokazivač miša na neku ćeliju odabranog područja, pritisnuti lijevu tipku miša i, držeći pritisnutu tipku, glatko ga pomicati preko ćelija. Za odabir pomoću tipkovnice potrebno je postaviti pokazivač na tipkovnici u ćeliju, pritisnuti tipku Shift i držeći pritisnutu tipku pritisnuti željene tipke za pomicanje pokazivača na tipkovnici (gore, dolje, lijevo, desno) do željenog odabrano je područje ćelija. Možete odabrati jedan stupac ili redak, kao i cijelu tablicu.

Za udruge odabrane ćelije potrebno je pomaknuti kursor preko bilo koje od njih i pritisnuti desnu tipku miša. U skočnom kontekstnom izborniku kliknite liniju Spajanje ćelija. Na isti način možete brisati ćelije.

Ako je potrebno razbiti jednu ili više ćelija u nekoliko redaka ili stupaca, morate ih odabrati (pri razdvajanju jedne ćelije odabir nije potreban), pokrenite naredbu Split ćelije. U prozoru za dijeljenje koji se pojavi trebate označiti kako ćete podijeliti – u stupce ili retke. Zatim morate odrediti broj stupaca ili redaka. Ovaj prozor prikazan je na sl. 9.

Ovdje možete postaviti položaj njegovog sadržaja vodoravno ili okomito. Da biste to učinili, odaberite željeni vodoravni položaj (sredina, lijevo, desno) ili okomiti položaj(na vrhu, u sredini, na samom dnu, u odnosu na os). Na sl. 10 okomiti položaj ćelije – iznad(kada se postave, unutarnji elementi će biti pritisnuti na gornji rub ćelije), vodoravno – u središtu(sadržaj će biti centriran).

Možete postaviti širinu i visinu ćelije u pikselima ili postocima.

U odjeljku pozadine možete postaviti pozadinu ćelije kao boju ili uzorak na isti način na koji programirate pozadinu stranice.

Ako trebate dodijeliti iste atribute nekoliko ćelija, na primjer, postaviti ih na istu pozadinu, tada se to može učiniti u jednom koraku. Takve ćelije treba označiti i označiti na opisani način. Ako trebate dodijeliti neke atribute svim ćelijama, onda je bolje da ih dodijelite samoj tablici. Da biste to učinili, morate kliknuti bilo koju ćeliju i izvršiti istu naredbu.

5. Umetanje i oblikovanje teksta

Da biste umetnuli tekst na stranicu, morate klikom miša postaviti pokazivač tipkovnice na željeno mjesto i tamo unijeti tekst s tipkovnice ili ga kopirati iz bilo kojeg drugog dokumenta pomoću Windows međuspremnika. Na taj način možete unijeti tekst izravno na stranicu ili u ćelije tablice.

Formatiranje se odnosi na svrhu fonta, njegovu veličinu, označavanje bojom, podebljanost, kurziv, podcrtavanje, horizontalnu orijentaciju teksta i niz drugih radnji. Ove se operacije izvode u skladu sa standardima usvojenim u uređivaču Worda: prvo trebate odabrati dio teksta, a zatim na njega primijeniti operaciju oblikovanja.

Razlika od Word editora samo kada pritisnete tipku Unesi (za umetanje novog odlomka) previše je razmaka između odlomaka. Ako želite da razmak između odlomaka bude isti kao između redaka jednog odlomka, pritisnite tipku Shift i, ne puštajući ga, ključ Unesi.

6. Umetanje hiperveza

Hiperveza je bilo koji element web stranice kojem se može dodijeliti poveznica na drugu web stranicu, adresa e-pošte, slika ili, općenito, bilo koja datoteka ili oznaka na istoj stranici. Aktiviraju se klikom na hipervezu. Hipervezu na web-stranici kada je pregledavate u pregledniku možete prepoznati po izgledu pokazivača miša: ako je element hiperveza, tada kada prijeđete iznad nje, pokazivač poprima oblik ikone.

Da biste stvorili hipervezu, prvo morate odabrati element stranice koji će postati buduća hiperveza. Ako je hiperveza tekst, za odabir je potrebno glatko prijeći mišem preko nje uz pritisnutu lijevu tipku ili tipke za pomicanje kursora na tipkovnici uz pritisnutu tipku

Shift. Ako je hiperveza slika, tada da biste je odabrali trebate samo kliknuti na nju., čiji je izgled prikazan na sl. 12.

Ako hiperveza treba biti pokazivač na drugu stranicu koja se nalazi na disku vašeg računala, tada morate kliknuti u prozoru Sl. 12 kliknite na gumb sa slikom mape i odaberite web stranicu na disku (obično datoteka s nastavkom html ili

htm ) . U tom će se slučaju pojaviti u adresnoj traci relativna adresa datoteku s web stranicom. Relativna adresa stranice koja se nalazi u istoj mapi kao i stranica koja se stvara jednostavno je naziv datoteke, na primjer "photo2.htm". Ako veza upućuje na datoteku izvan ove mape, tada hiperveza može biti u obliku niza "../../HomePage.htm", tj. poveznica na stranicu HomePage.htm na istom računalu, ali u drugoj mapi koja se nalazi dvije razine iznad trenutne mape. Relativne adrese vrlo su korisne pri stvaranju grupe web stranica koje se nalaze na istom poslužitelju, ali u različitim mapama i povezane su hipervezama. Nakon što pripremite stranice na običnom računalu, možete ih poslati na web poslužitelj bez straha da će veza između stranica i hiperveza biti prekinuta, budući da će na poslužitelju relativna struktura njihovog postavljanja ostati ista i, prema tome, hiperveze će "raditi".

Za stvaranje apsolutni

adrese, morate unijeti punu adresu stranice. Na primjer, ako trebate stvoriti hipervezu na adresu web stranice Moskovskog državnog sveučilišta, tada trebate unijeti tekst naziva domene u URL redak http://www.msu.ru. Na primjer, možete unijeti tekst koji označava IP adresu http://192.206.228.46.

Da biste stvorili takvu hipervezu, unesite ovakav tekst u adresnu traku mailto: adresa. Na primjer, ako je potrebno da se nakon klika na hipervezu pokrene email klijent za slanje pisma na adresu o [email protected], tada u redak za unos adrese trebate unijeti tekst mailto:o [email protected] . Također možete kliknuti na gumb sa slikom koverte i u prozor koji se otvori upisati istu adresu bez navođenja prefiksa mailto:.

Ponekad morate stvoriti poveznicu na stranicu koja je već u pregledniku. Na primjer, trebate se brzo vratiti na vrh stranice, na neki odlomak, itd. Obično se potreba za takvim poveznicama javlja na onim stranicama koje sadrže veliku količinu informacija. Adresa takve hiperveze se zove knjižna oznaka.

Prije stvaranja hiperveze na knjižnu oznaku, ona mora biti kreirana. Da biste to učinili, morate odabrati buduću knjižnu oznaku (fragment teksta, sliku itd.) i pokrenuti naredbu Umetni/označi. U prozoru koji se otvori, a čiji je izgled prikazan na sl. 13, unesite naziv knjižne oznake u red za unos i kliknite na gumb U redu. U primjeru prikazanom na sl. Stranica 13 već ima jednu prethodno kreiranu oznaku Kartica 1, a tekst se priprema u prozoru za unos Oznaka 2 još jedna knjižna oznaka. Zatim biste trebali izaći iz prozora za izradu knjižne oznake, odabrati element hiperveze na oznaku u prozoru za izradu stranice i kliknuti Knjižna oznaka(Sl. 12) odaberite željenu oznaku s popisa. Njegov tekst bit će postavljen u adresnu traku. Na primjer, ako je odabrana knjižna oznaka Oznaka 2, tada će hiperveza u adresnoj traci izgledati kao niz #Oznaka 2. Nakon klika na OK, kreirat će se hiperveza na knjižnu oznaku.

Programiranje prozora za prikaz

Nakon klika na hipervezu na Web stranica počinje se učitavati u preglednik. Obično se učitava u isti prozor kao i pozivna stranica. Ako želite da se stranica učita u novom prozoru, trebali biste koristiti prozor na sl. 12 kliknite na gumb desno od oznake unosa Izbor okvira. U prozoru koji se otvori odaberite liniju Novi prozor. Sada, nakon klika na takvu hipervezu, u pregledniku će se pokrenuti jedan prozor i u njemu će se pojaviti sadržaj za preuzimanje.

Uz onu o kojoj smo raspravljali, postoji nekoliko drugih opcija za predstavljanje pozvane stranice u pregledniku. Spadaju u složenije - okvirne stranice, koje imaju znatno veće mogućnosti za Web dizajn. Značajke dizajna okvirnih stranica bit će razmotrene u nastavku.

7. Umetanje netekstualnih elemenata

Za umetanje netekstualnih elemenata na stranicu upotrijebite stavku izbornika Umetnuti. Ista operacija za neke elemente može se duplicirati iz FP ploča.

Popis izbornika prikazan je na sl. 14. Linije koje sadrže podizbornike označene su s desne strane pokazivačem u obliku trokuta. Operacije koje se mogu duplicirati korištenjem vrućih tipki označene su nazivom kombinacije tipki.

Riža. 14. Bašić
popis izbornika Umetnuti

Evo nekih od najčešće korištenih netekstualnih stavki izbornika Umetanje:

  • Gap
  • . Prelazak na novi odlomak bez posebnog intervala (isto kao Shift + Enter);
  • Vodoravna crta. Umetnite vodoravnu liniju;
  • Simbol.
  • Umetanje nestandardnog znaka, tj. znaka koji se ne nalazi na tipkovnici;
  • Datum i vrijeme. Standardni pečat za prikaz datuma i vremena ažuriranja stranice koja se uređuje. Programer može postaviti izlazni način da prikazuje samo datum ili datum i doba dana. Postoji nekoliko opcija prezentacije marke koje možete izabrati. Na primjer, "14. veljače 2001. 02/12/25". Ako je takav pečat umetnut na stranicu, to znači da je zadnji put uređivana 14. veljače 2001. u 12 sati. 2 minute. 25 sek. računalnim timerom;
  • Datoteka. Umeće cijeli sadržaj datoteke odabrane s diska. Sadržaj se umeće na mjesto gdje se nalazi pokazivač tipkovnice. Na ovaj način možete umetnuti, na primjer, tekst dokumenta;
  • Crtanje
  • . Umetanje slike iz datoteke;

    Pogledajmo neke značajke umetanja ovih elemenata.

    Vodoravna crta

    Za umetanje kliknite na željeno mjesto na stranici, odaberite liniju iz izbornika Umetni/vodoravna linija i kliknite na njega da biste umetnuli element. Ako trebate promijeniti atribute linije, pomaknite pokazivač miša preko nje, desnom tipkom miša otvorite kontekstni izbornik i kliknite liniju Ssvojstva vodoravne linije . Pojavit će se istoimeni prozor u kojem možete promijeniti atribute linije: širinu, visinu, boju i druge atribute.

    Često postoji potreba za umetanjem retka s već dodijeljenim atributima na različitim mjestima na stranici. Da biste to učinili, kliknite na liniju, a zatim na gumb

    kopiranje na ploči Standard za kopiranje retka u međuspremnik. Sada je potrebno kliknuti na željeno mjesto na stranici, zatim na gumb za umetanje za lijepljenje sadržaja međuspremnika na odabrano mjesto. Na taj način možete umetnuti redak više puta na različitim mjestima na stranici.

    Napomena: Opisani način može se koristiti za kopiranje bilo kojeg elementa web stranice.

    Slika je najvažniji element web stranice. Rijetko se može naći stranica na kojoj nema crteža. Osim glavne uloge nošenja slike, crteži se koriste za stiliziranje natpisa, stvaranje raznih linija, okvira, prikazivanje grafikona, tj. gdje god je potrebno prikazati informacije u obliku grafičke slike.

    Za umetanje potrebno je kliknuti na mjesto na stranici gdje se slika treba nalaziti, izvršiti naredbu Umetnuti

    /Crtež/Iz datoteke ili kliknite na gumb Umetanje slike iz datoteke na ploči Standard(Slika 5.2). U prozoru koji se pojavi odaberite datoteku sa slikom na disku i kliknite OK.

    Nakon umetanja, možete označiti sliku ili je ostaviti nepromijenjenu. Da biste označili, trebate desnom tipkom miša kliknuti sliku, a zatim u kontekstnom izborniku na liniji

    Svojstva slike. U dijaloškom okviru, čiji je izgled prikazan na sl. 15, možete označiti sliku.

    Na knjižnoj oznaci Su česti navedeno je ime datoteke koja predstavlja crtež. Sliku možete promijeniti odabirom druge datoteke.

    U redu Tekst Možete unijeti tekst koji predstavlja opis alata. Kada korisnik u pregledniku pokazivačem miša prijeđe iznad slike, ona će nakratko iskočiti ispod pokazivača.

    Ako slika treba poslužiti kao hiperveza, možete odabrati adresu hiperveze na istoj kartici.

    Ako trebate stvoriti uvlake za sliku od susjednih elemenata stranice, možete koristiti svojstva intervali za vodoravnu podlogu s lijeve i desne strane i za okomitu podlogu na vrhu i dnu. U odjeljku Veličina Možete promijeniti veličinu slike i njezine proporcije. Slika se može rastezati i komprimirati u željenom smjeru koristeći svojstva širine i visine. Dimenzije se mogu navesti u apsolutnim jedinicama - pikselima - ili u relativnim jedinicama - postocima u odnosu na stvarne dimenzije slike. Ako je potrebno da se proporcije slike očuvaju tijekom deformacije, trebate postaviti opciju Održavajte proporcije.

    Formati slika

    Postoje crteži izrađeni u formatu rasterska grafika i u formatu vektorska grafika.

    U rasterskoj grafici podaci o svim pikselima slike bilježe se u datoteku, a svaki piksel je predstavljen kao niz bitova koji pohranjuju karakteristike piksela - boju, svjetlinu, kontrast, koordinate i druge karakteristike. Rasterski formati mogu se nazvati prirodnim, jer su informacije o slici pohranjene u obliku u kojem su prikazane na zaslonu monitora, tako da je potrebno minimalno vrijeme za izvođenje izlaznih operacija. Međutim, bitmap grafika obično zahtijeva puno memorije za pohranu, pa je postavljanje samo male grafike na stranicu opravdano. Kako bi se smanjila veličina datoteke rasterske slike, koriste se metode kompresije. U usporedbi s originalom, komprimirani crtež obično zauzima desetke puta manje memorije. Komprimirane bitmap slike učitavaju se brže, ali potrebno je neko vrijeme za dekompresiju slike.

    Vektorska grafika uglavnom se koristi za prikazivanje geometrijskih oblika pomoću matematičkih formula. Ovaj način prikazivanja crteža vrlo je učinkovit, jer ne zahtijeva pohranjivanje podataka o svakom pikselu, a prikazivanje crteža svodi se na matematičke izračune i izvršavanje instrukcija za formiranje grafičkog objekta. Tipično se takvi crteži koriste, na primjer, u programima za dizajn

    CAD.

    Postoji također format metadatoteke, koji kombinira obje vrste grafike. Primjer su datoteke s ekstenzijom .wmf. Takve se datoteke koriste, primjerice, za prikaz crteža u popularnom uređivaču Worda, kada je potrebno često mijenjati dimenzije crteža da bi se tekstualnim dokumentima dao potreban izgled.

    Postoje dva široko popularna rasterska formata koja se trenutno koriste među programerima web stranica: GIF(Graphics Interchange Format), razvijen 1987. i poboljšan 1989. od strane CompuServe, i JPEG, koji je dobio skraćeni naziv razvojne grupe Joint Picture Experts Group.

    U GIF formatu (datoteke s ekstenzijom

    .gif) slika je kodirana pomoću blok metode. Nakon što se primi na računalu, dekodira se i reproducira na zaslonu monitora. GIF format pruža najmanju količinu memorije datoteke za crteže koji imaju ograničen broj boja.

    Korištenje GIF formata omogućuje vam stvaranje mnogih efekata, uključujući prozirnost

    (transparentnost). Ovaj se efekt široko koristi kada crtež treba prikazati u obliku koji nije pravokutan. U tim se slučajevima dio pravokutne slike boji posebnom prozirnom bojom, a drugi običnim bojama. Nakon što se postavi na stranicu, dizajn u onim pikselima koji su ispunjeni bojom prozirnosti zamjenjuju se pikselima u boji pozadine, a preostali pikseli se reproduciraju na uobičajeni način, stvarajući tako efekt prozirnosti. Sada se isti dizajn može postaviti na podloge različitih boja bez straha da će se, ako se boje ne podudaraju, reproducirati neželjene pravokutne konture dizajna. Možete koristiti mnoge uređivače slika, kao što je Photo Shop, za izradu prozirnih GIF-ova.

    Drugi učinak je način na koji se preuzeti GIF prikazuje u pregledniku. Ako je slika spremljena u formatu isprepleteni(isprepleteno), zatim kada se prenosi u preglednik učitava se iz različitih dijelova slike. Pri maloj brzini veze stvara se efekt postupnog pojavljivanja slike, od zamućene na početku preuzimanja do jasne na kraju. Prednosti grafike isprepletenog formata su očite jer često, puno prije nego što se stranica s neželjenom grafikom završi učitavanje, korisnik može zaustaviti učitavanje, čime štedi vrijeme koje bi morao potrošiti čekajući u neznanju cijelu grafiku regularnog formata. biti prebačen. Program FP omogućuje stvaranje efekta pruga za bilo koji GIF crtež.

    GIF-ovi se mogu koristiti za stvaranje primitivne animacije koja se koristi na web stranicama za animiranje ("animiranje") njihovog sadržaja. Animacijski efekti nedvojbeno ukrašavaju stranicu i često služe kao sredstvo privlačenja pozornosti na njezine pojedinačne fragmente. Loša strana je povećana količina datoteka koje sadrže animirane crteže. Za izradu animiranih GIF-ova možete koristiti mnoge programe - od jednostavnih do vrlo složenih, koji vam omogućuju stvaranje cijelih animiranih filmova u jednoj datoteci. Primjer jednostavnog programa za animaciju je MP Gif Animator (autor V. Pham). Snažan program za animaciju je Ulead GIF Animator Lite (proizvod tvrtke Ulead Systems).

    U JPEG formatu (datoteke s ekstenzijama .jpg, rjeđe .jpe ili jpeg) poželjno je pohraniti slike u više boja, kao što su fotografije prirode, slike visoke kvalitete s bogatom paletom boja, u komprimiranom obliku. Prilikom spremanja crteža u grafičkim uređivačima (na primjer, Photo Shop), možete kontrolirati veličinu datoteke i kvalitetu crteža, koji su međusobno obrnuto povezani. Ovo svojstvo često koriste programeri web stranica kako bi minimizirali datoteke sa slikama, čime se donekle gubi na kvaliteti. Često se takve slike praktički ne mogu vizualno razlikovati, ali se mogu razlikovati 1,5-3 puta u veličini odgovarajućih datoteka.

    Ne možete zanemariti datoteke s crtežima u BMP formatu (datoteke s ekstenzijom .bmp). Ovo je jedan od prvih grafičkih formata. Crteži u ovom formatu zauzimaju puno memorije, ali se i danas koristi, ali samo za predstavljanje vrlo malih slika.

    Nedavno je razvijen novi PNG format slike posebno za web, koji bi trebao zamijeniti GIF format.

    Ozbiljan resurs za smanjenje veličine grafičkih datoteka je posebna obrada slike u grafičkim uređivačima. Vrlo često je moguće smanjiti datoteku nekoliko puta bez gotovo ikakvog pogoršanja kvalitete crteža. Na sl. Slika 5.16 prikazuje primjer uređivanja slike pomoću grafičkog uređivača Photo Shop.

    Prilikom pretvaranja fotografije pomoću skenera u datoteku, čak iu tako malom području slike kao što je ovratnik bijele košulje, formirano je mnogo piksela s različitim karakteristikama boja. Očuvanje ovih značajki prilikom sažimanja slike zahtijeva "individualni" pristup svakoj od njih, što rezultira nerazumno velikom veličinom datoteke.

    Lijevo na sl. Slika 16 prikazuje alatnu traku grafičkog uređivača, u sredini ispod je fotografija, na vrhu je uvećani fragment fotografije (desna strana ovratnika), desno je uvećan prikaz retuširanog fragmenta. Retuš je uključivao ujednačavanje ovratnika košulje. Jasno je da ako piksele koji prikazuju imenovani fragment učinite jednobojnim, kvaliteta fotografije neće se pogoršati, ali kada se pohrani kompresijom, podaci o svim jednobojnim pikselima bit će snimljeni jednom, zbog čega veličina datoteke je postala manja. Slična operacija primijenjena je na različite fragmente fotografije, što je omogućilo smanjenje veličine datoteke za 2,5 puta. Retuširanje se vrši pomoću različitih alata za ploče, uključujući

    Alat za olovke (olovka), koja je označena aktivnom bojom na ploči.

    Da biste smanjili veličinu slikovnih datoteka, također možete koristiti posebne programe koji iz njih uklanjaju negrafičke informacije koje postavljaju grafički urednici prilikom razvijanja i spremanja slike. Primjerice, autor ovih redaka koristi program Advanced GIF Optimizer tvrtke Gold Software. Korištenje optimizatora često može smanjiti veličinu GIF datoteke za dodatnih 10-60%.

    Da biste ubrzali učitavanje slike, možete je izrezati na zasebne dijelove i zatim te dijelove postaviti na stranice u različitim ćelijama tablice. Kada se gleda u pregledniku, crtež u komadima izgleda isto kao i nefragmentirani crtež. Prednost fragmentacije je u tome što se slike, kao i drugi elementi stranice, paralelno učitavaju u preglednik, što pomaže ubrzati učitavanje stranice. Osim toga, potpuno učitani fragment odmah se pojavljuje u pregledniku, što vam omogućuje stvaranje iluzije da će se slika brzo učitati. U kombinaciji s mogućnošću prijenosa GIF i JPEG slika i resursima za uređivanje, možete postići značajno ubrzanje učitavanja slika na stranice.

    8. Stranice s okvirima

    Ove stranice su prve koje se koriste za preglednik Netscape Navigator. Jedna takva stranica predstavlja skup neovisnih okvirnih prozora u pregledniku, što omogućuje proširenje mogućnosti istovremenog prikazivanja pojedinačnih stranica ili različitih dijelova stranice, posebice omogućavajući im neovisno pomicanje. Svaki okvir predstavljen je zasebnom datotekom, a druga datoteka se koristi za opis načina na koji se okviri prikazuju u pregledniku, a to je datoteka okvira. Svaki okvir je Web stranicu i može se pregledavati kao zasebna stranica u jednom prozoru.

    Na sl. Slika 17 prikazuje web stranicu koja vam omogućuje navigaciju kroz stranice koje prikazuju elektroničke nastavne materijale odjela.


    Riža. 17. Primjer uokvirene web stranice

    Stranica je organizirana u obliku izbornika i sastoji se od tri okvira

    : jedan se nalazi na vrhu, druga dva su ispod njega - lijevo i desno. Gornji okvir predstavlja naslov stranice. Donji okviri dizajnirani su tako da se može reproducirati i koristiti dvorazinski izbornik. Prva razina izbornika organizirana je u lijevom okviru. U njemu korisnik može odabrati željenu specijalnost, disciplinu ili otići s ove stranice na početnu stranicu odjela klikom na jednu od hiperpovezanica. Na sl. 17 u lijevom okviru kliknite na hipervezu s natpisom Informatika, kao što se može suditi po točkastom okviru koji omeđuje hipervezu. Nakon ovog klika, stranica koja sadrži naslove dostupnih nastavnih materijala za ovu disciplinu se učitava i reproducira u desnom okviru. U desnom okviru kursor miša lebdi iznad linije Otvoren u jednom od naslova. Dakle, desni okvir djeluje kao spremnik podizbornika, tj. aktivni izbornik druge razine.

    Opisani način organizacije omogućuje kreiranje proizvoljno dugačkog popisa disciplina i specijalnosti u lijevom okviru i proizvoljno dugog popisa materijala za svaku specijalnost ili disciplinu za prikaz u desnom okviru, u jednostavnom obliku. U tom slučaju na popisu desnog okvira uvijek možete vidjeti sadržaj odabrane pozicije s popisa lijevog okvira.

    Prilikom dizajniranja okvirne stranice, sljedeće su stranice najprije izrađene pojedinačno:

    • header.htm – stranica koja će predstavljati zaglavlje okvirne stranice;
    • menu.htm – stranica za prikaz izbornika u lijevom okviru;
    • informatique.htm – stranica za prikaz popisa nastavnog materijala za disciplinu Informatika;
    • certifikat.htm – stranica za prikaz popisa nastavnih materijala iz specijalnosti Certifikacija;
    • tms_metod.htm – stvarna stranica okvira.

    Za izradu posljednje stranice, nova datoteka se organizira pomoću izbornika Datoteka /

    Stvoritii odaberite tim ostalo šablone stranice...iz okna zadataka Stvaranje.
    U dijaloškom okviru koji se otvoriPredlošci stranice, odaberite karticu Stranica okvir , koji prikazuje predloške web stranica s okvirnom strukturom koje su dio FP-a (Sl. 18).

    Prozor web stranice novih okvira (Slika 19) bit će podijeljen na dijelove u skladu s odabranom strukturom.

    Desnom tipkom miša otvorite kontekstni izbornik, prozor svojstava stranice i unesite tekst u naslovni redak

    Metodološki materijali odjela, koji se obično prikazuje na vrhu preglednika, i spremite stranicu tms_metod.htm.

    Zatim redom kliknite na gumb Postavite početnu stranicu u gornjem i lijevom okviru i uspostavite vezu između odgovarajućeg okvira i vaše stranice pomoću standardnog prozora za kreiranje hiperveze, prikazanog na sl. 12. Nakon klika na gumb, gornjem okviru se dodjeljuje adresa header.htm, lijevom - menu.htm, desnom - prazna stranica (pomoću gumba Napravite stranicu na sl. 19).

    Kako bi se osiguralo da su datoteke informatique.htm i certificate.htm prikazane u pravom okviru nakon poziva hipervezama, hipervezama na te web stranice u datoteci menu.htm dodijeljena je zadana vrijednost home.

    9. Primjer izrade web stranice

    Na sl. 20 predstavljeno

    Povijest web stranice.htm , prikazujući kratku povijest TMS odjela KSTU.

    Riža. 20. Pregled web stranice u pregledniku

    Pogled na označenu stranicu u FP uređivaču prikazan je na sl. 21. Prvo se stvara nova stranica. Zatim se desnim klikom miša poziva kontekstni izbornik u kojem se klikne linija Svojstva stranice. U prozoru svojstava stranice koji se pojavi (slika 3) upisuje se njen naslov Povijest TMS odjela. Na knjižnoj oznaci ostalo Svaka opcija uvlačenja obruba stranice ima kvačicu i njihove su vrijednosti postavljene na nulu. To znači da kada se čita u pregledniku, stranica bi trebala biti prikazana bez ikakvih ispuna od gornjeg i lijevog ruba okvira za prikaz. Klikom na gumb Uštedjeti stranica se sprema na disk pod imenom history.htm.

    Zatim se pomoću naredbe za umetanje tablice na stranicu postavlja tablica od četiri stupca i četiri retka. U ćelijama gornjeg retka slijeva nadesno postavljene su tri slike h1.gif, h2.gif, h3.gif (slike su prethodno dizajnirane u grafičkom uređivaču Photo Shop). Prvi crtež (KSTU) ima veličinu od 4 K, drugi (TMS) - 3,6 K, posljednji - 1,4 K. Svi crteži su natpisi napravljeni na bordo pozadini. Posljednja slika (s natpisom POVIJEST ZAVODA ZA TEHNOLOGIJU STROJARSTVA) je smanjena po širini radi smanjenja memorije.

    Riža. 21. Prikaz označene web stranice u FP editoru

    Zatim kliknite ćeliju prvog retka i naredbu Tablica/Odaberi red Prvi red ćelija je označen. Zatim se na njega postavi kursor i pritisne desna tipka miša. Naredba odabrana u kontekstnom izborniku Svojstva ćelije au prozoru koji se pojavi (slika 10) svim odabranim ćelijama dodjeljuje se pozadina u obliku bg.gif slike (također se priprema u Photo Shop editoru). Ovaj crtež je slika u jednoj boji 8x8 piksela s istim karakteristikama. Veličina pozadinske datoteke je samo 46 bajtova. Pozadina je potrebna tako da cijeli prvi red tablice bude obojen istom bojom (slike se rade na pozadini iste boje).

    Da bi se uža slika h3.gif postavila okomito na sredinu ćelije, njezino svojstvo Okomiti položaj dodijeljena vrijednost Centrirano. Vodoravni položaj je ostavljen kao zadani, tj. pritisnut na lijevi rub ćelije. Za posljednju ćeliju prvog retka tablice (prazna je), svojstvo Širina vrijednost je dodijeljena 600. Ovo je neophodno kako bi cijeli prvi redak tablice zajamčeno odgovarao cijeloj širini prozora (pa čak i osigurao neku marginu), što će pri gledanju stranice stvoriti učinak monokromatsko sjenčanje zaglavlja (bannera) u pregledniku (slika 20).

    Zatim su dodijeljene dvije hiperveze - na web stranicu KSTU i web stranicu odjela TMS. Oni su neophodni kako bi gledatelj stranice mogao, ako želi, nastaviti s pregledom ovih stranica. Prvoj slici (h1.gif) dodijeljena je hiperveza http://www.kgtu.runnet.ru na web stranicu KSTU (Sl. 5.12). Drugi (h2.gif) – hiperlink na web stranicu TMS odjela http://tms.kgtu.runnet.ru. U retku Text svojstava slike dodijeljen je prvi tekst Na web stranicu KSTU, drugi - Na web stranicu odjela TMS. Ovi redovi su potrebni kako bi gledatelj stranice, kada pokazivačem prijeđe iznad slike, mogao pročitati svrhu hiperveza u opisima alata. Kako bi se spriječilo da obrisi slika hiperveze budu vidljivi u pregledniku, njihovo svojstvo debljine obruba postavljeno je na nulu, a obrub je skupljen (Sl. 15). Ovime je dovršeno označavanje prvog reda tablice.

    U drugom retku tablice prve dvije ćelije sadrže istu sliku iz datoteke arrow.gif. Slika predstavlja strelicu okrenutu prema gore. Veličina datoteke je samo 324 bajta. Svrha slika je upozoriti gledatelja na činjenicu da iznad njih postoje hiperveze koje mogu koristiti. Kako bi se osiguralo da se strelice nalaze točno ispod odgovarajućih slika, svojstvo horizontalni položajćelijama dodijeljena vrijednost u središtu.

    Tekst stranice nalazi se u trećem redu tablice. Prije umetanja teksta, druga i treća ćelija ovog retka su spojene. Prije spajanja ćelije su odabrane, zatim je izvršena naredba izbornika Tablica/Spoji ćelije. Zatim je pokazivač postavljen u ćeliju i nekoliko puta je pritisnuta tipka Enter za umetanje praznih odlomaka.

    U prvom odlomku ćelije tipkovnicom se upisuje gornji dio teksta (prethodi popisu djelatnika koji su u različitim razdobljima obnašali dužnost voditelja odjela TMS).

    Ispod je tablica s jednim redom i dva stupca. U lijevi stupac upisuju se prezimena djelatnika, a u desni stupac godine njihovog vođenja odjela. Ćelije tablice su oblikovane tako da svojstvo okomita odredbe ima značenje gore, vlasništvo horizontalna položajna lijevom rubu. Ova organizacija omogućit će da prezimena i razdoblja budu pozicionirani u pregledniku u dva susjedna stupca točno jedan ispod drugog.

    Ispod tablice nalazi se tekst koji upotpunjuje opis priče.

    Sav tekst je u fontu Arial, neki su njegovi fragmenti podebljani. To uključuje datume, prezimena, šifre specijalnosti i druge elemente na koje morate obratiti pozornost prilikom pregledavanja stranice.

    Nije propuštena prilika da se naglasi zanimljivost jednog od fragmenata teksta: ako napravite kraticu od prvih slova naziva specijalnosti koje se predaju na TMS odjelu, tada će ona ponoviti kraticu sastavljenu od prvih slova naziva odjela, tj. ponovno dobivate “TMS” (u Ovaj dio teksta nije vidljiv na sl. 20 i 21. Ova značajka je naglašena time što su prva slova u nazivima specijalnosti istaknuta u masno i u crvenoj boji.

    Na kraju se spajaju sve ćelije donjeg retka velike tablice te se u dobivenu ćeliju manjim fontom upisuju izlazni podaci odjela - adresa, brojevi telefona, e-mail adresa.

    Microsoft Office FrontPage 2003 je jedinstveni program s kojim možete jednostavno izraditi web stranicu. Prisutnost pomoći i mnogo jednostavnih, moglo bi se reći standardnih programa čine ga nezamjenjivim pomoćnikom za početnike. Kako bismo se bolje upoznali s mogućnostima Microsoft Office FrontPagea, pogledat ćemo skup mogućih naredbi.

    Da biste optimizirali HTML tekst prilikom objavljivanja stranice, morate konfigurirati udaljeno mjesto.

    1. U prikazu udaljenog web-mjesta, na kartici web-mjesta kliknite gumb Optimiziraj objavljeni HTML.

    2. Na kartici Optimizacija HTML-a odaberite Prilikom objavljivanja optimizirajte HTML kod uklanjanjem sljedećih elemenata.

    3. Odaberite opcije koje želite.

    Bilješke

    · Microsoft FrontPage ne primjenjuje ove postavke na web stranice koje su prethodno objavljene na web mjestu. Da biste primijenili ove postavke na stranicu, objavite je na web stranici.

    · Možete optimizirati HTML tekst kada objavljujete s lokalne stranice na udaljenu stranicu, ali ne i obrnuto.

    · Ako odaberete potvrdni okvir Svi HTML komentari ili Bilješke o dinamičkim web predlošcima, FrontPage uklanja sav dinamički kôd web predloška za tu stranicu prilikom optimizacije HTML teksta. Stoga se sadržaj stranice povezan s dinamičkim web predloškom više neće prikazivati ​​posjetiteljima stranice. Koristeći web komponente u Microsoft FrontPageu, možete uključiti širok raspon funkcionalnosti u svoje web mjesto, od brojača posjeta, koji bilježe broj posjetitelja stranice, do kolekcija fotografija, koje su zbirke grafičkih slika. Postoje dvije vrste web komponenti: komponente za vrijeme dizajna i komponente za vrijeme pregleda. Komponente za vrijeme dizajna alati su za izradu i razvoj web stranica. Dostupni su u programu FrontPage. Kada web-mjestu dodate komponentu za vrijeme dizajna—na primjer, fotogaleriju ili traku poveznica—ne morate instalirati nikakav dodatni softver ili poslužiteljsku tehnologiju na web-poslužitelju koji hostira web-mjesto. Komponente vremena pregledavanja dostupne su na web-mjestima koja se nalaze na web-poslužiteljima koji pokreću proširenja poslužitelja Microsoft FrontPage Server, Microsoft SharePoint Team Services ili Microsoft Windows SharePoint Services.

    · Hiperveza je veza između web stranica ili datoteka. Kada posjetitelj stranice klikne hipervezu, objekt na koji se poziva pojavljuje se u web pregledniku, otvara se ili pokreće, ovisno o vrsti objekta. Na primjer, kada kliknete hipervezu na stranicu, ta se stranica pojavljuje u vašem web pregledniku, a kada kliknete hipervezu na avi-file Ova se datoteka otvara u Windows Playeru. Načini korištenja hiperveza:

    Idite na datoteku ili web stranicu na lokalnoj mreži, intranetu ili internetu

    Dođite do datoteke ili web-stranice koja će se izraditi u budućnosti

    Slanje poruke e-poštom

    Pokretanje prijenosa datoteke, poput preuzimanja datoteke ili slanja datoteke preko protokola FTP

    Prijelaz na knjižna oznaka

    Nakon što stvorite hipervezu, slijedite je do odredišta kako biste bili sigurni da vodi do željene stranice, programa, datoteke ili adrese e-pošte. Kada mišem prijeđete iznad teksta ili slike koja sadrži hipervezu, ona se pojavljuje kao ruka s podignutim kažiprstom, što znači da se na stavku može kliknuti. U Microsoft FrontPageu, hiperveze se prate i prikazuju različito ovisno o cilju. Kada se stvori hiperveza, njezino je odredište kodirano u URL (Uniform Resource Locator) formatu. URL navodi protokol (kao što je HTTP ili FTP) i sadrži naziv web poslužitelj ili mrežne lokacije, kao i put i naziv datoteke, kao što je prikazano u tablici.

    Hiperveze na slikama nisu uvijek vidljive. Međutim, da biste provjerili je li slika hiperveza, samo postavite pokazivač miša preko nje. Kada lebdite iznad hiperveze, pokazivač miša se mijenja u ruku s podignutim kažiprstom. Hipervezu možete stvoriti kao tekst ili sliku. Tekstualna hiperveza je riječ ili fraza kojoj je dodijeljena adresa. URL imenovanja. Hiperveza slike je slika kojoj je dodijeljen odredišni URL. Ova se adresa može dodijeliti slici na jedan od dva načina.

    · Cijeloj slici dodijeljena je zadana hiperveza. U tom slučaju, klikom na bilo koji dio crteža prikazuje se odredište. Na primjer, gumb je slika kojoj je dodijeljena zadana hiperveza.

    · Slici se može dodijeliti jedan ili više hiperobjekata, odnosno mogu se odrediti područja slike koja su hiperveze. Crtež koji sadrži hiperobjekte naziva se hipermapa. Na primjer, hipermapa bi mogla biti grafika koja predstavlja različite dijelove web stranice, kao što je početna stranica, stranica kataloga i tako dalje. Za prikaz stranice, posjetitelj stranice klikne na odgovarajuće područje hipermape.

    Kako se prikazuju hiperveze: U web preglednicima tekstualne hiperveze obično su podcrtane i prikazane u drugoj boji. Možete odabrati boje koje će se koristiti u web pregledniku za prikaz hiperveza. Kada koristite standardne HTML atribute, možete odabrati tri boje za predstavljanje različitih stanja hiperveze. Hiperveza -- neiskorištena hiperveza. Aktivna hiperveza je trenutno odabrana hiperveza. Pregledana hiperveza je hiperveza koju ste već slijedili. Knjižna oznaka je određeno mjesto ili odabrani tekst na stranici koji je označen na odgovarajući način.

    Oznake se mogu koristiti kao odredišta za hiperveze. Na primjer, ako posjetitelju web-mjesta želite pokazati određeni dio stranice, dodajte hipervezu koja postavlja odredište na oznaku za taj dio stranice. Klikom na ovu hipervezu prikazat će se odgovarajući dio stranice, a ne početak stranice. Knjižne oznake također se mogu koristiti za pronalaženje određenih mjesta na stranici. Na primjer, možete dodati oznaku za svaki glavni naslov na stranici. Kada mijenjate stranicu, svaki odjeljak možete lako pronaći klikom na odgovarajuću karticu.

    Kada je knjižna oznaka stvorena za lokaciju, a ne za tekst, to je označeno ikonom u FrontPageu. U suprotnom, tekst je podvučen isprekidanom linijom. Kada preimenujete datoteku na web stranici, Microsoft FrontPage traži hiperveze do te datoteke. Ako takve hiperveze postoje, naziv datoteke se automatski ažurira u njima. Kada premjestite datoteku na web mjesto (na primjer, u drugu mapu ili podmapu), Microsoft FrontPage automatski ažurira sve hiperveze na nju. Preporuča se da uvijek testirate hiperveze prije objavljivanja svoje stranice. Ako web-mjesto sadrži neispravnu hipervezu (hipervezu s netočnim odredišnim URL-om), u web-pregledniku se pojavljuje poruka o pogrešci kada posjetitelj stranice klikne vezu. Ovu pogrešku može uzrokovati pogreška u URL-u ili URL može upućivati ​​na stranicu koja je uklonjena s web-mjesta. Ako je odredište druga internetska stranica, možda je premještena ili izbrisana.

    Provjera pristupačnosti: Microsoft Resources Office FrontPage 2003 predstavlja novi alat za provjeru pristupačnosti za web stranice. Testiranje pristupačnosti otkriva da određene značajke nisu u skladu sa Smjernicama za pristupačnost web sadržaja (WCAG) Konzorcij WWW (W3C) ili zahtjevima Odjeljka 508 Zakona o rehabilitaciji SAD-a. WCAG postavlja temelje za stvaranje dostupnih web stranica za osobe s oštećenjima pokretljivosti, vida i sluha. Odjeljak 508 postavlja standarde američke vlade za pristupačnost u širokom rasponu izvora informacija i tehnologija.

    Za više informacija o značajkama provjere pristupačnosti FrontPagea, pogledajte pomoć za Microsoft FrontPage. Koristite tipkovničke prečace za brzo obavljanje često korištenih zadataka. Dostupnost tipkovničkih prečaca u programu Microsoft FrontPage ovisi o tome je li željena naredba dostupna u odabranom prikazu. Često korišteni zadaci u Microsoft FrontPageu:

    Upravljanje i rad s web stranicama - F8

    Pokrenite alat za provjeru pristupačnosti - CTRL+N

    Napravite novu web stranicu - CTRL+O

    Otvaranje web stranice - CTRL+F4

    Zatvaranje web stranice - CTRL+S

    Spremanje web stranice - CTRL+P

    Ispis web stranice - F5

    Ažuriranje web stranice; ažuriranje popisa mapa - CTRL+TAB

    Prebacivanje između otvorenih web stranica - CTRL+SHIFT+B

    Pregledajte web stranicu u web pregledniku - ALT+F4

    Isključite Microsoft FrontPage - CTRL+ SHIFT+8

    Prikaz znakova koji se ne mogu ispisati - CTRL+ /

    Prikaz HTML oznaka u prikazu dizajna - CTRL+F

    Traženje teksta ili HTML koda na web stranici - CTRL+H

    Zamjena teksta ili HTML koda na web stranici - F7

    Provjerite pravopis na web stranici - SHIFT+F7

    Potražite riječ u priručniku - ESC

    Poništavanje radnje - CTRL+Z ili ALT+RAZMAKNICA

    Poništavanje zadnje radnje - CTRL+Y ili SHIFT+ALT+RAZMAKNICA

    Vratiti ili ponoviti radnju - DEL

    Uklonite web stranicu ili mapu s popisa mapa ili bilo kojeg dijaloškog okvira - RAZMAKNICA

    Pristup i korištenje pogleda - F12

    Pregledajte trenutnu stranicu u web pregledniku CTRL+PAGE DOWN ili CTRL+PAGE UP

    Kretanje između prikaza Kod, Dizajn, Split i Pogled - ALT+PAGE DOWN ili ALT+PAGE UP

    Kretanje između okna koda i dizajna u podijeljenom prikazu - ALT+F1

    Prikaz ili skrivanje popisa mapa - tipka sa strelicom GORE

    Idite do čvorova hiperveza u prikazu hiperveza - STRELICA GORE, DOLJE, LIJEVO ili DESNO

    Proširite trenutni čvor i pomaknite se udesno u prikazu hiperveza - SHIFT+STRELICA LIJEVO

    Rad s alatima za kodiranje

    Brzi uređivač oznaka - CTRL+F2

    Umetanje privremene oznake - F2

    Sljedeća privremena oznaka - SHIFT+F2

    Prethodna privremena oznaka - CTRL+G

    Idi na liniju - CTRL+L

    Automatsko dovršavanje - CTRL+ENTER

    Umetanje isječaka koda - CTRL+>

    Umetnite završnu oznaku - CTRL+<

    Umetni početnu oznaku - CTRL+ /

    Umetanje HTML bilješki - CTRL+RAZMAKNICA

    Oblikovanje teksta i odlomaka - CTRL+SHIFT+F

    Promjena fonta - CTRL+SHIFT+P

    Promjena veličine fonta - CTRL+B

    Primjena podebljanog oblikovanja - CTRL+U

    Primjena podcrtavanja - CTRL+I

    Primjena kurzivnog oblikovanja - SHIFT+TAB

    Korištenje kapaljke - CTRL+znak plus

    Primjena superskript oblikovanje - CTRL+znak minus

    Primjena indeks oblikovanje - CTRL+ SHIFT+C

    Kopiraj oblikovanje - CTRL+SHIFT+V

    Zalijepi oblikovanje - CTRL+SHIFT+Z ili CTRL+RAZMAKNICA

    Ručno uklanjanje oblikovanja - CTRL+E

    Središnje poravnanje paragrafa - CTRL+L

    Poravnajte odlomak lijevo - CTRL+R

    Poravnajte odlomak udesno - CTRL+M

    Postavljanje lijeve uvlake za odlomak - CTRL+ SHIFT+M

    Postavite desnu uvlaku za odlomak - CTRL+ SHIFT+S

    Primjena stil- CTRL+SHIFT+ N

    Primjena stila "Normalno" - CTRL+ALT+1

    Primjena stila Naslov 1 - CTRL+ALT+2

    Primjena stila Naslov 2 - CTRL+ALT+3

    Primjena stila Naslov 3 - CTRL+ALT+4

    Primjena stila Naslov 4 - CTRL+ALT+5

    Primjena stila Naslov 5 - CTRL+ALT+6

    Primjena stila Naslov 6 - CTRL+ SHIFT+L

    Uređivanje i premještanje teksta i slika - BACKSPACE

    Izbrišite jedan znak slijeva - DEL

    Brisanje jednog znaka s desne strane - CTRL+BACKSPACE

    Brisanje jedne riječi s lijeve strane - CTRL+DEL

    Izbrišite jednu riječ s desne strane - CTRL+C ili CTRL+INS

    Kopirajte tekst ili slike - CTRL+X ili SHIFT+DEL

    Rezanje odabranog teksta u međuspremnik Microsoft Officea - CTRL+V ili SHIFT+INS

    Zalijepite sadržaj međuspremnika - SHIFT+ENTER

    Umetnite prijelom retka - CTRL+SHIFT+RAZMAKNICA

    Odabir teksta i slika - SHIFT+STRELICA DESNO

    Odaberite jedan znak s desne strane - SHIFT+STRELICA LIJEVO

    Odaberite jedan znak s lijeve strane - CTRL+SHIFT+STRELICA DESNO

    Odaberite riječ do kraja - CTRL+SHIFT+STRELICA LIJEVO

    Odaberite liniju do kraja - SHIFT+HOME

    Odaberite liniju od početka - SHIFT+STRELICA GORE

    Odaberite jednu liniju na vrhu - SHIFT+STRELICA DOLJE

    Odaberite jedan redak odozdo - CTRL+SHIFT+STRELICA DOLJE

    Odaberite odlomak do kraja - CTRL+SHIFT+STRELICA GORE

    Odabir jednog zaslona odozdo - SHIFT+PAGE UP

    Odaberite jedan zaslon odozgo - CTRL+A

    Odaberite cijelu stranicu - ALT+ENTER

    Umetanje tablice - TAB

    Odabire sve ćelije u nizu kada je kursor u ćeliji.

    Stvaranje auto- Skica odabrana slika - CTRL+K

    Pristup i rad s oknom zadatka pomoći i prozorom pomoći - SHIFT+CTRL+ALT+T

    Umetanje tablice - TAB

    Odabir sadržaja sljedeće ćelije tablice - SHIFT+TAB

    Odaberite stupac kada je kursor u gornjoj ili donjoj ćeliji - CTRL +T

    Stvaranje auto- Skica odabrana slika - CTRL+K

    Možete postaviti vrstu podataka i druge opcije dopuštene za tekstualna polja i tekstualna područja. Na primjer, za prikupljanje brojeva članova ili serijskih brojeva, trebali biste dopustiti samo brojeve u tekstualnom polju i ne dopustiti nikakve druge znakove. Također možete odrediti potreban broj znakova kako posjetitelj stranice ne bi greškom propustio broj ili slovo. Možete zahtijevati da jedan radio gumb bude postavljen u grupi radio gumba.

    Na primjer, ako obrazac ima dva radio gumba, Da i Ne, a posjetitelj stranice pokuša predati obrazac bez da označi jedan od njih, pojavit će se poruka. Od posjetitelja web-mjesta možete zahtijevati da odabere stavku s padajućeg popisa, navede minimalni i maksimalni broj dopuštenih stavki i spriječi odabir prve stavke ako se radi o izjavi kao što je "Odaberite stavku". Nakon što ste postavili pravila za unos podataka, trebate odlučiti kako će obrazac obrađivati ​​rezultate. Nakon podnošenja obrasca od strane posjetitelja stranice, potrebno je prikupiti unesene podatke - rezultate obrasca možete pogledati, prikazati posjetitelju stranice ili ih na određeni način obraditi.

    Kada posjetitelj stranice podnese obrazac u pregledniku, vrijednosti svih njegovih polja su zatvorene

    I
    Poslano procesor obrasca (Procesor obrazaca. Program na poslužitelju koji se pokreće kada posjetitelj stranice pošalje obrazac. Svaki obrazac u Microsoft FrontPageu povezan je s određenim procesorom obrazaca.). Na primjer, ako je polje obrasca tekstualno polje, tada je vrijednost koja se šalje rukovatelju obrasca tekst unesen u polje. Microsoft FrontPage ima nekoliko rukovatelja obrascima koji prihvaćaju rezultate obrazaca i izvode razne operacije. Svaki put kada pošaljete obrazac, FrontPage sprema podatke u bazu podataka. Na primjer, ako koristite obrazac za prikupljanje podataka o kontaktu, možete pohraniti rezultate obrasca izravno u bazu podataka kupaca. Rezultate možete spremiti u postojeću bazu podataka ili stvoriti novu koristeći FrontPage. Svaki put kada posjetitelj stranice podnese obrazac, FrontPage dodaje rezultate u datoteku koji se mogu vidjeti sljedeći put kada se datoteka otvori. Na primjer, možete postaviti knjigu gostiju za posjetitelje stranice i odlučiti spremiti rezultate u HTML datoteku i stvoriti vezu na tu datoteku kako bi posjetitelji stranice mogli vidjeti što su drugi napisali. Ako spremite rezultate u XML datoteku, možete ih koristiti u FrontPageu ili ih izvesti u bilo koju aplikaciju koja podržava XML podatke, kao što je Office Excel 2003. Svaki put kada posjetitelj stranice podnese obrazac, automatski će biti poslana poruka e-pošte na navedenu adresu koja sadrži rezultate ovog obrasca.

    Također možete koristiti prilagođene skripte za obradu rezultata obrazaca. Proces objavljivanja web stranice uključuje kopiranje svih datoteka i mapa koje čine stranicu s izvorne lokacije na određenu lokaciju. U Microsoft FrontPageu objavljujete web mjesto kako biste ga učinili dostupnim posjetiteljima, izradili sigurnosnu kopiju web mjesta i ažurirali prethodno objavljeno web mjesto. Obično se stvaranje datoteka i mapa web stranice odvija na vašem lokalnom računalu. Jednom kada se stranica izradi, objavljuje se na Internetu ili lokalnom intranetu kako bi posjetitelji mogli pregledavati njezine web stranice pomoću web preglednika. Ponekad morate stvoriti kopiju web stranice i spremiti tu kopiju na određeno mjesto na vašem tvrdom disku ili mrežnom disku. Alat za objavljivanje Microsoft FrontPage pruža prikladan način za stvaranje ove kopije. Prilikom ažuriranja datoteka ili mapa na web stranici, FrontPage koristi posebne izraze za razlikovanje izvornih i odredišnih stranica. Lokalno web mjesto izvorno je web mjesto otvoreno u FrontPageu, a udaljeno web mjesto je odredišno web mjesto na kojem objavljujete.

    Prikaz udaljenog web-mjesta omogućuje dvosmjerno objavljivanje, što znači da možete jednostavno premještati datoteke između udaljenih i lokalnih lokacija. Ovo je najkorisnije kada ažurirate prethodno objavljeni čvor. U prikazu udaljenog web-mjesta, ploče lokalnog web-mjesta i udaljenog web-mjesta prikazuju ikone s opisima koji pokazuju status objavljivanja datoteke. U radnim okruženjima za suradnju više autora može biti odgovorno za ažuriranje lokalnih i udaljenih web stranica. Microsoft FrontPage će usporediti datoteke na lokalnoj web stranici s objavljenim datotekama na udaljenoj web stranici. Sljedeće opisuje slučajeve u kojima ćete možda morati sinkronizirati lokalne i udaljene verzije datoteka.

    Ako se na lokalnom web-mjestu pronađe novija verzija datoteke, dogodit će se sinkronizacija za ažuriranje lokalnih i udaljenih web-mjesta (osim ako ručno ne odredite druge radnje). Također možete odabrati objavljivanje s udaljenog mjesta na lokalnom mjestu. Kada sinkronizirate datoteke pomoću prikaza udaljenog mjesta, datoteke s udaljenog mjesta mogu se preuzeti na lokalno mjesto. Ako je napadač postavio datoteke na udaljeno računalo, lokalno računalo također može biti u opasnosti. Prije sinkronizacije datoteka, provjerite imaju li samo pouzdani korisnici pristup udaljenom mjestu.

    Microsoft Corporation, tvorac ovog programa, posvećena je jačanju sigurnosti vaših osobnih podataka. Da bismo to učinili, koristimo se raznim tehnologijama i postupcima za zaštitu osobnih podataka od neovlaštenog pristupa, korištenja i otkrivanja. Microsoft može prema vlastitom nahođenju ažurirati ovu izjavu o privatnosti. Svaki put kad dođe do takvog ažuriranja, mijenja se datum ažuriranja na vrhu izjave. Ažurirana izjava o privatnosti bit će uključena u sljedeći servisni paket (SP) za Microsoft Office FrontPage Resources 2003. Nastavak korištenja Microsoft Office FrontPage Resources 2003 predstavlja vaše prihvaćanje ove izjave o privatnosti i svih njezinih ažuriranja. Microsoft pozdravlja vaše komentare u vezi s ovom izjavom o privatnosti.



    reci prijateljima
    Pročitajte također