Izrada web stranica korištenjem FrontPagea. Korištenje slike kao pozadine Naslovnica koristi sliku kao pozadinu

Možete koristiti grafičku sliku kao pozadinu stranice kako biste svoju stranicu učinili privlačnijom. Ali kada birate sliku za pozadinu, morate imati na umu da se time povećava veličina datoteke, a time i vrijeme učitavanja stranice. Osim toga, pozadinska slika ne smije biti svijetla kako bi tekstualne informacije objavljene na web stranici bile vidljive na njoj.

Prilikom izrade web stranica možete koristiti grafike iz biblioteke Clip Art uključene u Microsoft Office, datoteke razvijene korištenjem grafički urednici(na primjer CorelDraw, Adobe Photoshop), a također primijenite slike dobivene skenerom. FrontPage vam omogućuje uvoz datoteka u sljedećim formatima:

JPEG (JPG)
BMP (Windows ili OS/2)
TIFF(TIF)
WMF (Windows metadatoteke)
SUN Raster (RAS)
EPS (Encapsulated Postscript)
PCX (kist)
TGA (Targa)
PCD (Kodak PhotoCD)

FrontPage prema zadanim postavkama pretvara uvezene formate koji nisu GIF i JPEG u GIF.

Ako se odlučite koristiti grafičku sliku kao pozadinu web stranice i ona je već pripremljena, tada je radi lakšeg postavljanja stavite u mapu sa slikama vaše web stranice jer će je FrontPage tamo početi tražiti. Nakon toga možete početi stvarati pozadinu stranice slijedeći ove korake:

1. Otvorite kreiranu stranicu.

2. Otvorite početna stranica duplim klikom na ploču Popis mapa(Popis mapa) u datoteci index.htm.

3. U izborniku Datoteka(Datoteka) odaberite naredbu Svojstva(Svojstva) ili odaberite naredbu kontekstnog izbornika stranice Svojstva stranice.

Svojstva stranice(Svojstva stranice) idite na karticu Pozadina(Pozadina).

5. Odaberite potvrdni okvir koji se nalazi na vrhu dijaloškog okvira Pozadinska slika(Pozadinska slika).

6. Također označite okvir Podloga(Vodeni žig). Ako je instaliran, kada se krećete po web-stranici pomoću trake za pomicanje, pozadinska se slika ne pomiče u odnosu na objekte koji se nalaze na stranici.

7. Da biste odredili naziv i lokaciju grafičke datoteke čiji će se sadržaj koristiti kao pozadina, kliknite gumb Pregled(Pretraživati). Na ekranu se otvara dijaloški okvir Odaberite pozadinska slika (Odaberite pozadinsku sliku) (Sl. 15.5), na popisu Mapa(Look in) što označava naziv otvorene web stranice.

Riža. 15.5. Dijaloški okvir za odabir grafičke slike pozadine stranice.

8. Ako ste grafičku datoteku smjestili u mapu sa slikama, otvorite je, odaberite datoteku pripremljenu za pozadinu stranice i kliknite gumb u redu.

9. Ako se niste unaprijed pobrinuli da datoteku smjestite u mape web stranice, koristite gumbe koji se nalaze lijevo u dijaloškom okviru da je potražite Odaberite pozadinsku sliku. Gumbi Časopis(Povijest), Moji dokumenti(Moj dokument) Radna površina(Stolno računalo) Favoriti(Omiljeni), Moje mrežno okruženje(Moja mrežna mjesta) omogućuju vam traženje datoteke u mapama Nedavno, Moji dokumenti, Radna površina, Favoriti I Moje mrežno okruženje, odnosno. Dugme Pronađite na Internetu(Pretraži web) pokreće preglednik za pretraživanje interneta za datoteku koja se može koristiti kao pozadina web stranice.

Nakon odabira tražene datoteke kliknite OK Odaberite pozadinu.

10. Povratak na dijaloški okvir Svojstva stranice, pritisni gumb u redu zatvoriti ga. Odabrana grafička datoteka koristit će se kao pozadina trenutne stranice.

Na sl. Slika 15.6 prikazuje web stranicu koja koristi datoteku iz Windows knjižnice kao pozadinsku sliku.

Riža. 15.6. Koristi se kao pozadina grafička slika

Možete koristiti jednu grafičku sliku na više stranica web stranice kao pozadinu postavljanjem u dijaloškom okviru Svojstva stranice potvrdni okvir Dobijte pozadinske informacije s druge stranice(Dobijte pozadinske informacije s druge stranice). U tom slučaju, ako odlučite promijeniti pozadinu, nema potrebe mijenjati je na svim stranicama koje koriste istu sliku - učinite to samo na jednoj stranici. Pogledajmo redoslijed radnji pri korištenju ove zastavice:

1. Otvorite web stranicu.

2. Otvorite svoju početnu stranicu dvostrukim klikom na ploču Popis mapa(Folder List) na naziv datoteke index.htm.

3. U izborniku Format(Format) odaberite naredbu Pozadina(Pozadina).

4. U dijaloškom okviru koji se otvori Svojstva stranice na kartici Pozadina(Pozadina) potvrdite okvire Pozadinska slika(pozadinska slika) i Podloga(Vodeni žig).

5. Pritisnite gumb Pregled koji se nalazi pored polja u koje će se smjestiti naziv grafičke datoteke.

6. U dijaloškom okviru koji se otvori Odaberite pozadinu(Odaberi pozadinsku sliku) odaberite grafičku datoteku koju želite koristiti kao pozadinu stranice i kliknite gumb u redu.

7. Pritisnite gumb u redu za zatvaranje dijaloškog okvira Svojstva stranice.

8. Web stranicu sa postavljenom pozadinskom slikom i originalnom grafičkom datotekom spremite u mapu slike.

9. Otvorite drugu stranicu web stranice u načinu za uređivanje.

10. Otvorite dijaloški okvir za ovu stranicu Svojstva stranice.

11. Na tab Pozadina potvrdni okvir (Pozadina). Dobijte pozadinske informacije s druge stranice(Dobijte pozadinske informacije s druge stranice).

12. Pritisnite gumb pored potvrdnog okvira Pregled.

13. U dijaloškom okviru koji se otvori Trenutna web stranica(Trenutni web) (Sl. 15.7) odaberite iz mape slike spremljenu web stranicu s pozadinskom grafikom i kliknite gumb u redu.

14. Pritisnite tipku u redu za zatvaranje dijaloškog okvira Svojstva stranice.

Riža. 15.7. Dijaloški okvir trenutne web stranice

Sada ako želite promijeniti pozadinska slika na svim stranicama web stranice, samo trebate slijediti ove korake:

1. Postavite novu grafiku u mapu slike Web stranica.

2. Otvorite prozor svojstava stranice koja se nalazi u mapi slike, za koji ste postavili grafičku pozadinsku sliku.

3. Promijenite pozadinsku sliku pomoću nove grafičke datoteke koja se nalazi u ovoj mapi.

4. Zatvorite prozor svojstava stranice.

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. U isto vrijeme, FrontPage se ne može nazvati rješenjem za lutke: program nudi široku funkcionalnost te razna sredstva 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. FrontPage je 2007. 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 prikaz programa Microsoft FrontPage

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

Slika desno prikazuje opći 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 pomoću HTML-a. 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.
Na 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.

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.
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.
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.
Postavili smo i posljednju ćeliju. Namijenjen je za glavni tekst, gdje možete unijeti tekst pozdrava.
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

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.
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

Prije nego što počnete raditi u FrontPageu, preporučujem da izradite mapu posebno za svoju stranicu. Može se zvati “site”, “my site”, “my super-duper site” ili, ako više volite engleski, “my site”, “site”.

Na Internetu, datoteke s ruskim nazivima, nažalost, ne rade (ali to ne znači da neće raditi na vašem računalu), pa ću, iz dugotrajne navike, koristiti zadanu mapu mjesto. I vi možete početi razvijati ovu naviku, ali to je samo na vaš zahtjev :)

Stvorenu mapu možete smjestiti bilo gdje, na pogon C, u “Moje dokumente”, na radnu površinu... u principu, nije bitno, glavno je da imate zgodno je raditi s njom.

Međutim, ne savjetujem vam da kreirate mapu izravno na radnoj površini. Put do njega (možete ga vidjeti u svojstvima mape ili u samoj mapi, naznačeno je u retku "adresa"), u ovom će slučaju biti vrlo dug. Na primjer: "C:Documents and SettingsUsersUser001desktopsite". Istina, može biti kratko, na primjer: “C:WINDOWSDesktopsite”. Sve ovisi o postavkama vašeg računala.

Ako se put ipak pokaže dugim, tada možete stvoriti mapu za web mjesto na pogonu C (ili D), tada će njegov put biti mnogo kraći: "C: site". A da biste brzo i jednostavno otvorili mapu, trebate stvoriti prečac do nje i postaviti je na bilo koje mjesto koje vam odgovara, na primjer, na istoj radnoj površini.

Zašto mariti za veličinu putanje mape? To ni na koji način neće utjecati na kvalitetu izrade web stranica, ali sam iz vlastitog iskustva naučio da je rad s mapama čiji put nije jako dug mnogo praktičniji. Primjer će koristiti sljedeću stazu do mape "C:Documents and Settingssite"

Zasebna mapa za web mjesto - stvar je izuzetno zgodna, ponekad čak i nezamjenjiv. Vaši materijali i izrađene stranice neće se nigdje izgubiti, već će tiho ležati u svojoj zasebnoj mapi.

Izrada web stranice korištenjem FrontPagea nije niti vrlo jednostavna iskusan korisnik ne bi trebalo biti teško. Na primjer, možete odabrati gotovu web stranicu, promijeniti standardne podatke u svoje, nešto dodati, nešto izbrisati i to je to, web mjesto se može postaviti na Internet. Možete izraditi novu web stranicu odabirom Datoteka(Datoteka) | Stvoriti(Novi). Desno od radnog prostora otvorit će se sljedeći prozor:

Klikom na poveznicu Ostali predlošci web stranica Vidjet ćete da postoji mnogo više različitih vrsta web stranica od jednostranih do korporativnih. Eksperimentiranja radi, možete pokušati odabrati web mjesto i izraditi web mjesto u ovom predlošku.

Ali ja zapravo ne podržavam ovaj način izrade stranice, jer FrontPage za gotovu web stranicu stvara puno nepotrebne mape. I općenito ima puno nepotrebnih stvari.

Stoga predlažem malo drugačiji pristup. Predlažem izradu web stranice s čisti list odabirom stavke u prozoru za stvaranje nove stranice Prazna stranica . Ili ne možete ništa odabrati, već jednostavno zatvoriti prozor za stvaranje nove stranice, budući da je ova stavka već odabrana prema zadanim postavkama.

I u ovom praznom prostoru počet ćemo stvarati prvu stranicu web mjesta, odnosno njegov predložak.

Ako ste više ili manje upoznati s internetom, vjerojatno ste primijetili da se mnoge stranice sastoje od tablica. Neki stolovi su jasno vidljivi, drugi su potpuno nevidljivi. To je ono što ćemo učiniti mjesto koje se sastoji od tablica.

Sada tablice kao sredstvo za stvaranje okvira postupno zastarijevaju; zamjenjuju ih raspored pomoću slojeva. Ali stolovi i dalje ostaju jednostavni i učinkovit način oblikovanje stranice. Za početak, ovo je baš kako treba.

Postoji nekoliko načina za stvaranje tablice u FrontPageu. Sada ću detaljno opisati svaki od njih, tako da kasnije možete odabrati najprikladniji za sebe. Ali budući da možete učiti samo kroz praksu, savjetujem vam da ne samo pročitate tekst u nastavku, već i da slijedite sve opisane korake.

Tako, prvi način. Na traci izbornika naredbi odaberite naredbu Stol(Tablica), au padajućem izborniku - stavku Umetnuti(Umetni) sa strelicom. Prijeđite mišem preko ove strelice i ispred vas će se otvoriti drugi padajući izbornik. Odaberite stavku Stol(Stol).

Prvi način stvaranja tablice u FrontPageu je korištenje izbornika Stol

Nakon odabira ove naredbe, pred Vama će se otvoriti prozor u kojem možete odrediti različite parametre za tablicu koja se kreira.

Koje parametre možete postaviti? U prvom području Veličina možete odabrati potrebnu količinu linije(redovi) i zvučnici(stupci).

U sljedećem području Položaj(Izgled) se može prilagoditi:

položaj tablice na stranici - za ovo u polju Poravnanje(Poravnanje) trebate odabrati jednu od sljedećih vrijednosti:

Zadano(Zadano) - tada će se tablica postaviti prema nahođenju korisničkog preglednika, najvjerojatnije na lijevom rubu;

Lijevo(Lijevo);

Desno(Pravo);

Centrirano(Centar);

udaljenost između granice ćelije i njenog sadržaja - da biste to učinili, unesite traženu vrijednost u polje Rubovi stanica(ispuna ćelija);
udaljenost između ćelija tablice - da biste to učinili, samo unesite traženu vrijednost u polje Razmak ćelija(Razdvajanje stanica);
širina tablice - obratite pažnju ako je potvrdni okvir Točna širina(Navedite širinu) se uklanja, veličina tablice ovisit će samo o njezinom sadržaju. Ako je potvrdni okvir označen, možete označiti širinu u pikselima(u pikselima) ili u postocima(u postocima). Odmah ću reći da je širinu za glavnu tablicu (koju sada stvaramo) bolje napraviti kao postotak, a zatim će se mijenjati ovisno o veličini prozora korisnika.

U području Granice(Rubnica) se može konfigurirati:

širina granica tablice - da biste to učinili, samo trebate unijeti traženu vrijednost u polje Veličina obruba(veličina ruba);
boja, svijetle i tamne strane stola

U području Pozadina(Pozadina) možete postaviti boju za pozadinu stola ili odabrati pozadinsku sliku.

Za primjer, uzmimo postavke koje sam ranije naveo. Odaberite u redu i pogledajte rezultat.

Sjajno! Sada pokušajmo upotrijebiti za usporedbu drugi način stvaranje tablice u FrontPageu. Na alatnoj traci Standard(Standardno) pronađite ikonu Dodaj tablicu(Insert Table) i kliknite na nju. Ovo će otvoriti raspored male tablice.

Brz način za izradu tablice je korištenje gumba Dodaj tablicu(Umetni tablicu)

Dok držite pritisnuto lijevi gumb Pomoću miša odaberite potreban broj redaka i stupaca. Tako su, na primjer, na slici označena dva retka i jedan stupac. Ako pomaknete miš na desni ili donji rub izgleda, on će se proširiti. Nakon što otpustite tipku miša, sama tablica će se odmah pojaviti.

Ova metoda izrade tablice mnogo je lakša i brža od prve. Postoji jedno "ali" - ovdje ne možete unaprijed odrediti parametre tablice koja se stvara. Stoga, ako ćete izraditi drugu tablicu pomoću druge metode, njezine parametre možete promijeniti tek nakon što ste je izradili.

Reći ću vam kako to učiniti malo kasnije, ali sada je više vizualno, treći put stvaranje tablice. ovo - stol za crtanje s mišem. Nećemo ga sada koristiti, ali ako ikada budete trebali izraditi složene tablice, znat ćete kako to učiniti.

Prvi korak je potpuno isti kao u prvom slučaju. U traci izbornika naredbi potrebno je odabrati naredbu Stol(Stol). Ali sljedeći korak je potpuno drugačiji. Kada odaberete tim Stol(Tablica), pred vama će se otvoriti padajući izbornik. Pogledajte pažljivo, ima dvostruku strelicu na dnu. Prijeđite mišem preko ove strelice. Sada imate cijeli popis naredbi ispred sebe.

Izbornik naredbi Stol

Ovaj put nam treba bod Nacrtajte tablicu(Tablica za crtanje). Klik. Otvorit će se sljedeći mali prozor.

Crtanje tablice sastoji se od nekoliko faza: iscrtava se vanjski pravokutni obris tablice, povlače se linije koje dijele tablicu na retke i stupce, a višak linija se briše.

Najprije provjerite je li uključen alat za crtanje tablice (trebao bi se pojaviti na svjetlijoj pozadini od ostalih gumba). Sada, kada kursor uđe u područje dokumenta, poprimit će oblik olovke.

Sada pomaknite pokazivač miša na gornji lijevi vrh predložene tablice. Zatim pritisnite i držite lijevu tipku miša, pomaknite je u donji desni kut željene tablice i otpustite tipku. Kao rezultat, pojavit će se vanjski obris tablice.

Sada, koristeći istu olovku, nacrtajte linije koje nastaju unutarnja struktura stolovi.

Pomoću alata možete ukloniti nepotrebne linije Gumica za brisanje(Brisač). Jednostavan je za korištenje. Na alatnoj traci Stol Kliknite gumb (Tablica). Gumica za brisanje(Brisač). Zatim pomaknite pokazivač miša na redak koji želite izbrisati i povucite po njemu. Izbrisane linije postat će crvene. Da biste onemogućili način rada za brisanje, kliknite gumb Gumica za brisanje(gumica) ponovno.

Koristeći ovu metodu također možete nacrtati dobru tablicu, ali vratimo se na prethodnu. Sada ćemo raditi s njom.

Prvi red možete ostaviti za naziv stranice, logo itd. Ovo će biti takozvani vrh stranice. Obično se ostavlja isti za sve stranice stranice. Sljedeći red obično sadrži tekst, slike, fotografije, jednom riječju informacije. Dobro je pri dnu ostaviti prostor za brojače koji će brojati broj posjetitelja. Tu možete napisati i ime kreatora stranice :).

Ali imamo samo dvije linije! Hoćemo li stvarno morati sve ispočetka? Ne, što si ti! Samo ćemo umetnuti još jedan red. Postoji nekoliko načina za to.

Na primjer, ako je alatna traka još uvijek otvorena Stol(Stol), nova linija možete dodati klikom na gumb Dodaj liniju(Umetni red). Ne zaboravite postaviti kursor na jedan od redaka tablice prije nego što to učinite. Novi red će se pojaviti prije retka na kojem je bio pokazivač.

Sljedeća metoda za umetanje reda također je prilično jednostavna. Za početak samo trebate odabrati jednu od postojećih linija, kliknuti desnom tipkom miša i... Ali čekajte, kako odabrati liniju? Ni ovdje nema ništa komplicirano. Jednostavno pomaknite kursor miša preko linije koju želite označiti.

Zatim pričekajte da se pretvori u strelicu i kliknite na nju.

Označena linija izgleda ovako:

A sada, bez uklanjanja odabira, desnom tipkom miša kliknite odabranu liniju. Ispred vas će se otvoriti podizbornik.

Od svih ovih nedvojbeno korisnih točaka, sada nam je potrebna samo jedna: Dodajte linije(Umetni red).

Usput, niste morali odabrati liniju, već jednostavno kliknite na nju kursorom. Ali ipak će vam trebati vještina odabira tablica, redaka i stupaca, pa se naviknite :)

Sljedeći način umetanja novih redaka u tablicu mnogo je praktičniji. A sada ćete i sami shvatiti zašto. Postavite kursor na liniju iznad (ispod) gdje ćete dodati nove retke. Zatim pogledajte našu omiljenu točku Stol(Tablica), koja se nalazi u naredbeni redak. Odaberite s padajućeg izbornika Umetnuti(Umetni) | Redovi ili stupci(Redovi ili stupci). Otvorit će se sljedeći prozor.

Vidite, na dnu prozora možete odabrati mjesto novog retka - iznad odabranog retka (iznad) ili ispod njega (ispod). Imajte na umu da prilikom korištenja prve dvije metode nismo imali takav izbor. Odredimo broj redaka, kliknemo na OK i vidimo što smo dobili.

Sada imamo tri reda. Bilo je mjesta za sve, ostalo je samo odrediti gdje ćemo smjestiti strukturu naše stranice. Jeste li već zaboravili na nju? Sada ćemo pogledati kako najlakše postaviti strukturu na stranicu - postavljanjem u drugi redak, pored sredine "informacije".

Da bismo to učinili, stvorimo još jednu tablicu s dva stupca u drugom redu. Već znamo kako napraviti novu tablicu. Štoviše, znamo tri načina za to! Koju ćemo ovaj put koristiti?

Koristimo za sada prvu, budući da moramo prilagoditi parametre tablice od samog početka. Put za izradu tablice: Stol(Tablica) | Umetnuti(Umetni) | Stol(Stol).

U prozoru koji se otvori označite jedan redak, dva stupca i širinu obruba tablice jednaku nuli. Postavite širinu tablice na 100% i kliknite OK. Cijela tablica sada izgleda ovako:

Male točkice u drugom retku ista su "nevidljiva" tablica. Točnije, sada je to jasno vidljivo, ali to je samo zato što u ovaj trenutak U modu smo za uređivanje. A kada se prebacimo u način prikaza, tablica neće biti vidljiva.

Ova “nevidljiva” ploča potrebna nam je samo za modeliranje izgleda stola, pa smo je napravili “nevidljivom”. Sada trebate umetnuti drugu tablicu u lijevi stupac. Broj redaka trebao bi biti jednak broju glavnih točaka strukture koju ste sastavili. Nema potrebe za izradom stupaca!

Jeste li već izgubili list? Zatim prenosimo nazive svih glavnih stranica (sekcija) u našu tablicu. Nije potrebno tu uključiti nazive internih stranica (podsekcija). Za unos naslova stranica u tablicu jednostavno kliknite mišem na mjesto gdje će se tekst nalaziti i upišite ga na tipkovnici.

Reći ću vam detaljnije o unosu teksta i promjeni njegovog izgleda kada stranicu napunimo informacijama.

A sada, kao što sam obećao, reći ću vam kako promijeniti parametre tablice nakon njezine izrade. Sjećate se kako smo označili red tablice? Sada moramo odabrati cijelu tablicu.

Ako ne možete odabrati tablicu "ručno", možete jednostavno slijediti put Stol(Tablica) | Izaberi(Odaberi) | Stol(Stol). Sada, bez uklanjanja odabira, desnom tipkom miša kliknite tablicu. Usput, stol uopće ne možete odabrati, ali već sam napisao da je ovo vrlo korisna vještina :)

Pojavit će se već poznati padajući izbornik. Samo ovaj put će nam trebati predmet Svojstva tablice(Svojstva tablice). Kada odaberete ovu stavku, otvorit će se prozor koji gotovo u potpunosti ponavlja prozor za umetanje. novi stol. U njemu možete promijeniti postojeće postavke u nove.

Usput, u FrontPageu okvir tablice također se može napraviti "dvostrukim", koji se sastoji od mnogo kvadrata, sa sjenom itd. Sve ovo je dostupno u gornji izbornik Format(Format) | Granice i sjenčanje(Rubnice i sjenčanje)

U prvoj kartici - Okvir(Granice) možete promijeniti izgled obruba tablice. Pogledajte moguće rezultate nakon promjene izgleda okvira tablice.

U drugoj kartici - Sjenčanje - možete postaviti pozadinsku sliku za tablicu te odabrati boju pozadine i teksta. Ali odabrati pravu boju uopće nije lako... Stoga ćemo završiti za danas, a o bojama ćemo govoriti u sljedećoj lekciji.

Ali, čekaj, što učiniti s našom umjetnošću, t.j. sa stvorenim znakovima? Sve je vrlo jednostavno. Treba ih sačuvati. Da biste to učinili, odaberite u gornjem izborniku Datoteka(Datoteka) | Spremi kao(Spremi kao). Na svom računalu pronađite mapu u koju smo se dogovorili da stavimo stranicu i u nju spremite svoj dokument pod imenom indeks.

Zašto indeks? Da, jednostavno zato što to uvijek misle početna stranica mjesto. I upravo to smo sada radili. Ako sada izlazite iz FrontPage programi, otvorite dokument koji ste spremili, vidjet ćete da je automatski spremljen kao indeks.htm. HTM - skraćenica za HTML riječi, sjećaš li se što je to?

Vrijedno je zapamtiti da su "htm" i "html" formati potpuno različite stvari. Savjetujem vam da odmah odaberete jednu stvar kako kasnije ne bi bilo problema. Ako odaberete sufiks "html", svakako ga dodajte svakoj stranici koju spremite, inače će prema zadanim postavkama biti spremljena kao "htm".

Dopustite mi da vas podsjetim da nazivi datoteka za web mjesto ne mogu biti napisani ruskim slovima. Zatim, kada svoju stranicu postavite na Internet, te se datoteke jednostavno neće otvoriti.

Još nešto o imenima. Pisanje naziva datoteka i stranica za web stranicu velikim slovom je, naravno, pohvalno, ali krajnje nezgodno. Preporučam ti sve, sve: stranice, crteže, arhive - sve piši malim slovima. Vjerujte mi, to će pomoći u izbjegavanju mnogih netočnosti u budućnosti.

Otvaranje spremljenog "indeksa"

Sada ćemo otvoriti "index" dokument koji smo krajem prethodnog dana spremili u mapu stranice. Postoji nekoliko načina za to. Pogledajmo svaki od njih, tako da kasnije možete odabrati najbolji za sebe.

Dakle, prvi način. Datoteka indeksa je internetska datoteka prema zadanim postavkama jer je u formatu htm (html). Pa ako ga otvorite dvostruki klik, bit ćete prebačeni u prozor preglednika.

Ovaj način otvaranja "indeksa" u FrontPageu je odabir naredbe s gornje naredbene linije Datoteka(Datoteka), au padajućem izborniku - Uredite u Microsoft FrontPageu(Uredite s Microsoft FrontPageom).

Ako je na jelovniku Datoteka Vi nemate takvu stavku, što znači da FrontPage nije instaliran na vašem računalu kao uređivač internet stranica. Da biste to popravili, prvo morate otvoriti sam program FrontPage, a zatim odabrati Servis | Mogućnosti. Otvorit će se sljedeći prozor:

Kako bismo ispravno radili sa web mjestom, potrebno nam je područje Urednici bio FrontPage. Ako je nema, kliknite na ikonu u gornjem desnom kutu i odaberite tamo FrontPage (otvoren kao HTML). Zatim kliknite na gumb Koristi kao zadano.

Ovo je bio prvi način otvaranja datoteke u FrontPageu, kroz prozor preglednika. No logičnije bi bilo skratiti taj put. Stoga, kako ne biste gubili vrijeme, možete bez otvaranja datoteke kliknuti desnom tipkom miša na nju i iz padajućeg izbornika odabrati Otvori pomoću... (Otvori pomoću) i na ponuđenom popisu pronađite program FrontPage.

I posljednji, treći način. Prvo je potrebno otvoriti sam program FrontPage, a nakon toga otvoriti cijelu stranicu odabirom Datoteka(Datoteka) | Otvorena web stranica(Otvoreni web). Ili, ako ste nedavno otvorili indeks, izaberite Najnovije datoteke, te u padajućem izborniku potrebna datoteka.

Naravno, nije bitno kako točno otvorite "index" stranicu u FrontPageu, glavno je da je otvorite 🙂 Čestitamo, stečena još jedna korisna vještina!

Pomoću programa Frontpage ugradite video na stranicu Nije nimalo teško. Da biste to učinili, nećete morati pretraživati Internet, preuzimati i koristiti dodatne dodatke ili skripte. U ovoj lekciji ću vam reći kako umetnuti video na web mjesto s popularnog video hostinga YouTube. To se radi jednostavno, brzo i, štoviše, besplatno.

Na YouTubeu uvijek možete pronaći mnogo besplatno dostupnih videozapisa o bilo kojoj temi i zatim ih dodati na stranice svoje web stranice.

Ili možete sami snimiti svoj video. Prenesite ga na video hosting, a zatim ga također umetnite s YouTubea na svoju web stranicu. Da biste to učinili, samo se trebate prvo registrirati na uslugu i stvoriti svoj račun.

Zašto ugrađuju videozapise na stranicu?

Prvo, ako vaša stranica osim slika, teksta i grafike sadrži i video, to će stranicu učiniti još zanimljivijom i privlačnijom. Video pomaže ljudima da bolje i jasnije razumiju bit vašeg prijedloga.

Drugo, kada posjetitelj pogleda video, on ostaje na stranici neko vrijeme i ne napušta je. A to ima vrlo dobar učinak na promociju web stranice na tražilicama.

A ponekad je nemoguće bez videa. Na primjer, domaćica je napravila web stranicu za satove pletenja i šivanja. Siguran sam da samo slike i tekst ovdje neće poslužiti. Ali ako snimite video o tome u koju petlju umetnuti iglu za pletenje i koji čvor zategnuti, a zatim dodate video na web stranicu, sve će odmah postati jasno.

Ili neko drugo tematsko mjesto. Na primjer, kako pravilno pripremiti opremu za ribolov ili kako pravilno napumpati trbušne mišiće. Kako možemo bez videa ovdje?

Kako ugraditi YouTube video na web mjesto

Ponavljam da se to radi vrlo jednostavno. HTML kod videozapisa kopira se s YouTubea i zalijepi na stranicu web stranice. Sve ovo ne traje više od 3 minute. Predlažem da to naučite pomoću naše web stranice koju smo izradili u prethodnim lekcijama. Objavimo video recenziju darovnog seta čaja "Assorted".

Odmah ću reći da nisam snimio poseban video. Čaj je stvarno bio jako ukusan i jako sam ga brzo popila. Ali nisam imao vremena snimiti video))

Zato sam na YouTubeu pronašla kratki video o ovom poklon setu. To će nam biti sasvim prikladno kao primjer i dat će nam razumijevanje principa kako se video umeće na stranice web stranice kreirane u html-u.

Dakle, idemo:

1. Idite na web stranicu www.youtube.com i u traku za pretraživanje upišite izraz " Greenfield poklon set za čaj". Ispod će se pojaviti popis videozapisa koji ispunjavaju naš zahtjev. Izabrao sam četvrti s vrha (hvala autoru što ga je stvorio). Evo izravne poveznice na njega, za svaki slučaj: http://www.youtube.com/watch?v=hNFpu3EOPAM

3. Zatim kliknite "HTML kôd"

4. Kopirajte kod

5. Otvorite našu web stranicu o čaju na Frontpageu. Da vas podsjetim da sada izgleda ovako (kliknite na link) i stavite slovo " O"preko riječi " Dostava"

6. Zatim lijevom tipkom miša odaberite slovo " O", idite na mod "S podjelom", nalazimo slovo "na vrhu koda" OKO"i također ga istaknuti

7. U kodu, umjesto slova " OKO" Zalijepite video kod koji smo kopirali (pogledajte korak 4), kliknite gumb "Konstruktor" i kliknite spremi

8. Kao rezultat svih naših manipulacija, sivi pravokutnik je umetnut na stranicu stranice. Kaže: " Ne mogu otvoriti stranicu" a zatim postoji poveznica na video s YouTubea.

10. To je sve. Video smo ugradili na našu web stranicu. Sada se na stranici osim teksta i slika nalazi i vizualizacija.

Sada kliknite na sliku kako biste otvorili stranicu u novom prozoru iu stvarnom omjeru. Tamo se možete uvjeriti da video radi.

Po mom mišljenju, ovakva video recenzija, osim teksta i slika, daje još jasniju sliku o veličini, sadržaju i kvaliteti proizvoda koji nudimo kod nas.

Stoga je video ne samo moguće, već i potrebno koristiti na svojoj web stranici. Glavna stvar je ne pretjerivati. Kako NE griješiti prilikom izrade web stranice i ostale trikove detaljno je opisano u video tečaju br. 3 koji se zove “Kako napraviti web stranicu koja se sviđa ljudima”. Visoko preporučeno.

A za opuštanje predlažem da pogledate prekrasan video.

Pitanja i odgovori

Dragi prijatelji! Ako imate pitanja, prijedloga ili odjednom nešto postane nejasno, uvijek mi možete pisati o tome. Dopustite mi da vas podsjetim da je za to napravljen poseban obrazac na web mjestu. Svakako odgovaram na svačija pisma.

S razvojem Internet pojavio se protokol za razmjenu informacija, protokol se zove HTTP (HyperText Transfer Protocol- protokol za prijenos hiperteksta).Uz ovaj protokol pojavila se usluga Svjetska mreža(često se naziva WWW ili jednostavno mreža), koji pruža široku mrežu poslužitelja HTTP prijenos datoteka putem Internet.

Glavni dio ovih datoteka su Internet stranice – posebne datoteke napisano jezikom HTML (HyperText Markup Language– jezik za označavanje hiperteksta). Internet stranice Objavljeno u Internet postavljanjem takvih datoteka na poslužitelje HTTP (web stranice). Sadržaj Internet stranice mogu biti različiti i posvećeni posve proizvoljnim temama, ali svi koriste istu osnovu - jezik HTML.
Većina ljudi koji žele izraditi vlastitu web stranicu ili stranicu poznaju jezik HTML samo po čuvenju. Stoga im program može priskočiti u pomoć Microsoft FrontPage, jedan od najpoznatijih graditelja web stranica.

FrontPage, uključen u paket aplikacije Microsoft Office, postao je prvi proizvod koji se široko koristi za Internet, koji kombinira klijentske i poslužiteljske dijelove te pruža mogućnost razvoja stranice u cjelini i instaliranja na najpopularnije poslužitelje. Naslovna strana sposoban je preuzeti sav potreban programski posao. Međutim Naslovna strana Također će postati ozbiljan pomoćnik profesionalnim programerima koji više vole imati potpunu kontrolu nad kreativnim procesom.

Prozor programa Naslovna strana 2003.

Program Naslovna strana objavila tvrtka Microsoft i izrađen je u istom stilu kao i proizvodi uključeni u paket Microsoft Office, Zato izgled program se praktički ne razlikuje od programa za obradu teksta Riječ .

Na vrhu prozora nalazi se traka izbornika i dvije alatne trake: Standard i oblikovanje. Možete omogućiti ili onemogućiti prikaz alatnih traka Pregled izbornika.
Na lijevoj strani je Prikaz ploče, s kojim možete mijenjati načine rada dokumenta.
Glavni dio prozora zauzima radno područje u kojem se može otvoriti jedan ili više prozora koji sadrže pojedinačne dokumente.
Na dnu prozora nalazi se statusna traka, koji sadrži popratne informacije. Također na dnu prozora postoje tri gumba za pregled dokumenata.
Prikaz alatnih traka.
Za upravljanje alatnim trakama u Naslovna strana možete koristiti iste metode kao u Microsoft Word. Naime:
na jelovniku Pogled treba izabrati Stavka alatne trake, au novom podizborniku koji se otvori - instaliraj potvrdne okvire nasuprot alatnim trakama koje su vam potrebne; ili kliknite desni klik iz bilo kojeg razloga upravljačke ploče(ili u području pored njega) i koristite kontekstni izbornik na isti način.

Naslovna strana, kao i druge aplikacije Microsoft Office, omogućuje vam dodavanje, brisanje i preuređivanje stavki izbornika i gumba na alatnim trakama. Također je moguće izraditi potpuno vlastite panele.
Da biste to učinili potrebno vam je:

U Servisni izbornik izabrati stavka Postavke…
ili
V Pregled izbornika izabrati Stavka alatne trake, au kaskadnom izborniku koji se pojavi - stavka Postavke…
Kao rezultat vaših radnji otvorit će se dijaloški okvir postavke, gdje možete instalirati potrebne ploče.

Stvorite novi Internet stranice.

Ako ste počeli Naslovna strana, znači novo Web stranica već ste stvorili (pri pokretanju Naslovna strana odmah se otvori novi prazan Web stranica, spreman za postavljanje teksta i drugih elemenata).
Stvorite novi Web stranica To možete učiniti na druge načine:

Pomoću gumba Nova stranica na Standardna ploča alata.
Izbornik datoteka odaberite podizbornik Stvoriti, i onda - Stranica ili Web stranica;
pomoću kombinacija Ctrl+N;
pomoću kontekstni izbornik(radi u svim modovima osim Zadaci i izvješća) - za ovo unutra Popis mapa dano mreža) trebate kliknuti desnom tipkom miša i u pojavi se kontekstni izbornik odaberite stavku Izradi  stranicu.

Izrada stranica pomoću čarobnjaka i predložaka.

Kao što je gore spomenuto, ako ste koristili izbornik za stvaranje nove stranice Datoteka  Nova  Stranica ili web stranica, To Naslovna strana zatražit će vas da upotrijebite predložak za izradu nove stranice.
Da biste to učinili, otvorit će se dijaloški okvir čiji je izgled prikazan u nastavku:

Na kartici Su česti Ovaj dijaloški okvir prikazuje popis predložaka Naslovna strana Trenutno dostupan. Odabirom bilo kojeg od predložaka možete vidjeti njegov opis u Polje uzorka.
Stvaranje FrontPage Web.
Microsoft FrontPage Web- ovo je set Internet stranice, slikovne datoteke i druge komponente koje se mogu promatrati kao cjelina.
Ako napravite web stranicu u Naslovna strana, tada je najprikladniji način pohranjivanja korištenje FrontPage Web.
najvažniji plus je mogućnost preimenovanja datoteka uključenih u FrontPage Web.
Zamislite to prije objavljivanja svoje stranice u Internet Odjednom ste primijetili da je nekoliko vaših datoteka nazvano ruskim nazivima. - "Sada ćete morati proći kroz sve datoteke i promijeniti veze ručno!" duamete you. Ovdje će pomoći FrontPage Web- možete sigurno preimenovati datoteke i Naslovna strana samostalno će proći kroz sve ostale datoteke uključene u FrontPage Web i preimenovat će sve veze na datoteku koju ste ispravili.
Neću opisivati sve ostale prednosti, ali bih želio reći da iskoristite sve mogućnosti Naslovna strana, onda je bolje koristiti FrontPage Web.
Dakle, za stvaranje novog FrontPage Web kliknite na strelicu koja se nalazi lijevo od gumba Nova stranica na alatnoj traci i odaberite stavku u padajućem izborniku koji se pojavi Web stranica…

Otvaranje web stranica.

Vrlo često, prilikom izrade web stranice, morate urediti već napravljenu Internet stranice. Možete se vraćati na istu stranicu koliko god puta želite da je uredite ili upotrijebite njezine dijelove za stvaranje novih. Internet stranice.

Otvorite postojeći Web stranica moguće u bilo kojem od postojećih načina.

Iz moda Prikazi stranice Postoje četiri načina za otvaranje postojeće stranice:

1 način

Ako radite sa FrontPage Web, zatim jednostavno odaberite željenu datoteku Popis mapa i dvaput kliknite na njega mišem.

Metoda 2

U izborniku File odaberite Najnovije datoteke. Iz kaskadnog izbornika koji se pojavi odaberite željenu datoteku.

3 načina

Korištenje dijaloškog okvira za otvaranje datoteke: Datoteka  Otvori.

Pregled.

Da biste vidjeli kako vaša stranica izgleda izravno u pregledniku, možete koristiti karticu Pregled u načinu uređivanja Internet stranice. Ali u ovom slučaju može se ispostaviti da preglednik Naslovna strana neće prikazati neke elemente vašeg stranice, pa je najbolje da:
koristite gumb na alatnoj traci
ili u Izbornik datoteka odaberite stavku Pregled r u pregledniku.

Ako ste koristili prvu metodu, sadržaj vaše stranice bit će prikazan u ugrađenom pregledniku Naslovna strana.
Ako ste koristili drugu metodu, onda Naslovna strana prikazat će dijaloški okvir Pogledaj u pregledniku...

Ovdje možete:
Odaberite preglednik u kojem želite pregledati svoje Web stranica. Obično se u početku prikazuje ovdje preglednik, koji je prema zadanim postavkama instaliran na vašem računalu.
Dodajte bilo koji drugi preglednik za koji trebate koristiti gumb Dodati.
Uredite ili uklonite instalirane preglednike.
Postavite veličinu zaslona na kojem je vaš Web stranica

Očuvanje Internet stranice.

Zadano Naslovna strana umjesto imena stranice uzima prvi red teksta iz vašeg stranice. To nije uvijek ono što je potrebno. Možete promijeniti naslov stranice koristeći Promjena gumba- klikom na ovaj gumb otvara se dijaloški okvir Naslov stranice, u kojem možete promijeniti ime stranice.

Uklanjanje Internet stranice.

Prilikom rada sa Web stranica prije ili kasnije dogodit će se da vam neke stranice više ne trebaju i poželjet ćete ih izbrisati.

Postoje tri načina uklanjanja Internet stranice.

1 način

U ploči Popis mapa odaberite datoteku koju želite izbrisati i kliknite gumb Izbrisati na tipkovnici.

Metoda 2

U ploči Popis mapa desni klik na datoteka(ili ikona datoteka), koju je potrebno izbrisati i u kontekstnom izborniku koji se pojavi odaberite stavku Izbrisati.

3 načina

U Ploča popisa mape odaberite datoteku koju želite izbrisati i zatim odaberite Izbriši iz izbornika Uredi.

Rad s tekstom.

Na prvi pogled unos teksta u Naslovna strana ne razlikuje se od unosa teksta u bilo koji uređivač teksta(na primjer, u Microsoft Word).
Za upisivanje teksta jednostavno kliknite mišem bilo gdje na stranici i kursor će se postaviti na najbližu točku gdje se može unijeti tekst.
Upisivanje velikih slova, uređivanje teksta (brisanje znakova, umetanje teksta itd.) vrši se potpuno isto kao u Microsoft Word.
Postoji samo jedno malo ALI: kada pritisnete Unesite tipke u Naslovna strana Kursor se prisilno pomakne u novi red, dok se fiksne uvlake odlomka postavljaju prije i iza odlomka.
Ako ne trebate stvarati odlomke, najbolje je koristiti tipkovni prečac za prijelaz na novi redak Shift +Enter.

Rad sa slikama.

Grafički oblikuje u mreža.

Sve računalne slike, svi formati za njihovo pohranjivanje (i, posljedično, svi programi za njihovu obradu) podijeljeni su u dvije velike klase - vektor i raster. Vektorska slika sastoji se od objekata - geometrijskih oblika sastavljenih od ravnih linija, lukova, kružnica i Bezierovih krivulja. Prednosti vektorska grafika puno. Sa stajališta dizajnera, njegova najvažnija prednost je to što se vektorska grafika može "vrtjeti" kako želite, bez straha da ćete "probušiti rupu" u slici ili izgubiti neke informacije. Još jedna prednost je mala veličina datoteka (u usporedbi s rasterskim slikama) i neovisnost o razlučivosti izlaznih uređaja (bilo da se radi o pisaču ili zaslonu monitora). Ovi čimbenici učinili su vektorska grafika vjerojatni kandidat za upotrebu u Internet. Istina je da u ovom trenutku vrijedi spomenuti Vektorska grafika ne javlja onoliko često koliko bismo željeli.
Međutim, među stvarno korištenim vektorskim formatima, želio bih primijetiti format Shockwave Flash Macromedia. Za pregled ovog formata u preglednik trebam dodatak ( uključiti), koje tvrtka besplatno distribuira Macromedia. Danas postoje i stranice izrađene u potpunosti korištenjem ove tehnologije i stranice koje se koriste Flash format samo djelomično.
Rasterska reprezentacija grafike temelji se na konceptu rastera. Raster je zbirka objekata (u ovom slučaju piksela) smještenih u identične retke i stupce. Oni. rasterski računalna datoteka može se zamisliti kao zbirka malih obojenih ili sivih kvadrata koji čine mozaik slike. Jer veličina ovih kvadrata je očito mala, nego pri gledanju rasterska grafika ti se kvadrati stapaju jedni s drugima, tvoreći kontinuiranu promjenu boja.

Format za pohranu rasterske slike ima svoje prednosti i nedostatke. Jedna od velikih prednosti rasterske grafike je mogućnost rada s polutonovima, tj. sposobnost prenošenja slike točno onako kako izgleda u stvarnom životu. Ali među nedostacima, glavni problem je veličina datoteke. Prirodno nego više piksela dodijeljena za formiranje Slike, veća je kvaliteta odaslanog Slike, ali će veličina datoteke time biti veća.
Ako se sada vratimo na preglednike, onda možemo reći sljedeće: većina preglednika može prikazati bez problema grafičke datotekečetiri formata (* .gif, *.jpg, *.png, *.bmp), od kojih je trenutno najbolje koristiti dva - * .gif i *.jpg. Pa čak i tada nakon preliminarne optimizacije.
Umetanje slika na Web stranica.
Umetnite sliku u svoj Web stranica može se napraviti na više načina:
1. Povucite sliku iz Windows Explorer (odnosno izravno iz explorera).
2. Povucite sliku iz Internet Explorer.
3. Povucite slikovnu datoteku s ploče Popis mapa, ravno na stranicu.
4. Sa međuspremnik- kopirajte sliku u međuspremnik iz bilo kojeg drugog programa, a zatim je zalijepite iz međuspremnika na stranicu.
5. Sa Dodajte gumbe crtanje iz datoteke na alatnoj traci Standard.
6. Korištenje izbornika Umetni  Slika.
Pogledajmo ove metode detaljnije:
Metoda 1
Windows Explorer(tj. izravno iz Explorera) trebate:
u Naslovna strana
otvoriti prozor istraživača;
u prozoru Explorera odaberite datoteku sa slikom koju želite umetnuti na svoju stranicu;
lijevu tipku miša i povucite slikovnu datoteku na svoju Web stranica Slika se umeće na mjesto na kojem je bio kursor za umetanje na stranici.
Metoda 2
Za povlačenje slike iz Internet Explorer potrebno:
u Naslovna strana otvorite stranicu na koju želite dodati sliku;
V preglednik otvorite sliku koju želite staviti na svoj Web stranica preglednik Naziv datoteke mora završavati s jpg, jpeg, gif);
Lijevom tipkom miša povucite odabranu sliku na svoju Web stranica;
Metoda 3
Da bi povuci i ispusti datoteku sa slikom s ploče Popis mape, izravno na stranicu koja vam je potrebna:
u Naslovna strana otvorite stranicu na koju želite dodati slika;
odaberite potrebnu slikovnu datoteku na ploči Popis mapa;
lijevom tipkom miša povucite odabranu sliku na svoju Web stranica;
odabrana slika će biti umetnuta na mjesto gdje se na stranici nalazio kursor za umetanje.
Metoda 4
Za umetanje slike u vaš Web stranica koristeći međuspremnik, trebate:
u aplikaciji iz koje želite kopirati sliku odaberite sliku i koristite tipke Ctrl+C kopirajte sliku u međuspremnik;
na tvoj Web stranica zalijepite ovu sliku iz međuspremnika pomoću tipkovničkih prečaca Ctrl+V
Metoda 5
Web stranica odlučite koristiti gumb Dodajte sliku iz datoteke na alatnoj traci Standard, To Naslovna strana otvorit će dijaloški okvir Crtanje.
U ovom dijaloškom okviru navedite slikovnu datoteku koju želite dodati svojoj Web stranica i pritisnite tipku Umetnuti.

Metoda 6
Ako želite umetnuti sliku u svoj Web stranica odlučite koristiti jelovnik Umetni  Crtež, To Naslovna strana zatražit će od vas da napravite daljnje izbore:

Slike... – odabir te stavke izbornika daje vam mogućnost korištenja gotove biblioteke slika.
Iz datoteke... – odabir ove stavke izbornika daje vam mogućnost da samostalno označite lokaciju slikovne datoteke koju želite dodati svojoj Web stranica(upotrebom ove stavke otvorit će se dijaloški okvir Crtanje, rad s kojim je gore opisan).
Napravite zbirku fotografija... - pomoću ove stavke izbornika možete stvoriti kolekciju slika u određenom stilu. Za ovo u prozoru koji se otvori Svojstva zbirke fotografija pomoću gumba Dodati na kartici Crteži odaberite slike i na kartici Izgled odaberite format dizajna.
Dodavanje medijskih datoteka.

Uz jednostavnu grafiku, kao što su slike u * .gif, *.jpg, *.png itd. Naslovna strana omogućuje vam objavljivanje na svom Internet stranice medijske datoteke. Tu spadaju: video zapisi, zvukovi...

Da biste umetnuli video isječak, morate Umetni izbornik odaberite stavku Crtanje, i onda Snimanje videa...

Otvorit će se dijaloški okvir. Video prozor, prikazat će videoisječke u * .avi, *.asf, *.ram, *.ra.

Dodaj zvuk u Web stranica možete pronaći na kartici Općenito dijaloškog okvira. Svojstva stranice.

Rad s tablicama.

Stol- jedan od naj moćni alati koristi se za izradu web stranica.
U početku stolovi korišteni su samo za predstavljanje strukturiranih podataka. Međutim, postupno su se pretvorili u moćne univerzalni lijek za raspored Internet stranice.

Izrada tablica

Najlakši način stvaranje tablice– koristite gumb Dodaj tablicu koji se nalazi na alatnoj traci Standard.
Drugi način je korištenje predmeta izbornik Tablica  Umetanje  Tablica.
I stol može se nacrtati i zalijepiti pomoću međuspremnika.

Unos podataka i navigacija tablicom.

Jedna od sjajnih stvari kod tablica je da je tekst koji unesete oblikovan unutar ćelije na isti način na koji smo ga navikli oblikovati u cijelom dokumentu. Tekst postavljen u ćeliju automatski se prelama u novi redak ako njegova duljina premašuje širinu stupca. Kada pritisnete tipku Unesi, kao i obično, umetnut je novi odlomak. Tekst ili brojevi se u tablicu unose s tipkovnice.

Prije unosa podataka u stol, trebate postaviti kursor teksta u željenu ćeliju stolovi. To se može učiniti klikom na njega mišem.

Međutim, prikladnije je koristiti kombinacije tipki za kretanje između ćelija:
Tipkovnički prečaci: Akcija:

tab bilo gdje u tablici, osim na kraju posljednjeg retka, idite na susjednu ćeliju i odaberite njezin sadržaj
tab na kraju posljednjeg retka dodajte novi redak na dno tablice
Shift+Tab idite na prethodnu ćeliju i označite njezin sadržaj
Unesi započeti novi odlomak
Unesi na početku prve ćelije dodajte tekst ispred tablice na početku dokumenta

Izrada i primjena obrazaca.

Obrasci predstavljati tekstualna polja, radio gumbi, potvrdni okviri, gumbi i mnoge druge kontrole. Posjetitelj stranice samo treba unijeti neke podatke u jedno ili drugo tekstualno polje, odabrati neke podatke s predloženog popisa, kliknuti na gumb Pošalji kako bi se podaci poslali na Web poslužitelj za obradu (ili obrađeni odmah na stranici).

Upoznajmo vas - ispunite sljedeća polja:
Tvoje ime:

Tvoje prezime:

Vaš datum rođenja: godina mjesec dan

Hvala vam! A sad – idemo!
1. Mali, ali okretan.
Gdje god se nađe, on zapovijeda.
Ući će u šator -
Junak će se prevrnuti.
Tko je to?
Muha Buha Hirovito dijete
2. Sjedi izbuljenih očiju,
Govori francuski
Skače kao buha
Pliva kao čovjek.
O kome govorimo?
Mačka Žaba Papiga

3. Što diše tuljan kad zaroni pod led?

4. Zašto velike kornjače plaču?

5. Kakvu odjeću može nositi haringa?
Krzneni prsluk
6. Koga nazivaju “riječnim konjem”?
Vidra Nilski konj Krokodil

7. Koje ptice ne izlegu svoje piliće?

8. Koje ptice ne mogu letjeti?

Ako trebate odabrati nekoliko odgovora, pritisnite i ne puštajte tipku Ctrl i kliknite lijevom tipkom miša na željeni odgovor

Ali stvaranje formi na samom stranica to je samo pola posla. Budući da mora postojati program koji može obraditi podatke koje korisnik unese pomoću obrazaca.
Takav program može se nalaziti na poslužitelju; možda je u vašem Web stranica u obliku zasebne datoteke ili se jednostavno može napisati u kodu html na tvoj Web stranica.
Ona je ta koja određuje što će se dogoditi s podacima koje unese korisnik:

informacija može se dodati u bazu podataka i na temelju toga graditi razne grafikone, ocjene...;
informacija može se proslijediti putem e-pošta(ovo se često koristi za dobivanje podataka o korisniku u raznim vrstama upitnika);
informacija možete obraditi na licu mjesta i posjetitelj vaše stranice će odmah dobiti povratnu informaciju (npr. dobit će bodove za test, vidjeti podatke koje je upisao u knjigu gostiju...).

U vezi oblicima Postoji nekoliko osnovnih pravila:

1. Svaki oblik zauzima određeno područje Internet stranice. Na jedan Web stranica može se nalaziti jedan ili više oblika.
2. Svaki obrazac mora sadržavati barem jedan od elemenata obrasca (iako ih je u pravilu više).
3.Svaki element oblicima ima ime i značenje. Naziv označava polje za unos podataka, a vrijednost je jednaka vrijednosti koju korisnik odabere.
4. Jedan od elemenata obrasca (to može biti obični gumb ili bilo koja slika) mora obavljati funkciju gumba Poslati.

Izrada obrazaca u Naslovna strana.
Za dodavanje obrasca u Web stranica, potrebno:

Postavite pokazivač na mjesto na koje želite zalijepiti oblik.
U Umetni izbornik izabrati stavka Obrazac, u izborniku koji se otvori ponovno odaberite stavka Obrazac. Oblik bit će postavljen na vaš Web stranica- područje označeno točkastim okvirom pojavit će se s dva gumba: Pošalji i poništi.
Koristeći istu točku izbornik Insert  Form redom umetnite potrebne elemente oblicima odabirom iz padajućeg kaskadnog izbornika (ne zaboravite da su svi elementi obrasca umetnuti unutar područja obrasca označenog točkastim okvirom).
Nakon oblik stvoren, preostaje ga samo ispuniti sadržajem – elementima oblicima, tekst, slike, tabele... (sa dimenzijama oblicima promijenit će se automatski).
Dodajte sadržaj oblicima može se obaviti na uobičajeni način. Na primjer, tekst se može upisati ili zalijepiti iz međuspremnika... Sve akcije s dodanim objektima su slične.
Međutim stvaranje forme- ovo je tek početak rada. Nakon što ga izradite, morate konfigurirati svojstva kao oblicima, i njegovi elementi.

Postavljanje svojstava forme.

Za obradu ili pohranu podataka koje su unijeli posjetitelji Internet stranice, morate ili iskoristiti pružene prilike FrontPage poslužiteljska proširenja, ili neki drugi program koji radi Web poslužitelj.
No bez obzira koji program odaberete, svejedno ćete morati konfigurirati svojstva obrasca i elemenata u njemu.
Da biste otvorili prozor svojstava obrasca, trebate:
V Umetni izbornik izabrati stavka Obrazac, i onda -
ili
Pozovite kontekstni izbornik za obrazac i odaberite stavku u kontekstnom izborniku koji se otvori Svojstva forme.
Kao rezultat, otvorit će se dijaloški okvir Svojstva forme.

1. B Spremi polje rezultati moraju naznačiti što će trebati učiniti s unesenim podacima oblik. Možete odabrati sljedeće opcije:
o Slanje naziva datoteke- podaci će biti smješteni u navedenu datoteku na Web poslužitelj. Ova datoteka može biti Web stranica, koja će s vremenom postajati sve duža i duža, ili podatkovnu datoteku u koju se zatim može obraditi Excel, Access ili bilo koji drugi program;
o Adresa za slanje pošte- u ovom slučaju svaki put kada posjetitelj klikne Internet stranice Pošalji na gumbe oblik e-mail će biti generiran i poslan na adresu koju ste naveli. Ova poruka će sadržavati sve podatke koje je korisnik unio na Web stranica.
o U bazi podataka- u ovom slučaju podaci oblicima bit će poslani u bazu podataka. Baza mora biti uključena Web poslužitelj(ili mu biti na raspolaganju).
2. B Polje svojstava obrazac, morate navesti naziv obrasca
Načini gledanja Naslovna strana.
Naslovna strana Nudi šest različitih načina za gledanje sadržaja Web stranica:

Stranica,
mape,
Izvještaji,
prijelazi,
hiperveze,
Zadaci.
Za odabir željeni način rada možeš koristiti Ploča s prikazima nalazi se na lijevoj strani ekrana ili u izborniku Pogled na alatnoj traci Standard odaberite odgovarajuću stavku izbornika.

Stranica
U ovom načinu rada možete stvarati i uređivati Internet stranice. Ovdje možete stvoriti prazan Internet stranice i stranice temeljene na predlošcima dodjeljuju teme (skup stilova za predstavljanje stranice na zaslonu) stranicama. U ovom načinu rada možete dodavati i oblikovati tekst, dizajn stranice korištenje grafičkih i video slika (podržava konverziju brojnih grafičkih formata u * .gif, *.jpg i *.png), dodajte audio na stranicu, predstavite informacije u tablicama, okvirima i obrascima i na kraju stvorite hiperveze. Ovo nije potpuni popis mogućnosti. Naslovna strana o uređivanju sadržaja Internet stranice.
mape
U ovom načinu rada možete vidjeti strukturu Web stranica(datoteke i mape) i njime upravljajte na isti način kao što to radite u Windows, ovaj način rada omogućuje dobivanje više pojedinosti o datotekama i mapama nego u načinu prikaza Stranica.
Izvještaji
Pruža vam više od desetak izvješća koja sadrže razne informacije o Web stranica, otvoren u Naslovna strana.
Prijelazi
Dizajnirano za pregled hijerarhije stranice. U ovom načinu rada možete manipulirati hijerarhijom povlačenjem pravokutnika (svaki predstavlja određeni Web stranica).
Hiperveze
Demonstrira sustav hiperveza koje međusobno povezuju stranice Web stranica(kao i sustav hiperlinkova na druge čvorove), osigurava njihovu provjeru integriteta i mogućnost izmjene.
Zadaci
Ovaj način je dizajniran za upravljanje zadacima Web stranica(dodavanje, brisanje, izvršavanje, postavljanje prioriteta izvršenja i praćenje statusa zadataka).

Preuzmite besplatno Naslovna strana možete koristiti sljedeći link:

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html