FrontPage 2003

Microsoft Office FrontPage 2003 pamokos

2011-07-14T11:22:00.000-07:00

Programa skirta išmokti kurti tinklapių pagrindus su "Microsoft Office FrontPage 2003". Visą programą sudaro 4 pamokos. Programa yra lengvai naudojama, nes kiekvienas ėjimas yra aprašomas ką reikia daryti. Meniu juostoje ir kituose vietose yra pažymima funkcija kontūru, kad būtų lengviau rasti. Įdėtos video pamokos sudėtingesnėse tinklapio kūrimo vietose. Programos naudojimui kompiuterio ekrano skyra turi būti 1024 x 768 pikselių. Jei tokia nėra tai rodys sumažintą programos vaizdą ir dešinėje pusėje bus pilka juosta.

Pamokas sudaro:

Pati pradžia
Navigacijos įvedimas
Temos pritaikymas ir mygtukų pasirinkimas
Šablono kūrimas

Parsisiųsti programą.

ATSISIŲSTA VIRŠ 800

Teksto formatavimas

2010-05-25T13:32:00.000-07:00

Perkeliant tekstą iš kitų programų (pvz., MS Word) gali iškilti problemų. Dažnai perkeltame tekste lieka nereikalingos formatavimo informacijos bei kitokių „šiukšlių”.
Galimi du teksto perkėlimo būdai:

Iš pradžių tekstą nukopijuokite į Notepad programą (ar kokį kitą paprasto teksto (plain text) redaktorių), po to kopijuokite tekstą į FrontPage.
Perkelkite tekstą į FrontPage, jį pažymėkite ir įvykdykite komandą Remove Formatting » Format. Ji ne visada suveikia, o gudrybė su Notepad dar niekada nėra apvylusi.

Pastraipų ribos šiame redaktoriuje bus matomos, jei priemonių juostoje nuspausite atitinkamą piktogramą .

Teksto formatavimui galima išsikviesti dialogo langą, pasirinkus Format » Font:

Font kortelėje galima nustatyti tokias teksto savybes:

Font - šrifto parinkimas;
Font style - šrifto stiliaus parinkimas;
Size - šrifto dydžio parinkimas;
Color - teksto spalvos parinkimas;
Effects - specialių efektų pritaikymas formatuojamam tekstui;
Preview dalyje galima matyti kaip atrodys tekstas po įvairių savybių parinkimo.

Nuotraukos ar vaizdo bylos į dokumentą įterpiamas

2010-05-25T13:28:00.000-07:00

įterpiant nuotrauką - Insert » Picture » From File;
o vaizdo bylai - Insert » Picture » Video.

Įterpus nuotrauką ar vaizdo bylą, galima nustatyti jų parametrus. Parametrų dialogo langas iškviečiamas pažymėjus nuotrauką ir vietiniame meniu, kuris atsiranda paspaudus dešinį pelės klavišą, pasirinkti Picture properties.

Kortelėje General galima nustatyti tokius parametrus:

Picture: - nuotraukos adresas;
Picture File Type - galima konvertuoti nuotraukos formatą į JPEG, GIF ar PNG;
Alternative representation: Low-Res - mažos rezoliucijos nuotraukos adresas. Ši nuotrauka atsidarys pirmiausiai;
Text - galima nurodyti tekstą, aprašantį nuotrauką. Šie būdai naudojami pranešti naršytojams, kurie negali pamatyti nuotraukos, apie ką ta nuotrauka;
Nuotrauką galima panaudoti kaip nuorodą į kitą dokumentą. Tam tik reikia laukelyje Default hyperlink Location nurodyti dokumento adresą.

Video kortelė naudojama nustatyti vaizdo bylos parametrus:

Šioje kortelėje matome: Video source - vaizdo bylos adresas;
Jei uždėsime varnelę prie Show controls in Browser - naršyklėje prie vaizdo matysis vaizdo grotuvo valdymo mygtukai;
Repeat dalyje galima nustatyti vaizdo bylų kartojimų skaičių - Loop, pauzės tarp kartojimųsi trukmę milisekundėmis - Loop delay. Jei norite, kad vaizdo rodymas kartotųsi visą laiką, pažymėkite varnelę Forever.
Start dalyje galima nurodyti kada pradėti rodyti vaizdą: jei pažymėsite varnelę On mouse over - vaizdas bus pradėtas rodyti, kai pelės žymeklis bus virš vaizdo; jei pažymėsite varnelę On file open - vaizdas bus pradėtas rodyti iš karto, kai dokumentas bus užkrautas.

Appearance kortelėje galima nustatyti:

Layout » Alignment – grafinio elemento pozicija teksto atžvilgiu;
Border thickness – grafinio elemento rėmeliai, 0 – rėmelių nėra;
Horizontal spacing, vertical spacing – tuščia vieta aplink grafinį elementą;
Specify size – grafinio elemento dydis. Pažymėjus dydį, išvedant puslapį, grafiniam elementui iš pradžių rezerevuojama tik vieta, išvedamas po elemento einantis tekstas, o elementas į ekraną bus išvedamas vėliausiai.;
Keep aspect ratio – išlaikyti grafinio elemento proporcijas

Paveikslėlių redagavimas

2010-05-25T13:11:00.000-07:00

Norint pakeisti paveikslėlio dydį, jį reikia pažymėti ir pele tempti už atsiradusio rėmelio kampuose ar kraštinėse esančių mazgų iki reikiamo dydžio.

Front Page paveikslėliams redaguoti skirtas komandų mygtukų rinkinys Pictures:

- terpti paveiksliuką;

- įterpti tekstą;

- įterpti nuorodą;

- keisti padėtį;

- keisti orientaciją;

- keisti kontrastą;

- keisti ryškumą;

- apkarpyti paveikslėlį ;

- nustatyti permatomą spalvą;

- pilkumo lygiai;

- sukurti mygtuką įterptam tekstui;

- pakeisti dydį;

- pažymėti;

- nuorodos laukeliui sukurti;

- grąžinti pradinį vaizdą.

Nuorodos mygtukas su efektais

2010-05-25T13:08:00.000-07:00

Mygtuką sukursite meniu komandą Insert » Web Component.., Interactive Button

Hover Button Properties lange nustatoma mygtuko spalva ir efektai.

Žymių sukūrimas ir naudojamas

2010-05-25T13:06:00.000-07:00

Jei norite sukurti nuorodas į atskiras puslapio vietas, pirmiausiai sukurkite žymes toms vietom pažymėti. Meniu komanda Insert » Bookmark... laukelyje Bookmark name: įrašykite žymės pavadinimą. Puslapio peržiūros režime atsiranda ženklas.
Nuoroda į pažymėtą puslapio vietą sukursite iškvietę kortelę Create Hyperlink:

paspaudę Bookmark... nurodę puslapio adresą ir vardą (gali būti tas pats arba kitas puslapis), sąraše parinkę žymę ir paspaudę mygtuką OK.

Nuorodų keitimas

2010-05-25T13:04:00.000-07:00

Spragtelėkite nuorodą ir vietiniame meniu sužadinkite komandą Hyperlink Properties...
Kortelėje Edit Hyperlink, pakeiskite nuorodų adresus ir spauskite mygtuką OK.

Nuorodų sukūrimas ant paveikslėlio

2010-05-25T13:02:00.000-07:00

pažymėkite paveikslėlį;
atsiradusiame komandų mygtukų rinkinyje Pictures paspauskite atitinkamą mygtuką: stačiakampiam, elipsės arba laužtės formos nuorodos laukui sukurti:

atsiradusioje kortelėje Insert Hyperlink nurodykite puslapį ar dokumentą ir paspauskite OK;
taip sukurkite visus paveikslėlio nuorodų laukelius.

Jei paveikslėlis labai margas, sunku įžiūrėti nuorodų laukelius, spragtelėkite mygtuką – puslapyje matysite tik paveikslėlio nuorodų laukelių žemėlapį.

Nuorodos sukūrimas

2010-05-25T13:00:00.000-07:00

Nuorodai puslapyje sukurti pažymėkite tekstą arba paveikslėlį, kurį ruošiatės paversti nuoroda, ir paspauskite arba meniu pasirinkite Insert » Hyperlink.

Kortelės Insert Hyperlink laukelyje Address nurodykite nuorodos šaltinį.

Nuoroda gali būti į tos pačios svetainės dokumentą, į kitos svetainės dokumentą, kompiuteryje saugomą bylą, elektroninio pašto adresą ar naują puslapį.

Horizontali linija

2010-05-25T12:47:00.000-07:00

FrontPage pasirinkite meniu punktą Insert » Horizontal Line.

Linija naudojama puslapio dalims atskirti ar kaip dekoratyvinis elementas.

Galima nurodyti ilgį taškais (pixels) arba procentais, taip pat lygiuoti į kairę, į dešinę, centruoti.

Taip pat galima nurodyti linijos storį taškais (pvz., 10 taškų storio linija):

Paspaudę dešinįjį pelės klavišą ant šios linijos galėsite nurodyti jos ilgį, storį, spalvą, lygiaviavimą.

Teksto efektai

2010-05-25T12:36:00.000-07:00

Slenkantį tekstą galima įkelti pasirinkus Insert » Web Component » Dynamic Effects » Marquee... .

Stovi tiltas, teka upė, ant to tilto varna tupi... Tegul tupi, kas tau rūpi... Stovi tilas, teka upė...

Teksto judėjimo uždelsimą nurodykite Delay.

Greitį taškų skaičiumi, kurio tuo pat metu persislenka tekstas - Amount.

Teksto judėjimo pobūdį nurodykite perjungdami jungiklius:

Scroll - tekstas perslinks puslapiu ir dings;

Labas rytas

Slide - perslinkęs tekstas pasiliks ekrane;

Iki pasimatymo..

Alternate - tekstas slinks nuo vieno puslapio krašto iki kito, paskui atgal.

Labanakt

Jei norite, kad tekstas slinktų be perstojo, įjunkite Continuously.

Išjungus šį jungiklį, laukelyje Times galima nurodyti pasikartojimo skaičių.

Teksto foną galima keisti Background color.

Pažiūrėti, kaip slenkantis tekstas atrodys naršyklės lange galima Preview režime.

Pilną dinaminių efektų sąrašą rasite Format » Dynamic HTML Effects.

Atsivėrusiame lange parinkite kada efektas bus matomas:

Click - nuspaudus pelę;
Double click - po dvigubo pelės paspaudimo;
Mouse over – užėjus su pele;
Page load - puslapio užkrovimo metu.

Priklausomai nuo pasirinkimo gaunami skirtingi dinaminiai efektai. Belieka nustatyti jų parametrus.