Praktická práca v editore titulnej strany. Vytváranie webových stránok pomocou FrontPage

Cieľ práce: osvojenie si základov práce s editorom Titulná strana MS.

Nižšie na obr. 18 znázorňuje štruktúru Web-stránka

Ryža. 18 - Usporiadanie osobných webových stránok

Krok 1 – Vytvorte novú stránku.

1 Spustite Predná strana a vyberte položku ponuky Súbor – Nový – Webová stránka a potom šablóna lokality - Jednostránkový web. V teréne Zadajte umiestnenie novej lokality určiť priečinok, v ktorom sa bude lokalita nachádzať napr D:\students\545\web. Potom by ste mali stlačiť tlačidlo " Dobre" Extrémne vľavo panel Priečinky zobrazuje priečinky a súbory zahrnuté na stránke: html- stránky, kresby atď. V súčasnosti stránka obsahuje iba jednu stránku - index.htm. Ak vyberiete jednu zo stránok myšou v tomto paneli, bude otvorená na úpravy.

2 Práca so stránkou je možná v jednom zo štyroch režimov:

-konštruktér- stránka sa upravuje;

- s delením– okno je rozdelené na dve časti: v jednej je zobrazený HTML kód, ktorý je možné upravovať, v druhej môžete pracovať v dizajnovom režime;

- kód- (HTML) - dá sa ovládať vygenerovaný kód stránky a vykonávať zmeny;

- prezeranie - stránka sa zobrazí tak, ako by ju zobrazil prehliadač.

3 Prepnutie do režimu sa vykonáva pomocou kariet v spodnej časti panela. Na dokončenie práce využijeme najmä režim Dizajn.

Krok 2 – Zadajte text hlavnej stránky (štruktúra stránky je znázornená na obr. 12. Text stránky sa vyvíja samostatne).

1 Ak chcete zadať údaje, vytvorte tabuľku výberom položky ponuky Tabuľka > Vložiť, alebo pomocou príslušnej ikony na paneli s nástrojmi. Zadajte text stránky. Pre názov stránky v poli Štýl v ľavej hornej časti obrazovky Predná strana vyberte štýl Nadpis 1 . Obrázok 19 zobrazuje hlavnú stránku webovej lokality.

Ryža. 19 - Rozloženie domovskej stránky webovej stránky

2 Po zadaní textu do tabuľky definujte vlastnosti tabuľky. Umiestnite kurzor myši do tabuľky, kliknite pravým tlačidlom a do odseku Vlastnosti tabuľky definovať pre pole Zarovnanie význam centrum . Inštalácia začiarkavacie políčko v teréne Nastavte šírku A prepínač na parameter - V percentách, a nastavte hodnotu - " 80 " To znamená, že tabuľka bude umiestnená v strede okna prehliadača a bude zaberať 80 % šírky okna.

3 V skupine Hranice Môžete určiť veľkosť a farbu rámu. Ak chcete, aby tabuľka nemala žiadny viditeľný rám, nastavte pole na 0. Skupina Pozadie umožňuje nastaviť pozadie tabuľky.

4 Ak chcete definovať vlastnosti stránky, vyberte z kontextovej ponuky Vlastnosti stránky a na karte Sú bežné zmeniť pole názov – na text „Domovská stránka“. Teraz sa táto hodnota prejaví v názve okna prehliadača pri prezeraní stránky. Je nevyhnutné opraviť jazyk stránky; to sa vykonáva pomocou karty Jazyk . Nastavte kódovanie ( Sada znakov) - azbuka a jazyk ruský.

5 Prejdite na kartu Formátovanie . Ak začiarknete políčko Obrázok na pozadí , potom stlačte tlačidlo Preskúmanie , môžete vybrať obrázok ako pozadie stránky.

6 Skupina Farby umožňuje nastaviť predvolenú farbu písma, predvolenú farbu pozadia, farby odkazov, navštívené a aktívne. Zmeňte tieto nastavenia.

7 Navrhnúť názov ako Plazivá línia vyberte z ponuky vyhliadka výkon Stránka a kliknite na tlačidlo v spodnej časti okna dokumentu Konštruktér. Kliknite na miesto, kam chcete vložiť štítok, a potom zadajte a zvýraznite text, ktorý chcete zobraziť ako štítok. Na jedálnom lístku Vložiť vybrať tím Web-komponent . V skupine Typ komponentu kliknite na tlačidlo Dynamické efekty . V skupine Výber efektu dvakrát kliknite na ikonu Ticker . Nastavte parametre tickera.

8 Uložte stránky. Ak sa vás program opýta, kam uložiť obrázky: uložte obrázky do priečinka snímky . Pomocou tlačidla vyberte priečinok Zmeniť priečinok.

1 Ak chcete vytvoriť prepojenie na existujúcu stránku, musíte ju vybrať zo zoznamu. Môžete tiež definovať miesto vo vnútri stránky (záložku), na ktoré bude odkaz ukazovať. Ak sa toto miesto nachádza na aktuálnej stránke, vyplňte pole URL nie je potrebné, mali by ste v poli vybrať záložku Záložka (záložka musí byť predtým vytvorená). Ak chcete vytvoriť odkaz na záložku na inej stránke, musíte najprv vybrať túto stránku a potom vybrať záložku.

2 Vytvorte odkazy na iné stránky na lokalite. Ak to chcete urobiť, vyberte časť v obsahu a vytvorte prepojenie kliknutím na tlačidlo vytvoriť hypertextový odkaz na paneli nástrojov alebo výberom položky ponuky Vložiť > Hypertextový odkaz .

4 Pomocou panela Priečinky , návrat do domovskej stránke index.htm a vytvorte odkaz na ďalšiu stránku lokality. Ulož to . V dôsledku toho v Zoznam súborov a priečinky, prejavia sa všetky stránky zahrnuté na lokalite.

Lekcia
plány
podľa programu
Predná strana
Učiteľ: Zabelina M.V.
1

Téma: Rozhranie programu Front Page 2003. Menu
programy. Vytvorenie webovej stránky pomocou sprievodcu.
Cieľ:
Predstaviť koncept webovej stránky, naučiť študentov, ako vytvoriť webovú stránku
stránky;


Počas vyučovania.
1. Organizačný moment
Komunikácia témy a účelu lekcie
2. Vysvetlenie novej témy
2.1 Úvod
Webová lokalita (webový uzol) je súbor navzájom súvisiacich lokalít.
význam webových stránok a súborov. Webové stránky sú zvyčajne venované niektorým
konkrétnu tému a obsahujú informácie týkajúce sa jednotlivca
alebo spoločnosť. V programe Front Page sú takzvaní sprievodcovia
(sprievodcovia), ktoré umožňujú vytvárať webovú stránku krok za krokom, a šablóny
(šablóny), čo sú vložené stránky obsahujúce
potrebné formátovanie na vytvorenie a prispôsobenie tých, ktoré vytvoríte
stránky. Sprievodcovia a šablóny vám umožňujú vytvárať rôzne typy stránok.
Každá lokalita má jednu špeciálnu stránku s názvom
domov, alebo hlavná (domovská stránka). Všetci návštevníci vašich stránok ako prví
dostať sa na túto stránku. Kliknutím na jeden alebo druhý hypertextový odkaz
používatelia budú môcť pristupovať k iným stránkam vašej lokality alebo dokonca
stránky iných lokalít.
Hypertextový odkaz je text alebo obrázok na webovej stránke
kliknutím, ktorým sa dostanete na inú webovú stránku alebo lokalitu.
Stránka je hosťovaná na počítačovom serveri, ktorý poskytuje prístup
stránky návštevníkom stránok. S titulnou stránkou môžete vytvárať
priamo na stránku systém súborov počítač a potom kedy
bude pripravený, zverejnite ho na serveri.
2

Vytváranie webových stránok vyžaduje, aby osoba ovládala jazyk hypertextu
označenie (HTML -
Hypertext
Označenie
Jazyk). Program
Predná strana umožňuje
akéhokoľvek užívateľa
dokonca
HTML
negramotný, povedz
daj o sebe vedieť celému svetu,
použitím
neobmedzené vozíky
Možnosti internetu.
Aké sú technické
možnosti
toto
úžasný
programy? S ňou
S našou pomocou si môžete vytvoriť vlastnú webovú stránku na základe pripravenej šablóny
alebo pod prísnym vedením majstra. Vytvárajú šablóny a sprievodcovia
jednotlivé stránky ich spájajú do lokality a vytvárajú medzi nimi prechody
ich, a zároveň neviazať svoju iniciatívu, pretože poskytnúť
možnosť vkladať do stránok texty, obrázky, hypertextové odkazy.
Nepochybnou výhodou sprievodcu je, že vytvára stránky pomocou
hotový súbor prvkov, ktoré v prípade potreby môžete
formátovať ako chcete.

Keď spustíte Front Page po prvýkrát, uvidíte okno veľmi
pripomínajúce okná programu Word alebo tabuľky
Excel. To nie je prekvapujúce, pretože všetky tieto programy sú zahrnuté v jednom
plastový sáčok kancelárske programy a preto majú podobné rozhranie.
Okno programu FrontPage je rozdelené na tri časti
ktorý vám umožňuje spravovať vaše webové stránky rôznymi spôsobmi.
Zoznam priečinkov – Panel režimu zobrazenia – vám umožňuje jednoducho
prepínať medzi zobrazením štruktúry webu
a jej stránky.
Priečinky FrontPage
Po nainštalovaní FrontPage na pevný disk počítača
Vytvorí sa priečinok MyWebs. V predvolenom nastavení sa súbory uložia do tohto priečinka.
všetky webové stránky, ktoré vytvoríte vo FrontPage. Každá lokalita
uložené v samostatný priečinok, vnorený v priečinku MyWebs.
Pri vytváraní novej stránky sa vytvoria aspoň tri
ďalšie priečinky, v ktorých sú súbory a stránky nového
stránky.
Domov
priečinok
Predvolený priečinok, v ktorom sú uložené vaše webové súbory
stránky, obrázky a triedy Java
3

Súkromné
snímky
Do tohto priečinka FrontPage umiestňuje súbory, ktoré potrebuje
organizáciu a správu vašej webovej stránky. Za žiadnych okolností
okolnosti by sa nemali odstraňovať ani upravovať
obsah tohto priečinka
V tomto priečinku môžete voliteľne ukladať grafiku
obrázky, ktoré sa používajú na vašej stránke. Ak
Obrázkov je veľa, najlepšie je uložiť ich do tohto
priečinok, aby nezahltil hlavný
Okrem týchto troch priečinkov si môžete vytvoriť ďalšie, v ktorých sa nachádzate
umiestnite určité skupiny súborov.
2.2 Vytvorenie webovej stránky od začiatku.
Najjednoduchší spôsob, ako vytvoriť vlastnú webovú stránku, je použiť
šablóny a predlohy.
1. Vezmime si tím
Súbor, Nový.
2. Zobrazte sa vpravo
panel, v ktorom
my
musieť

vyberte si:
Iné
webová šablóna
uzly
3. V objavil
výber okna:
Prázdna webová stránka.
Autor:
tlačidlo Prehľadávať, pre
na určenie polohy našej webovej stránky.
4. Kliknite

Pozor! Pozrite sa na postupnosť štvrtého kroku:
4

1.
2. V tomto okne musíte vybrať umiestnenie webovej stránky. Napríklad kliknite
podľa mojich dokumentov
3. Môžete použiť tlačidlo
vytvorte si vlastný priečinok (t. j. zadajte názov
z klávesnice a stlačte OK).
Potom stlačte tlačidlo OPEN!
4. Kliknite 2-krát ľavým tlačidlom myši
myšou do okna vyššie
tlačidlami prechádzať a zadať názov webu –
uzol (názov musíte zadať za
úplne posledný riadok \.)

Napríklad:
C:\Moje dokumenty\Ivanova\Moje
webovej stránky

Názov nášho priečinka, do ktorého sa má uložiť
webovej stránky
Názov našej stránky
5.
Kliknite na tlačidlo OK.
5

Pokračujeme vo vytváraní stránky. Teraz musíme vytvoriť naše stránky
stránky. Aby sme to urobili, prepnime sa do prechodového režimu príkazom: View, Transitions.
7. Kliknite pravým tlačidlom myši na prázdnu obrazovku
kliknite raz myšou a v zobrazenej ponuke
vyberte príkaz Nový, Hore
stránku.
8. Zobrazí sa stránka s názvom Domov.
9. Všetky ostatné stránky sú vytvorené
kliknite pravým tlačidlom myši na domov
page(!), pomocou príkazu Insert, page
10. Premenujte stránky. Kliknite na požadovanú stranu 1 krát, vpravo kniha. myši
a v zobrazenej ponuke vyberte príkaz Premenovať.
11. Začnime navrhovať stránky pre
Ak to chcete urobiť, kliknite na hlavnú (domovskú)
stránku 2-krát ľavým tlačidlom myši.
Toto máte:
12. Teraz musíte nainštalovať všeobecné
hranice.
Všeobecné hranice sú hranice strán,
ktoré sa zobrazujú rovnako na všetkých
webové stránky. Zároveň však vy
zostáva možné len vytvárať hranice
pre jednu webovú stránku tak, aby to
bola odlišná od ostatných.
Otvorte ponuku Formát a kliknite
názov príkazu "Zdieľané hranice". Na obrazovke
Zobrazí sa dialógové okno ako na obrázku.
V tomto okne začiarknite políčka vedľa názvov požadovaných hraníc (hore,
Povoliť navigačné tlačidlá, Doľava, Povoliť navigačné tlačidlá). O
Treba mať na pamäti, že na hornej, ľavej a pravej hranici môžete
umiestniť navigačné tlačidlá na webovú stránku. Program to urobí
sami, ak zaškrtnete príslušné políčko.
Čo robiť, ak v ponuke Formát zadáte príkaz Všeobecné hranice
nie je k dispozícií:
6

servis,
1. Možnosti stránky
2. Vývoj,
3.
Dajte
kliešť
oproti slovám generál
hranice
4. Kliknite na tlačidlo OK
Takto bude vyzerať vaša stránka, ak začiarknete políčka vedľa
slová: zhora,
Povoliť navigačné tlačidlá,
Napravo,
Povoliť navigačné tlačidlá.
.
Nie je potrebné začiarknuť políčka Vpravo a Dole, pretože to bude neporiadok
tvoja dedina
Teraz musíte povoliť navigačné tlačidlá:
Kliknite raz na pravú knihu. myš na slová: Zmeňte vlastnosti tohto panelu
na zobrazenie hypertextových odkazov.
V zobrazenej ponuke vyberte príkaz: Panel prepojenia vlastností.
Takto bude vyzerať obrazovka:
Umiestnite bodku vedľa slov: Domovské stránky a kliknite
Prejdite na iné stránky a urobte to isté, ak nemáte
tlačidlá s hypertextovými odkazmi.
tlačidlo OK.
Prepnúť na iné
vaše stránky
vykonávané s
Panel zoznamu
(nachádza sa vľavo
Tvoja webová stránka)
Ak tento panel
Zobraziť, Zoznam priečinkov
stránky
s pomocou
priečinky
strany
nie:
7

Kliknite na požadovanú stránku
zavedie vás k tomu
stránku
ALEBO:
V hornej časti stránky
existuje niekoľko kariet, ktoré
šou
aké stránky
vaše stránky, ktoré ste navštívili.
Prechod na iné stránky webu
možno vykonať pomocou týchto kariet.
Niekedy na týchto kartách môžete vidieť názov stránky a hviezdičku,
napríklad: index*. To znamená, že stránka nebola uložená. Využite výhody
príkaz Súbor, Uložiť a táto hviezdička zmizne, aj keď pri najmenšom
Ak sa na vašej stránke niečo zmení, hviezdička sa znova zobrazí
Odstránenie stránky:
Prejdeme do režimu prechodu (Zobraziť, Prechody), klikneme na nepotrebné
strana 1 krát ex.kniha. myšou a v zobrazenej ponuke vyberte príkaz
Odstrániť.
V zobrazenom okne vyberte príkaz Odstrániť stránku z webovej lokality
Uloženie webovej stránky.
Po vytvorení webovej lokality je potrebné uložiť všetky jej stránky.
Ak to chcete urobiť, prejdite na každú stránku svojej lokality a prejdite do ponuky Súbor
vyberte Uložiť.
3. Praktická práca
Znova otvorte program.
Vytvorte si webovú stránku, ktorá obsahuje 4 stránky. Vymenujte ich
stránky podľa ročných období.
Zahrňte všetky odkazy
4. Zhrnutie lekcie
Ako povolím zdieľané hranice?

Ako premenovať stránky?
Ako odstrániť stránky?
Téma: „Úprava webovej stránky. Pridáva sa text."

programy;
Pokračovať v štúdiu informačných technológií;
Pestovať záujem o predmet
Počas vyučovania.
1. Organizačný moment
Komunikácia témy a účelu lekcie
3. Kontrola domácich úloh.
Na čo slúži program Front Page?
8

Ako povolím zdieľané hranice?
Čo mám robiť, ak príkaz Zdieľané hranice nie je dostupný?
Vytvorte si webovú stránku, ktorá obsahuje 3 stránky, prejdite na
domovskej stránke.
4. Vysvetlenie novej témy
1. Úprava stránky
Ak chcete otvoriť existujúcu stránku, musíte:
1. Otvorte priečinok s názvom vašej lokality.
2. Nájdite súbor s názvom INDEX a urobte 1 klik na pravú knihu. myš na to.
3. V zobrazenej ponuke vyberte príkaz Otvoriť pomocou
Predná strana.
Premenovanie titulu
stránky
Kliknite na slová Domov
strana 1 krát pr.kniha. myš a
menu, ktoré sa zobrazí
vyberte
Zapnite príkaz Vlastnosti reklamy
stránku.
IN
v okne, ktoré sa zobrazí namiesto slov Home
stránku
Napíšte svoje meno
stránku a kliknite na tlačidlo OK.
(Toto sa používa hlavne na
domovská stránka)
2. Pridanie textu
Vytváranie textov v tomto programe sa nelíši od toho istého
operácie v textový editor Slovo. Kliknete na požadované
umiestnite stránku a napíšte text. Rovnako ako vo Worde, nemusíte
dávajte pozor na koniec riadku - Predná strana automaticky zalamuje slová z
riadkov na riadok.
Vykoná sa formátovanie znakov
pomocou panelu
Formátovanie
Niekedy pri písaní medzera medzi
riadky môžu byť veľmi veľké.
Ak to chcete odstrániť, musíte:
1. Vyberte niekoľko riadkov.
2. Vezmite príkaz Formát, Odsek
3. V okne Interval umiestnite pred neho číslo 0.
4. V okne Interval zadajte číslo 0.
9

5. Kliknite na tlačidlo OK
4. Praktická práca
5. Zhrnutie lekcie
Téma: „Tvorba tabuliek. Pridáva sa ticker."
Cieľ: Pokračujte v oboznamovaní sa s hlavnými funkciami
programy;
Pokračovať v štúdiu informačných technológií;
Pestovať záujem o predmet
Počas vyučovania.
1. Organizačný moment
Komunikácia témy a účelu lekcie

3. Vysvetlenie novej témy
1. Vytváranie tabuliek
Tabuľky sa umiestňujú na webové stránky pomocou tlačidla Tabuľka,
Vložiť, Tabuľka.
Otvorí sa okno, v ktorom sa nastavia parametre tabuľky:
V okne Veľkosť sa nastavuje množstvo
riadkov a stĺpcov vašej tabuľky.
V okne Orámovanie môžete nastaviť veľkosť orámovania
stoly,
vo farbe okna – farba okraja
Ak chcete mať celý stôl
nastaviť konkrétnu farbu v okne pozadia,
Farba je požadovaná farba.
Kliknite na tlačidlo OK.
Pozrite sa na výsledok:
V režime návrhu
V režime zobrazenia
Ak zmeníte veľkosť tabuľky a dáte 0 namiesto 1, máte tabuľku
bude mať v režime zobrazenia neviditeľné okraje.
Pozrite si výsledok
10

V režime návrhu
Poznámka:
Zlúčenie buniek:
V režime zobrazenia
1. Vyberte bunky, ktoré chcete zlúčiť
2. 1 krát pr.kniha. myši a vyberte príkaz Zlúčiť bunky
Výmena stola:
1. Kliknite 1-krát na pravé tlačidlo. myšou na stôl a vyberte príkaz Vlastnosti
tabuľky
2. Vytvorenie tickeru
Upútať pozornosť na kus textu resp
názov, môžete mu dať bežiaci efekt
linky
1. Vložiť, Webový komponent
2. Kurzor musí byť na slovách
Dynamické efekty, plazivá línia.
3. Kliknite na tlačidlo Dokončiť.
4.
5. Do poľa Text musíte zadať text
bežecká čiara.
5. pomocou špeciálnych spínačov
Môcť:
 Vyberte smer pohybu
riadky (zľava doprava alebo doprava
vľavo);
 Upravte oneskorenie medzi po sebe nasledujúcimi posunmi textu a
množstvo posunu v pixeloch;
 Nastavte režim pohybu textu (nepretržitý);
 Nastavte šírku a výšku obdĺžnikovej oblasti plazivej línie;
 V okne Štýl, Formát, Písmo – zmeniť vzhľad písma
Poznámka:
11

Zmena tickera
1.
Kliknite 1-krát vpravo na knihu. myšou na ticker a prevziať príkaz
Vlastnosti plazivej línie.
3. Praktická práca.
Vytvorte stránku, na ktorú vložíte ticker (v hornej časti).
Vytvorte tabuľku pozostávajúcu z 1 riadku a 2 stĺpcov, v ktorej
umiestniť nejaký text.
Vytvorte druhú tabuľku s neviditeľnými okrajmi pozostávajúcu z 1
riadky a 2 stĺpce, do ktorých umiestnite aj nejaký text.
4. Zhrnutie lekcie.
Čo sme dnes stretli? Prečo potrebujete ticker?
Ako urobiť stôl s neviditeľnými okrajmi? Uveďte príklad pre
Prečo potrebujete stôl s neviditeľnými okrajmi?
5. Klasifikácia.
Domáca úloha.
Téma: „Vkladanie a úprava obrázkov. Fotogaléria".
Cieľ: Pokračujte v oboznamovaní sa s hlavnými funkciami
programy;
Pokračovať v štúdiu informačných technológií;
Pestovať záujem o predmet
Počas vyučovania.
1. Organizačný moment
Komunikácia témy a účelu lekcie
2. Kontrola domácich úloh.
3. Vysvetlenie novej témy
1. Pridajte obrázok
Editor FrontPage vám umožňuje načítať obrázky zo súborov
rôzne grafické formáty: gif (bežný a animovaný), JPEG,
BMP, TIFF, TGA, RAS, EPS, PCX, PND, PCD a WMF. Dá sa umiestniť
hotový nákres pre stránku, ktorý si prevezmete z knižnice obrázkov programu
FrontPage z priečinka aktuálnej lokality alebo jednej z miestnych lokalít
disku, z ľubovoľného grafického súboru na lokálnom disku. Inštalácia
kurzor myši na správne miesto.
1. Vyberte Vložiť, Obrázok, Zo súboru
2. Zadajte umiestnenie súboru, ktorý chcete vložiť, jeho názov a potvrďte
akcie kliknutím na tlačidlo
3. V prípade potreby zmeňte
rozmery výkresu. Pre to
stačí potiahnuť myšou
z rohov alebo strán rámu.
FrontPage vám umožňuje používať
rôzne nástroje na dávanie
obrázok požadovaného typu a
12
OK.
jeden

formulárov. Kliknite na vložený obrázok. Okolo obrázku bude
zobrazí sa rám a v spodnej časti okna pracovného programu
Panel nástrojov kresby na prácu s obrázkami:
Pozrime sa bližšie na všetky tlačidlá na paneli
Kreslenie
názov
Zo súboru
Otvorí okno na vloženie obrázka
Akcia
.
Text
Absolútna
Pohybujte sa
dopredu
Umiestňuje text na kresbu. Toto je akcia
Možné iba s obrázkami vo formáte gif.
Ak je obrázok uložený v inom
formát, potom okno s
POZOR

V
Transformuje sa
umiestnený. Po kliknutí na toto tlačidlo
obrázok je možné presunúť kdekoľvek na webe
stránky,
ako umiestnený odsek.
Opätovným kliknutím na toto tlačidlo sa zruší
polohovanie.
Presunie vybranú kresbu dopredu
plánovať
pravidelná kresba
Pohybujte sa
Presunie vybranú kresbu na pozadie
späť
Otočiť
vľavo
Otočiť
správny
Reflektovať
zľava doprava
Reflektovať
zhora nadol
Zvýšiť
kontrast
Znížiť
kontrast
Zvýšiť
jas
Otočí výkres o 900 proti smeru hodinových ručičiek
šípky
Otočí výkres o 900 v smere hodinových ručičiek
Vytvára
vzhľadom na vertikálnu os.
zrkadlový obraz obrazu
zrkadlový obraz obrazu
Vytvára
vzhľadom na vodorovnú os.
Zvyšuje kontrast obrazu
Znižuje kontrast obrazu
Zvyšuje jas obrazu
13

Znížiť
Znižuje jas obrazu
jas
Orezávanie
Odstráni okraj kresby.
Typ linky
Nastavte transparentnú farbu
Farba
Rám na bagetu
Rezanie kvetov
Vyberte si
Hyperobdĺžnik
Nipercircle
Hypermultiple
golnik
Vyberte horúce miesta
Obnoviť
Funkcie orezania obrázka
14
Vytvorí rám okolo
obrázky okolo
od
špecifikovaný typ linky.
Urobí farbu, ktorú si vyberiete
transparentné (cez to bude
pozadie je viditeľné,
na ktorých
je tam nákres).
Zmení farbu kresby
na
na
na
s

Autor:
hranica
kreslenie
Vytvára

pridelené
rám na bagetu
Ak po
zmeny
kliknite na veľkosti obrázkov
kliknite na toto tlačidlo, súbor bude
prepísané
vziať do úvahy
vykonané zmeny.
Používa sa na zvýraznenie
grafické objekty
Zvýraznenie
kreslenie
obdĺžniková plocha pre
vytvorenie hypertextového odkazu
Zvýraznenie
kreslenie
kruh na vytvorenie
hypertextové odkazy
Zvýraznenie
kreslenie

polygonálna oblasť pre
vytvorenie hypertextového odkazu
Skryje časť obrázka
ktorý nebol zahrnutý v
hyperpolygón,
hyperobdĺžnik,
hyperkruh.
pohodlné
použiť pri hraniciach
hyperregióny sú zle viditeľné na
kreslenie.
Obnovuje pôvodné
parametre výkresu.
jej

Vo všetkých programoch Microsoft Office XP
ihneď po kliknutí na tlačidlo „Orezať“.
kresba sa navonok nemení.
IN
Kliknite na program Front Page
tlačidlo spôsobí, že sa zobrazí bodkovaná čiara
rám zvýrazňujúci stredovú časť
Snímky.
Ak znova kliknete na tlačidlo
„Orezať“, potom časť obrázka zmizne,
mimo rámu. Ak chcete nezávisle určiť oblasť kreslenia,
ktorý by mal zostať na webovej stránke, presuňte ukazovateľ myši na jednu
zo štvorcov umiestnených v rohoch v strede každej strany bodkovanej čiary
obdĺžnik a potiahnite ich myšou.
Pomocou tlačidla Farba
Pomocou tlačidla "Farba" sa otvorí zoznam príkazov, pomocou
pomocou ktorého môžete zmeniť formát obrázka a urobiť obrázok čiernym
biela alebo v odtieňoch sivej, alebo sa zmení na pozadie (príkaz
"Rozmazať")
Problém s veľkým obrázkom
Čím väčší je obrázok, tým viac miesta na disku zaberá, tým viac
Načítanie trvá dlhšie. Riešenie problému je
nahradenie veľkého obrázka jeho náčrtom. Vytvorený náčrt sa stáva
hypertextový odkaz, kde divák (napr. internet Explorer)
zobrazí pôvodný výkres na obrazovke.
Ak chcete vytvoriť miniatúru, kliknite na obrázok
Objavil sa panel s nástrojmi „Výkresy“. Potom na paneli nástrojov
Kliknite na tlačidlo Auto Thumbnails (Automatické miniatúry). Výsledkom budú rozmery
obrázok sa zmenší a okolo neho sa zobrazí modrý rám.
Ak chcete zmeniť vzhľad náčrtu, otvorte ponuku Nástroje a
vyberte príkaz "Nastavenie stránky".
V dialógovom okne Nastavenie strany prejdite na
"Automatické náhľady" a nastavte požadované parametre
V tomto okne nastavte požadovanú šírku (napríklad 50) a kliknite na tlačidlo
OK.
Zmenšite veľkosť obrázka potiahnutím jeho rohov.
Prejdite do režimu zobrazenia. Tu je to, čo získate:
Toto je v režime návrhu:
15

Toto je v režime zobrazenia:
Táto kresba v režime zobrazenia je
hypertextový odkaz kliknutím na ktorý ste
toto sa stane:
2. Fotogalérie
Pohodlný spôsob umiestnenia na
jedna webová stránka z mnohých fotografií je tzv
Fotogaléria. Keď sa vytvorí, automaticky sa vytvoria veľké obrázky
sú nahradené náčrtmi.
Vloženie fotogalérie na webovú stránku:
1)
2)
3)
Kliknite na názov príkazu „Vytvoriť kolekciu fotografií“;
Ďalej pracujeme v okne „Vlastnosti kolekcie fotografií“.
otvorte ponuku "Vložiť";
presuňte ukazovateľ myši na riadok „Kresba“;
v dodatočnej ponuke, ktorá sa otvorí vpravo,
Na karte „Výkresy“ kliknite na
Tlačidlom "Pridať" otvoríte zoznam
príkazy na vkladanie obrázkov. Ak výkres
uložené vo vašom počítači ako súbor, potrebujete
Kliknite na riadok „Obrázky zo súborov“.
Zobrazí sa dialógové okno Otvoriť súbor s
s ktorými viete pracovať.

nevyhnutné

"podpis"
kresby,
Po vybratí
použite polia
A
"Popis". V prípade potreby môžete
zmeniť veľkosť miniatúr.
Potom prejdite na kartu „Rozloženie“ a vyberte spôsob rozloženia
miniatúry na stránke.
V horizontálnom usporiadaní sú obrázky usporiadané do riadkov a
Pod každým náčrtom je popis.
Ak je vybratá možnosť "Koláž", popisy sa nezobrazujú, ale kedy
Keď umiestnite kurzor myši na miniatúru, zobrazí sa popis.
16

Hranice
Text a obrázky na obrazovke môžete organizovať pomocou oboch
stoly, alebo pomocou dekoratívneho zariadenia, ako je horizontálne
linky. Umiestnite textový kurzor na požadované miesto na webovej stránke
prejdite vodorovnou čiarou, otvorte ponuku Vložiť a kliknite na názov
Príkazy "Horizontálna čiara".
Praktická práca
4.

5.
Zhrnutie lekcie
Klasifikácia
Téma: „Výber témy pre návrh stránky.
Pridanie videa a zvuku. Animácia
texty."
Cieľ: Pokračujte v oboznamovaní sa s hlavnými funkciami
programy;
Pokračovať v štúdiu informačných technológií;
Pestovať záujem o predmet
Počas vyučovania.
1. Organizačný moment
Komunikácia témy a účelu lekcie
2. Kontrola domácich úloh.
3. Vysvetlenie novej témy
Výber témy pre návrh stránky
Aby stránka bola súdržnejšia, estetickejšia a
zároveň profesionálnejší vzhľad, je vhodné dodržať
jednotný prístup pri navrhovaní stránok – dodržiavať určité
farebná schéma a štýl. Na uľahčenie tejto úlohy vo FrontPage
používajú sa témy.
Téma je špecifický súbor dizajnových prvkov a farebných schém,
ktoré možno použiť na stránky.
1. Vyberte Formát, Téma.
Predmet.
2. Prezrite si zoznam tém, vyberte
jeden z nich a kliknite na začiarknutie
táto téma.
Na obrazovke sa zobrazí panel
na
17

3. V zobrazenej ponuke vyberte príkaz: Použiť ako tému podľa
predvolená, takže táto téma bola použitá na všetkých vašich stránkach
stránky.
4. V okne, ktoré sa zobrazí ďalej
kliknite na tlačidlo ÁNO

Doplnenie

zvuk
sprevádzať
Spolu s rôznymi špeciálnymi efektmi, ktoré oživia stránky
používajú sa multimediálne objekty: zvuk, video, flash animácia atď.
Môžete si teda napríklad vybrať zvuk na pozadí pre ktorúkoľvek stránku na webe
alebo hudbu, ktorá sa prehrá pri otvorení stránky. Pre
toto je potrebné:
v režime úprav kliknite pravým tlačidlom myši na ľubovoľný
oblasti stránky a vyberte príkaz v kontextovej ponuke, ktorá sa zobrazí
Vlastnosti stránky.
Zobrazí sa okno Vlastnosti strany s
karta Všeobecné;
v skupine Ovládanie zvuku na pozadí kliknite na tlačidlo Prehľadávať
a v okne Zvuk na pozadí, ktoré sa otvorí, vyberte súbor s hudbou
fragment.
Pridáva sa video
Umiestnenie videa na webovú stránku je rovnako jednoduché ako pridanie obrázka.
Ak chcete umiestniť video na webovú stránku, musíte nastaviť text
kurzor na požadované miesto a vyberte príkaz Vložiť, Kresba,
Nahrávanie videa. Ďalej by ste mali zadať názov súboru s fragmentom videa. Po
zatvorením okna nahrávania videa sa na stránku umiestni obdĺžnik,
označujúci oblasť výstupu videa, v ktorej sa nachádza
zobrazí sa prvá snímka fragmentu videa.
Potom musíte kliknúť pravým tlačidlom myši na oblasť výstupu
obrázky videa a vyberte príkaz v kontextovej ponuke, ktorá sa zobrazí
Vlastnosti výkresu. S otvorenou kartou sa zobrazí karta Vlastnosti obrázka.
Video.
Označenie začiarkavacieho políčka Pri otváraní súboru to znamená
Video sa prehrá pri každom načítaní
stránky do režimu zobrazenia. Začiarknite políčko Pri umiestnení kurzora myši
myš vám umožňuje prehrať video, keď naň umiestnite kurzor myši
myši. Vo vstupnom poli s počítadlom opakovaní môžete určiť, koľkokrát
video musí byť premietané, príp
začiarknite políčko Vždy pre
nekonečné prehrávanie.
Animácia textu
Pre
animácia textu
je potrebné zobraziť
18

Panel s nástrojmi DHTML Effects. Ak to chcete urobiť, použite príkaz Zobraziť.
Panely nástrojov, DHTML efekty.
Keď sa na obrazovke objaví požadovaný panel, kliknite na
animovaný odsek tak, aby sa textový kurzor nachádzal v ňom.
potom:
otvorte rozbaľovacie pole „Zapnuté“ a vyberte z neho
1)
pri
stať
udalosť,
animácia textu. Môže to byť dvojité kliknutie, jednoduché kliknutie,

koho
musieť
2)
otvorte pole Použiť a vyberte efekt animácie.
Počet ponúkaných efektov závisí od toho, ktorý ste vybrali v prvom kroku
udalosti: najväčší počet animačných efektov možno použiť, keď
otvorenie stránky, najmenej zo všetkých - pri umiestnení kurzora myši;
3) pre efekty ako „Fly-in“, „Scale“, „Appearance“ a
„Jar“ sa stáva dostupným poľom, pomocou ktorého môžete špecifikovať
účinky. Napríklad zmena veľkosti písmen môže nastať ako v
strane ich poklesu a nárastu.
Ak kliknete na tlačidlo „Vybrať efekty“ na paneli s nástrojmi
DHTML", potom v normálnom režime zobrazenia odseky, ku ktorým
animačné efekty sú zvýraznené svetlomodrým blokom. S predbežným
pri prehliadaní alebo pri prezeraní v okne Internet Explorera táto lišta nie je viditeľná
4. Praktická práca
Precvičovanie zručností získaných v triede.
5. Zhrnutie lekcie
Klasifikácia
Téma: "Vytváranie hypertextových odkazov."
Cieľ: Pokračujte v oboznamovaní sa s hlavnými funkciami
programy;
Pokračovať v štúdiu informačných technológií;
Pestovať záujem o predmet
Počas vyučovania.
1. Organizačný moment
Komunikácia témy a účelu lekcie
2. Kontrola domácich úloh.
3. Vysvetlenie novej témy
Neexistujú žiadne spôsoby, ako vložiť alebo upraviť hypertextové odkazy na titulnú stranu.
sa líšia od tých, ktoré sa používajú v textovom editore Word.
Ak chcete vytvoriť hypertextový odkaz, musíte vybrať text alebo grafiku
objekt v dokumente a kliknite naň raz, vpravo kniha. myši. V sa objavil
vyberte príkaz Hypertextový odkaz. V poli sa zobrazí zvýraznené slovo
"Text" v dialógovom okne "Pridať hypertextový odkaz".
19

Na ľavej strane okna sa nachádza panel „Odkaz na“, ktorý je určený pre
výber objektu hypertextového prepojenia. Obrázok ukazuje možnosť „Odkaz na súbor,
webovú stránku“, takže sa zobrazí centrálne veľké pole
obsah priečinka, v ktorom je dokument uložený. Táto časť dialógového okna
podobne ako okno na otváranie dokumentov, takže aj veľmi neskúsený
Pri práci s ním používateľ nemá žiadne ťažkosti. Nájdite súbor
ktorý by sa mal otvoriť po kliknutí na hypertextový odkaz, vyberte ho
kliknite a zatvorte dialógové okno tlačidlom "OK". Takže ty
vytvoril jednoduchý hypertextový odkaz, zvýraznený modrou farbou v texte a
podčiarknutie. V prípade, že sa chcete vznášať
Ukazovateľ myši na hypertextový odkaz bol text popisu pred vami
zatvorte dialógové okno, kliknite na tlačidlo „Hint“ a v novom okne
dialóg napíšte text.
Na odoslanie e-mailu možno použiť hypertextový odkaz v dokumente
Autor: e-mail. Táto technická vlastnosť textového editora
pri šikovnom použití sa ukazuje ako cenná didaktická funkcia,
obzvlášť dôležité pri organizovaní dištančného vzdelávania pre deti
domáci pracovníci: kliknutím na hypertextový odkaz sa spustí program na vytvorenie a
odosielanie e-mailov, automaticky vkladá do polí
Vami zostavené informácie „Komu“ a „Predmet“. Do textu
Word editor takto reagoval pri kliknutí na hypertextový odkaz, potrebujete ho v okne
V dialógovom okne „Pridať hypertextový odkaz“ kliknite na tlačidlo so slovami
"E-mail" a vyplňte povinné polia.
Úprava a odstránenie hypertextových odkazov
Ako všetko na tomto svete, aj hypertextové odkazy sa často menia. Napríklad možno
názov súboru webovej stránky, na ktorú odkazuje hypertextový odkaz,
samotná stránka môže byť presunutá na inú stránku alebo jednoducho
vymazané. Ak dôjde k takejto zmene, potom odkaz smerujúci na
Súbor sa zmenil a je potrebné ho opraviť.
a) zmena hypertextových odkazov
1. Kliknite pravým tlačidlom myši na odkaz, ktorý chcete opraviť.
Otvorí sa kontextové menu.
2. V kontextovej ponuke vyberte príkaz Vlastnosti hypertextového prepojenia.
Otvorí sa dialógové okno Upraviť hypertextové prepojenie. Adresa, ktorú treba opraviť
Hypertextový odkaz bude uvedený v poli URL (neplatný). Mal by sa vymeniť
na pravej.
3. V zozname súborov kliknite na ten, ktorý potrebujete, a potom kliknite na tlačidlo OK.
Adresa hypertextového odkazu sa zmení tak, aby ukazovala na správnu stránku.
20

b) odstránenie hypertextových odkazov
1. Kliknite pravým tlačidlom myši na odkaz, ktorý chcete odstrániť.
Otvorí sa kontextové menu.
2. Vyberte príkaz Vlastnosti hypertextového prepojenia. Otvorí sa dialógové okno
Úprava hypertextového odkazu. Text v poli URL bude zvýraznený.
3. Stlačte kláves Delete. Text poľa adresy URL bude odstránený.
4. Kliknite na tlačidlo
Dobre. Odkaz bude odstránený z textu webu
stránky. Upozorňujeme, že časť textu, ktorá predstavuje
je hypertextový odkaz, teraz nie je podčiarknutý.
5. Na paneli nástrojov kliknite na tlačidlo Uložiť.
Poradenstvo. Ak chcete odstrániť hypertextový odkaz, môžete jednoducho odstrániť jeho text na adrese
Webstránka.
karty
Ak v elektronickej verzii Dokument programu Word hypertextový odkaz môže byť iba
celý výkres, s pomocou Front Page to môžete urobiť na jednom výkrese
niekoľko rôznych hypertextových odkazov. Takáto kresba sa nazýva obrázková mapa.
1.
2. Kliknutím na obrázok ho vyberiete. Ako výsledok
Zobrazí sa panel s nástrojmi Kresby.
3. Kliknite na jedno z nasledujúcich tlačidiel na zvýraznenie v kresbe:
Vložte kresbu alebo fotografiu na webovú stránku.
1. obdĺžniková oblasť – „Hyperobdĺžnik“
2. kruh alebo elipsa - „Hypercircle“
3. ľubovoľná oblasť - „Hyperpolygón“
4. V okne „Pridať hypertextový odkaz“, ktoré sa otvorí, nájdite názov lokality
alebo webovú stránku, ktorá by sa mala otvoriť po kliknutí dovnútra
vybranú oblasť.
5. Opakujte tieto kroky s ostatnými časťami obrázka.
Normálna fotografia bude viditeľná v okne prehliadača, ale kedy
podržaním ukazovateľa myši nad aktívnou oblasťou bude mať ukazovateľ tvar
ukazovacím prstom a pod ním sa zobrazí pomocný text.
4. Praktická práca
Precvičovanie zručností získaných v triede.
5. Zhrnutie lekcie
Ako vytvoriť hypertextový odkaz?
Ako vytvoriť interaktívnu mapu?
Klasifikácia
Téma: "Vytváranie interaktívnych tlačidiel."
Cieľ: Pokračujte v oboznamovaní sa s hlavnými funkciami
programy;
Pokračovať v štúdiu informačných technológií;
Pestovať záujem o predmet
Počas vyučovania.
21

1. Organizačný moment
Komunikácia témy a účelu lekcie
2. Kontrola domácich úloh.
3. Vysvetlenie novej témy
FrontPage umožňuje vytvárať interaktívne tlačidlá, t.j.
tlačidlá s hypertextovými odkazmi.
Upozornenie: Tlačidlo zmeny sa vytvorí iba v nezdieľanom priestore
hranice!. Ak ho chcete umiestniť do všeobecných polí, najskôr ho vytvorte
nevšeobecné polia a až potom ich skopírujte do všeobecných
Ak to chcete urobiť, použite príkaz Vložiť, zmeniť tlačidlo
1. V okne Text musíte zadať názov tlačidla.
2. Kliknutím na tlačidlo Prehľadávať prepojíte svoje tlačidlo s hypertextovým odkazom
V tomto okne vyberte požadovanú stránku a kliknite na tlačidlo OK.
3. Prejdite na kartu Písmo
V tomto okne môžete zmeniť písmo, to
a štýl na tlačidle.
Okrem toho môžete zmeniť farby tlačidiel:
Pôvodná farba
Umiestnite kurzor myši
Farba pri stlačení.
4. Choď

na
Karta Kreslenie
veľkosť
Tu môžete nastaviť šírku a výšku tlačidla
(ak sa text nezmestí na tlačidlo)
Ak dáte bodku vedľa slov Use
pre formát tlačidla GIF a priehľadné pozadie bude vaše tlačidlo
vyzerať na svojom webe veľmi pekne.
22

6. Praktická práca
Precvičovanie zručností získaných v triede.
7. Zhrnutie lekcie
Téma: „Vytvorenie webu pomocou editora Front
strana"
Záverečné zadanie
Cieľ: Upevniť zručnosti, ktoré žiaci nadobudli na predchádzajúcich vyučovacích hodinách;
Pokračovať v štúdiu informačných technológií;
Pestovať záujem o predmet
Výbava: Front Page 2003 program,
Počas vyučovania.
1. Organizačný moment
Komunikácia témy a účelu lekcie
23

Frontpage má dve funkcie, ktoré vám umožňujú rozdeliť stránku na časti obsahujúce text a grafiku. Sú to stoly a rámy. Až do tohto bodu sme text zarovnávali na riadok pridávaním medzier pomocou štýlu Formátovaný odsek. Na zarovnanie textu môžete použiť aj tabuľky. Pomocou tabuliek sa polia formulárov zarovnávajú (práci s formulármi je venovaná 7. kapitola). Na formátovanie prvkov stránky môžete použiť aj kaskádové štýly. Treba poznamenať, že kaskádové štýly sú podporované iba v prehliadačoch najnovšie verzie.
Poznámka
Prehliadače ignorujú prvky formátovania, ako sú prázdne čiary. Výnimkou je, keď sa použije formátovaný štýl alebo symbol neprerušiteľný priestor. V kóde HTML sa postupnosť znakov používa na označenie nedeliteľnej medzery. Použitie množiny takýchto sekvencií umožňuje zobraziť text s niekoľkými po sebe nasledujúcimi medzerami na stránke načítanej v prehliadači. Na prednej strane je možné vložiť znak medzery pomocou dialógového okna Symbol (prvý na prvom riadku).
Navrhovanie stolov
Najdôležitejším nástrojom na vývoj rozloženia webovej stránky je tabuľka. Funkcie tabuliek pri vytváraní webových stránok sú rôzne. V prvom rade by som chcel zdôrazniť nasledovné:
zarovnanie údajov vložením do buniek tabuľky (pri poskytnutí možnosti oddeliť údaje čiarami rôznej hrúbky);
reprezentácia textu vo forme stĺpcov;
zarovnanie vstupných polí a ich názvov vo formulároch;
rozdelenie textu a grafiky do rôznych stĺpcov;
vytvorenie rámčeka okolo textu alebo grafiky;
umiestnenie grafických obrázkov na obe strany textu (alebo všetky strany) a naopak;
umiestnenie textu pozdĺž obrysu grafický obrázok;
vytvorenie farebného pozadia pre textový fragment alebo samostatný obrázok;
vrátane tabuliek v rámci iných tabuliek.
Počas vytvárania tabuľky sa v dialógovom okne Vložiť tabuľku nastavia hodnoty nasledujúcich vlastností: počet riadkov a stĺpcov, horizontálna obsadená plocha stránky, hrúbka čiar oddeľujúcich bunky a obmedzenie tabuľky, veľkosť intervalov medzi obsahom a vnútorným okrajom okrajov buniek, zarovnanie tabuľky a pod. Hodnoty vlastností tabuľky môžete zmeniť neskôr. Kedykoľvek môžete odstrániť jeden alebo niekoľko riadkov alebo stĺpcov, zlúčiť susediace bunky, špeciálnym spôsobom naformátovať obsah jednej bunky alebo vybraného rozsahu atď. Pri zadávaní údajov sa veľkosť bunky zväčšuje vertikálne a horizontálne v rámci limitov stanovených pre tabuľku a stĺpec.
Poznámka
Šírku tabuľky môžete nastaviť buď v pixeloch (pevná šírka) alebo ako percento šírky okna prehliadača alebo rámca, v ktorom je stránka zahrnutá. Šírka stĺpcov tabuľky je určená buď ako percento šírky tabuľky alebo v pixeloch (pevná šírka). Ak je šírka jednotlivého stĺpca alebo celej tabuľky určená v pixeloch, spôsob zobrazenia tabuľky v prehliadači závisí od rozlíšenia obrazovky nastaveného na počítači používateľa.
Zobrazenie tabuľkových údajov
V klasickej tabuľke sú riadky a stĺpce striktne ohraničené. Ak chcete získať takúto tabuľku, musíte vykonať nasledujúcu postupnosť akcií:
1. Stiahnite si Frontpage.
2. Aktivujte príkaz Nový z podponuky Web ponuky Súbor.
3. Načíta sa dialógové okno Nový. V predvolenom nastavení je vybratá šablóna One Page Web. Do poľa Zadajte umiestnenie nového webu zadajte názov webového servera a webovej lokality. Pomenujte webovú lokalitu, napríklad TestTables. Kliknite na tlačidlo OK.
4. Prejdite do režimu zobrazenia priečinkov. Dvakrát kliknite na názov súboru Default.htm. Domovská stránka sa otvorí v zobrazení stránky.
5. Stlačením klávesu vložte prázdny riadok do hornej časti stránky
6. Otvorte ponuku Tabuľka a aktivujte príkaz Tabuľka z podponuky Vložiť. V dôsledku toho sa otvorí dialógové okno Vložiť tabuľku (Obrázok 61) Toto okno zobrazuje predvolené hodnoty vlastností tabuľky Prvky dialógového okna Vložiť tabuľku sú popísané v tabuľke 6.1.

Obrázok 6.1. Dialógové okno Vložiť tabuľku

Tabuľka 6.1. Vlastnosti tabuľky

Prvok dialógu	Vlastnosť tabuľky
Vložiť okná tabuľky
Riadky	Počet riadkov v tabuľke
Stĺpce	Počet stĺpcov v tabuľke
Zarovnanie	Spôsob zarovnania tabuľky (predvolené je zarovnanie vľavo)
Veľkosť okraja	Hrúbka deliacich a ohraničujúcich čiar v pixeloch Predvolená hodnota - 0 Ak sa táto hodnota nezmení, rám tabuľky sa v prehliadači nezobrazí, ale na Frontpage je označený bodkovanou čiarou
Výplň buniek	Veľkosť priestoru (v pixeloch) medzi okrajmi bunky a jej obsahom (predvolená hodnota je 1)
Rozstup buniek	Medzera (v pixeloch) medzi susednými bunkami (predvolená hodnota je 2)
Zadajte šírku	Šírka tabuľky Táto hodnota sa nastavuje buď v pixeloch (prepínač v pixeloch) alebo ako percento šírky okna prehliadača alebo rámca, v ktorom je stránka zahrnutá (prepínač v percentách)

7. Nemeňte žiadnu z hodnôt, kliknite na tlačidlo OK. V dôsledku toho sa vytvorí tabuľka s dvoma riadkami a dvoma stĺpcami. Vyberte tabuľku s pomocou príkazu Tabuľka v podponuke Vybrať ponuky Tabuľka. Stlačením klávesu vymažete tabuľku. Ak ste v kroku 5 nevytvorili na začiatku strany prázdny riadok, urobte to teraz.
8. Kliknite na tlačidlo Vložiť tabuľku na paneli nástrojov Tabuľka. Objaví sa pred vami prototyp tabuľky, kde je veľmi jednoduché určiť, koľko riadkov a stĺpcov má tabuľka obsahovať. Kliknite na druhú bunku v druhom riadku, ako je znázornené na nasledujúcom obrázku. V tomto prípade sa vytvorí aj tabuľka pozostávajúca z dvoch riadkov a dvoch stĺpcov (štyri bunky).
Pozreli sme sa na dva spôsoby, ako vytvoriť tabuľku. Keď použijete tlačidlo Vložiť tabuľku na paneli s nástrojmi, použijú sa predvolené hodnoty. Ak aktivujete príkaz Tabuľka v podponuke Vložiť ponuky Tabuľka, nezávisle určíte hodnoty parametrov vytváranej tabuľky.
Poznámka
Pomocou tlačidla Vložiť tabuľku môžete vytvoriť tabuľku obsahujúcu oveľa viac riadkov a stĺpcov, než sa pôvodne zobrazovalo v prototype:
Keď presuniete ukazovateľ myši mimo okraj, prototyp sa automaticky roztiahne.
Vlastnosti tabuľky
Hodnoty priradené vlastnostiam tabuľky ju definujú vzhľad.
1. Do ľavej hornej bunky tabuľky, ktorú sme vytvorili, zadajte číslo 5.
Stlačením klávesu sa presuňte do bunky vpravo a zadajte nasledujúcu vetu:
Toto je dosť dlhá veta. Vaša tabuľka by mala vyzerať ako na nasledujúcom obrázku. Šírka tejto tabuľky dosahuje takmer 100% šírky okna.

2. Dvakrát stlačte kláves so šípkou nadol, aby ste presunuli kurzor mimo tabuľku. Za tabuľku vložte tri prázdne riadky trojitým stlačením klávesu.
Poznámka
Ak umiestnite kurzor do poslednej bunky a stlačíte kláves , do tabuľky sa pridá nový riadok a kurzor sa presunie do prvej bunky nového riadka.
3. Aktivujte príkaz Tabuľka v podponuke Vložiť v ponuke Tabuľka a vypnite možnosť Zadať šírku v spodnej časti dialógového okna (rovnakomenné vstupné pole bude nedostupné). Kliknite na tlačidlo OK. V dôsledku toho sa objaví druhá tabuľka, ktorej šírka je oveľa menšia ako prvá.
4. Zadajte číslo 1 do ľavej bunky prvého riadku tabuľky, stlačte kláves, čím sa kurzor presunie do druhej bunky prvého riadku a zadajte vetu. Toto je dosť dlhá veta
Pomocou klávesu sa presuňte do ľavej bunky druhého riadku a zadajte číslo 2. Znova stlačte kláves (kurzor sa presunie do pravej bunky druhého riadku) a zadajte vetu: Toto je len veta
Šírka každého stĺpca je nastavená podľa najdlhšej čiary v tomto stĺpci (obrázok 6.2).

Ryža. 6.2. Vlastnosť Zadať šírku je nastavená pre hornú tabuľku, ale nie pre dolnú tabuľku.

5. Kliknite pravým tlačidlom myši na druhú tabuľku a v kontextovej ponuke vyberte príkaz Vlastnosti tabuľky, čím sa otvorí rovnomenné dialógové okno zobrazené na Obr. 6.3. Rovnako ako v dialógovom okne otvorenom príkazom Tabuľka podponuky Vložiť ponuky Tabuľka (obr. 6.1), aj v ňom môžete nastaviť parametre tabuľky ako zarovnanie, hrúbku deliacich a obmedzujúcich čiar tabuľky, veľkosť intervaly medzi okrajmi bunky a jej obsahom, interval medzi susednými bunkami a šírka tabuľky. Okrem toho je možné určiť výšku stola, vybrať farbu pre plné pozadie stola alebo obrázok pozadia a určiť farbu pre deliace čiary. V poli so zoznamom Float môžete určiť, akým spôsobom sa má tabuľka posunúť - doprava alebo doľava - aby sa text alebo obrázok umiestnili naľavo alebo napravo od tabuľky. Štandardne je pole Float nastavené na Predvolené. Podľa tohto nastavenia môže byť text umiestnený iba pod alebo nad tabuľkou.

Obr 6 3 Dialógové okno Vlastnosti tabuľky

6. Nastavte nasledujúce hodnoty pre vlastnosti tabuľky: Veľkosť okraja - 5, Výplň buniek - 6, Rozstup buniek - 8. Nastavenia potvrďte kliknutím na tlačidlo OK. Vaša tabuľka by mala vyzerať ako na nasledujúcom obrázku. Kliknite pravým tlačidlom myši na pravú bunku prvého riadku hornej tabuľky (obrázok 6-2) a v kontextovej ponuke vyberte príkaz Vlastnosti bunky Otvorí sa dialógové okno s rovnakým názvom (obrázok 6-4). obsahuje sú popísané v tabuľke 6.2.

Obrázok 6.4. Dialógové okno Vlastnosti bunky

Tabuľka 6.2. Vlastnosti buniek

Prvok dialógu Okná Vlastnosti bunky	Funkcia
Horizontálne zväčšenie	Horizontálne zarovnanie obsahu bunky K dispozícii sú nasledujúce možnosti: Vľavo, Na stred, Vpravo. Predvolene je nastavené zarovnanie doľava
Vertikálne zarovnanie	Vertikálne zarovnanie obsahu bunky K dispozícii sú nasledujúce možnosti: Horný (horný okraj), Stred (stred), Základná čiara (zarovnanie obsahu bunky pozdĺž referenčnej čiary), Dolný (dolný okraj) Predvolene je nastavené zarovnanie na stred
Preklenuté riadky	Toto pole označuje, o koľko riadkov chcete túto bunku roztiahnuť.
Stĺpce preklenuté	Toto pole určuje, na koľko stĺpcov chcete bunku roztiahnuť.
Bunka hlavičky	Formátovanie bunky ako hlavičky riadka alebo stĺpca (nastaví text bunky na tučné písmo)
Bez obalu	Zákaz delenia slov v bunke vo webovom prehliadači; v opačnom prípade sa text preruší, ak je okno prehliadača príliš úzke na jeho úplné zobrazenie
Zadajte šírku	Určuje výšku bunky v pixeloch alebo ako percento celkovej výšky tabuľky (iba ak je aktívna možnosť Zadať výšku). Ak je táto možnosť vypnutá, výška bunky sa automaticky zmení tak, aby sa zadaný text alebo objekt do nej úplne zmestil
Hranice	V tejto oblasti okna môžete definovať farbu pre deliace a obmedzujúce čiary, ktoré môžu byť jednofarebné alebo dvojfarebné. V prvom prípade použite vstupné pole Border, v druhom - ľubovoľné dve polia z troch navrhovaných. V druhom prípade sa rám ukáže ako objemný
Pozadie	Vytvorenie pozadia pre bunku (buď plné farby alebo obsahujúce obrázok)

Hodnoty vlastností je možné zmeniť buď pre jednu bunku, alebo pre vybraný rozsah.

Poznámka

Pri zmene šírky bunky dbajte na to, aby celková šírka buniek v riadku nepresiahla 100 %, inak sa bunky tabuľky nezobrazia správne.

1. V zozname Horizontálne zarovnanie v dialógovom okne Vlastnosti bunky vyberte možnosť Center a v poli Vertical
Zarovnanie - položka Top (zarovnať na horný okraj). Do poľa Veľkosť okraja zadajte hodnotu 1. Nastavenia potvrďte kliknutím na tlačidlo OK.
V dôsledku toho sa zmení spôsob usporiadania údajov v bunke a hrúbka deliacich a obmedzujúcich čiar bude rovná jednému pixelu.
2. Vyberte spodný riadok tabuľky a kliknite pravým tlačidlom myši. Z kontextovej ponuky vyberte príkaz Vlastnosti bunky. Do poľa Columns Spanned zadajte hodnotu 2 a kliknite na OK. Výsledná tabuľka by mala vyzerať ako tá nižšie. Bunka úplne vľavo sa bude prekrývať s dvomi hornými, ale napravo by mala byť ďalšia bunka.

Poznámka
Určitý počet buniek v tabuľke môžete vybrať takto: umiestnite ukazovateľ myši naľavo od bunky, z ktorej začnete výber, a keď sa zmení na šípku smerujúcu doprava, stlačte ľavé tlačidlo myši. a vyberte požadované bunky.
Poznámka
Stĺpce v tabuľke, ktorú vytvoríte, môžu mať inú šírku ako tie, ktoré sú zobrazené na obrázku. Je to spôsobené rozdielmi v rozlíšení monitorov.
3. Ak chcete zmeny vrátiť späť, stlačte kombináciu klávesov alebo aktivujte príkaz Undo Edit Properties v ponuke Edit.
4. Vyberte prvý riadok hornej tabuľky, otvorte dialógové okno Vlastnosti bunky a do poľa Rows Spanned zadajte hodnotu 2. Nakoniec kliknite na OK. Dve horné bunky sa posunú doľava a dve spodné bunky sa posunú doprava.

5. Kliknite na tlačidlo Späť na paneli nástrojov. Prejdite do ľavej bunky prvého riadku hornej tabuľky a otvorte dialógové okno Vlastnosti bunky. Nastavte možnosť Zadať šírku a aktivujte prepínač V pixeloch, aby ste mohli nezávisle určiť šírku bunky v pixeloch (sprístupní sa vstupné pole Zadať šírku). Do vstupného poľa Zadajte šírku zadajte hodnotu 40 a kliknite na tlačidlo OK. Veľkosť oboch buniek v prvom stĺpci sa zväčší.

7. Aktivujte tlačidlo Späť, kliknite na pravú bunku druhého riadku a otvorte ponuku Tabuľka. Táto ponuka obsahuje štyri podponuky. Príkazy ponuky tabuľky sú popísané v tabuľke. 6.3.

Tabuľka 6.3. Príkazy ponuky tabuľky
Tím	Popis
Kresliť tabuľku	Umožňuje nakresliť tabuľku rovnakým spôsobom ako pomocou ceruzky na list papiera
Podponuka tabuľky Vložiť	Po aktivácii tohto príkazu sa otvorí dialógové okno Vložiť tabuľku. V ňom môžete nastaviť parametre vytváranej tabuľky, ktorá sa vloží na miesto, kde sa nachádza kurzor (ak sa kurzor nachádza v bunke inej tabuľky, umiestni sa do nej druhá tabuľka)
Podponuka Vložiť riadky alebo stĺpce Vložiť	Dialógové okno Vložiť riadky alebo stĺpce určuje počet riadkov a stĺpcov, ktoré možno vložiť nad, pod, napravo alebo naľavo od výberu.
Podponuka bunky Vložiť	Vloží novú bunku naľavo od vybratej bunky, ktorá je posunutá doprava
Podponuka titulkov Vložiť	Určené na vloženie prázdneho riadku nad tabuľku. Tento riadok je spojený s tabuľkou: keď sa vyberie alebo odstráni tabuľka, vyberie sa alebo odstráni aj hlavička. Predvolene je hlavička tabuľky nastavená na zarovnanie na stred, ale môže byť zarovnaná doľava alebo doprava
Odstrániť bunky	Používa sa na odstránenie vybratých buniek
Zlúčiť bunky	Umožňuje zlúčiť viacero buniek v riadku aj stĺpci
Split Cells	V dialógovom okne Rozdeliť bunku môžete nastaviť, aby sa vybrané bunky rozdelili na riadky aj stĺpce
Podponuka Bunka, Riadok, Stĺpec, Tabuľka Vybrať	Prvý príkaz sa používa na výber aktuálnej bunky, druhý - aktuálny riadok, tretí - aktuálny stĺpec a štvrtý - celú tabuľku
Rovnomerne rozmiestniť riadky, rovnomerne rozmiestniť stĺpce	Prvý príkaz vám umožňuje nastaviť rovnakú šírku pre vybrané riadky a druhý - pre vybrané stĺpce
Automatické prispôsobenie	Zmenší dĺžku každého stĺpca na veľkosť, ktorú priamo zaberajú informácie v nich obsiahnuté. Povolenie tohto príkazu má rovnaký účinok ako vypnutie možnosti Zadať šírku v dialógovom okne Vložiť tabuľku, t.j. Dĺžka buniek sa bude automaticky meniť v závislosti od dĺžky zadávaného textu alebo dĺžky objektu v nich umiestneného
Podponuka Text do tabuľky Konvertovať	Umožňuje previesť vybraný text na tabuľku. Aktiváciou tohto príkazu sa otvorí dialógové okno na výber oddeľovacieho znaku. Na oddelenie obsahu stĺpcov použite čiarky a na oddelenie riadkov značky odsekov.
Podponuka Tabuľka na text Konvertovať	Umožňuje previesť tabuľkové údaje na text, pričom obsah každej bunky tvorí samostatný odsek
Podponuka Titulok, Bunka, Vlastnosti tabuľky	Tieto tri príkazy poskytujú prístup k oknám Vlastnosti titulkov, Vlastnosti bunky a Vlastnosti tabuľky.

Poznámka
Ak chcete vybrať viacero nesusediacich buniek, podržte stlačené tlačidlo
Tabuľka ponuky. Pozrime sa bližšie na niektoré príkazy ponuky Tabuľka popísané v Tabuľke. 6.3
1. Aktivujte príkaz Tabuľka v podponuke Vložiť.V dialógovom okne, ktoré sa otvorí, kliknite na tlačidlo OK bez zmeny predvolených nastavení.V dôsledku toho sa v bunke zobrazí tabuľka s dvoma riadkami a dvoma stĺpcami.

Poznámka
Keď sme vytvorili druhú tabuľku (krok 3 druhého cvičenia tejto kapitoly), zakázali sme možnosť Zadať šírku v okne Vložiť tabuľku. V kroku 1 tretieho cvičenia sme zadali hodnotu 1 do poľa Veľkosť okraja Okno Vlastnosti tabuľky V aplikácii Frontpage boli tieto nastavenia uložené, takže pri vytváraní novej tabuľky v okne Vložiť tabuľku bude štandardne vypnutá možnosť Zadať šírku a pole Veľkosť okraja bude obsahovať hodnotu 1.
1. Najprv kliknite na tlačidlo Späť a potom na ľavú bunku prvého riadku tabuľky. V podponuke Vložiť vyberte príkaz Riadky alebo stĺpce. V dôsledku toho sa otvorí dialógové okno s rovnakým názvom

Súhlaste s predvolenými nastaveniami: sú vybraté prepínače Riadky a Výber pod a do poľa Počet riadkov sa zadá hodnota 1. Kliknite na tlačidlo OK. Pod prvým riadkom tabuľky sa zobrazí nový riadok
3. Znovu aktivujte príkaz Vložiť riadky alebo stĺpce podponuky Vložiť Nastavte prepínače Stĺpce a Vľavo od výberov (naľavo od vybranej oblasti) Potom kliknite na tlačidlo OK Výsledná tabuľka by mala vyzerať takto obrázok

4. Aktivujte príkaz Bunka podponuky Vložiť. V dôsledku toho sa do tabuľky vloží nová bunka a bunka umiestnená vpravo sa presunie mimo riadok doprava Kurzor sa automaticky umiestni do novej bunky

Ak chcete vybrať bunku, aktivujte príkaz Bunka v podponuke Vybrať (vyberte bunku) alebo stlačte kláves pri kliknutí na bunku Na odstránenie buniek použite príkaz Odstrániť bunku
5. Aktivujte príkaz Caption v podponuke Vložiť Kurzor bude umiestnený nad tabuľkou v strede Zadajte nasledujúcu vetu. Toto je hlavička tabuľky
6. Vyberte spodný riadok v prvej tabuľke Potom vyberte príkaz Zlúčiť bunky.V dôsledku toho sa v spodnom riadku odstránia všetky deliace čiary medzi bunkami

7. Kliknite na bunku úplne vpravo v prvom riadku a aktivujte príkaz Rozdeliť bunky Otvorí sa dialógové okno Rozdeliť bunky

Prijmite predvolené nastavenia a kliknite na tlačidlo OK. Zadaná bunka sa rozdelí na dve

8. Aktivujte príkaz Tabuľka v podponuke Vybrať a stlačte kláves . Tabuľka bude vymazaná. Kliknutím na tlačidlo Späť ho obnovíte.
Poznámka
Existuje ďalší spôsob, ako vybrať tabuľku: dvakrát kliknite na ľavú stranu tabuľky (tie jej limity)
9. Otvorte dialógové okno Vlastnosti tabuľky a do vstupného poľa Veľkosť okraja zadajte hodnotu 0. Kliknite na tlačidlo OK. V dôsledku toho budú hranice tabuľky označené bodkovanými čiarami.
Kreslenie tabuľky
Doteraz ste tabuľky vytvárali pomocou príkazu Tabuľka z podponuky Vložiť ponuky Tabuľka. V tomto prípade sa webová stránka generuje automaticky v súlade s nastavenými hodnotami vlastností. Po vytvorení tabuľky ste tieto hodnoty zmenili v dialógovom okne Tab!c Pioperties, pridali a odstránili stĺpce a riadky, zlúčili bunky atď. prostredníctvom príkazov Tabie. Frontpage ponúka ďalší spôsob vytvárania a úpravy tabuliek, podľa ktorého sa na spracovanie tabuliek používajú tlačidlá na paneli nástrojov Able. Tlačidlo Draw Table umožňuje manuálne nakresliť tabuľku. Tlačidlo Guma sa používa na odstránenie sekcií čiar téglika z buniek. Zostávajúce tlačidlá duplikujú zodpovedajúce príkazy ponuky Tabuľka
1. Umiestnite kurzor do prázdneho riadku medzi dve tabuľky, potom dvakrát stlačte tlačidlo myši a raz kláves so šípkou nahor.
Poznámka
Pri vytváraní tabuliek je dobré nechať medzi tabuľkami prázdny riadok, pretože Frontpage sťažuje vkladanie riadkov medzi tabuľky. Po dokončení rozloženia je jednoduchšie odstrániť nepotrebné.
1. Z ponuky Tabuľka aktivujte príkaz Nakresliť tabuľku. V dôsledku toho sa zobrazí panel s nástrojmi Tabuľka a ukazovateľ myši bude vyzerať ako ceruzka. V tabuľke 6 4 popisuje tlačidlá na paneli nástrojov Tabuľka
3. Umiestnite ukazovateľ myši medzi existujúce tabuľky na ľavej strane strany a presuňte ho najskôr vodorovne do polovice strany a potom nadol o vzdialenosť, ktorá sa rovná výške druhej tabuľky.
Kapitola 6. Tabuľky a rámy lul
4. Umiestnite ukazovateľ myši na horný okraj tabuľky blízko ľavého rohu. Posuňte ukazovateľ vodorovne o vzdialenosť rovnajúcu sa polovici dĺžky tabuľky. Presuňte ho nadol k spodnému okraju. Tabuľka má teraz dva stĺpce.
5. Vytvorte tri riadky v pravom stĺpci (výška riadkov môže byť ľubovoľná).
6. Vyberte druhý stĺpec tabuľky. Kliknite na tlačidlo Rozmiestniť riadky rovnomerne na paneli s nástrojmi, čo spôsobí, že všetky tri riadky budú mať rovnakú výšku.

7. Nakreslite čiaru rozdeľujúcu druhý riadok pravého stĺpca na dve časti.
8. Nakreslite dve čiary rozdeľujúce spodnú čiaru v pravom stĺpci na tri časti. Šírka prvej novej bunky sa nastaví rovnako ako šírka bunky umiestnenej navrchu

9. Umiestnite ukazovateľ na pravý okraj prvého stĺpca. V dôsledku toho bude mať ukazovateľ podobu obojstrannej šípky.
10. Posuňte okraj stĺpca doprava, aby ste ho rozbalili.
11. Aktivujte tlačidlo Vymazať na paneli nástrojov Tabuľka. Ukazovateľ myši sa zobrazí ako guma. Potiahnite gumu kolmo na čiaru, ktorá oddeľuje bunky úplne vpravo a prostredné v spodnom riadku. V dôsledku toho táto deliaca čiara zmizne (pozri nižšie).

12. Znova kliknite na tlačidlo Guma (obnoví sa normálne zobrazenie ukazovateľa myši). Umiestnite ukazovateľ na vrch druhého stĺpca. Keď sa ukazovateľ zmení na malú čiernu šípku smerujúcu nadol, kliknutím zvýraznite stĺpec.
13. Stlačte kláves a posuňte ukazovateľ doprava, umiestnite ho nad najvzdialenejší stĺpec. Po kliknutí sa zvýraznia vonkajšie dva stĺpce.
14. Kliknite na tlačidlo Rozmiestniť stĺpce rovnomerne na paneli s nástrojmi. Výsledná tabuľka je uvedená nižšie.

15. Vyberte tabuľku pomocou príkazu Tabuľka z podponuky Vybrať ponuky Tabuľka a stlačením klávesu ju vymažte.
Tabuľka 6 4. Tlačidlá panela nástrojov tabuľky

Cvičenia, ktoré sme vykonali, sú navrhnuté tak, aby demonštrovali, aké široké sú možnosti FiontPage z hľadiska vytvárania tabuliek.Všetky operácie prebiehajú v režime WYSIWYG, v ktorejkoľvek fáze práce môžete vidieť, ako bude vytvorená tabuľka vyzerať v prehliadači.

Import textových informácií do tabuľky.

Aby bolo možné správne importovať text do tabuľky, musí byť príslušne pripravená; časti textu umiestnené v susedných bunkách tabuľky musia byť od seba oddelené špeciálnymi znakmi (oddeľovačmi), ako sú napríklad čiarky. Najčastejšie sa ako oddeľovače používajú interpunkčné znamienka. Ďalej vykonajte nasledujúcu postupnosť akcií:
1. Kliknite pod spodnú tabuľku a stlačte kláves

2. Vyberte zadaný text; ponuka 1 Tabuľka a aktivácia textu príkazu Do tabuľky Podponuka Comen *
3. V dialógovom okne Konvertovať text na tabuľku, ktoré sa načíta, vyberte prepínač Iné, vymažte bodky v poli napravo a zadajte bodkočiarku Kliknite na tlačidlo OK V dôsledku toho sa text naimportuje do tabuľky (obr. 6.5.)

Obrázok 6.5. Tabuľka vytvorená z informácií o teste

Poznámka
HTML nepodporuje znaky tabulátorov Ak konvertujete textové informácie na tabuľku, ktorá používa tabulátory na oddelenie skupín informácií, tieto znaky sa odstránia a tabuľka sa nevytvorí správne. Namiesto tabelátorov by ste mali použiť interpunkčné znamienka, ktoré sa v textovom súbore nepoužívajú. V tomto príklade je použitá bodkočiarka, pretože text obsahuje čiarky a spojovníky. Alternatívnym znakom je značka odseku * Možno budete chcieť importovať obsah do tabuľky textový súbor Najprv však musíte importovať text zo súboru a stránok) aktiváciou príkazu Súbor v ponuke Vložiť. Treba pamätať na to, že Frontpage neimportuje text v cyrilike správne (nemá problémy s latinkou). Preto ak chcete extrahovať podobný text zo súboru a umiestnite ho na stránku, otvorte súbor v textovom editore, akým je napríklad Poznámkový blok, a preneste text na stránku pomocou schránky - Poznámka. vyd.
4. Vyberte spodný (prázdny) riadok v tabuľke, ak existuje, a odstráňte ho.
5. Kliknite pravým tlačidlom myši na tabuľku a z kontextového menu aktivujte príkaz Vlastnosti tabuľky. V zozname Zarovnanie dialógového okna, ktoré sa otvorí, vyberte prvok Stred a potom vypnite možnosť Zadať šírku Do poľa Výplň bunky zadajte hodnotu 4, čím určíte vzdialenosť medzi okrajmi bunky a jej obsahom. Po dokončení všetkých vyššie uvedených nastavení kliknite na tlačidlo OK.
6. Vyberte riadok isepxmolo, kliknite naň pravým tlačidlom myši a otvorte dialógové okno Vlastnosti bunky V tomto okne nastavte možnosť Bunka hlavičky a v zozname Horizontálne zarovnanie vyberte položku Doľava. Nakoniec kliknite na tlačidlo OK.
7. V ponuke Tabuľka aktivujte príkaz Titulok podponuky Vložiť. Kliknite na tlačidlo Tučné na paneli s nástrojmi Formátovanie. Názov tabuľky, ktorý zadáte, bude zvýraznený tučným písmom. Zadajte napríklad nasledujúci názov. CELÉ MENO. a rok narodenia zamestnancov
8. Vyberte prvý riadok tabuľky a kliknite na zoznam Farba výplne na paneli nástrojov Tabuľka. V zozname, ktorý sa otvorí, vyberte farbu Aqua (tretí štvorec zľava v druhom riadku) a kliknite na tlačidlo OK.

9. Vyberte zostávajúce riadky v tabuľke a otvorte dialógové okno Vlastnosti bunky. V poli so zoznamom Farba v oblasti Pozadie zadajte žltú farbu a v zozname Vodorovné zarovnanie vyberte možnosť Stred.
Kliknite na tlačidlo OK Výsledná tabuľka by mala vyzerať ako na obr. 6.6.
10. Kliknutím na tlačidlo Uložiť uložte vytvorené tabuľky.
11. V ponuke Súbor vyberte položku Ukážka v prehliadači. V dialógovom okne, ktoré sa načíta, vyberte prehliadač Internet Explorer 5.0 a kliknite na tlačidlo Náhľad. Na obr. 6.7 prezentované Domovská stránka Testovacie tabuľky Webová stránka obsahujúca tabuľku, ktorú sme vytvorili. Ak používate iný prehliadač, otvorte si v ňom túto stránku a uvidíte, ako sa zobrazí nami vytvorená tabuľka.
Najnovšie verzie prehliadačov majú rozšírenú podporu pre tabuľky. Predtým existovali výrazné rozdiely medzi spôsobom zobrazovania tabuliek v rôznych prehliadačoch. Niektoré prehliadače ich vôbec nepodporovali. Svoju prácu by ste si mali prezrieť v rôznych prehliadačoch a zhodnotiť, ako v nich vyzerajú vaše tabuľky. V súčasnosti na trhu prehliadačov dominujú produkty od spoločností Netscape a Microsoft. Tieto dva prehliadače podporujú tabuľky celkom dobre.

Ryža. 6.6. Konečná verzia tabuľky (režim zobrazenia stránky)

Ryža. 6.7. Záverečná tabuľka (Internet Explorer 5.0)

Používanie tabuliek pri navrhovaní webovej stránky

Tabuľky sú užitočné na rozdelenie stránky na oblasti, v ktorých budú prezentované informácie.
Nasleduj tieto kroky:
1. V zobrazení stránky vytvorte novú stránku. Vložte jeden prázdny riadok na začiatok stránky.
2. Aktivujte príkaz Clip Art z podponuky Obrázok ponuky Vložiť. Načíta sa dialógové okno Galéria klipov. Posuňte zobrazenie nadol v okne, aby ste videli ikonu Miesta. Dvakrát naň kliknite. V okne sa zobrazia obrázky súvisiace s kategóriou Miesta. Vyberte obrázok s architektonickou pamiatkou Taj Mahal a kliknite na tlačidlo Vložiť klip na paneli, ktorý sa zobrazí. Obrázok sa umiestni na stránku.
3. Umiestnite kurzor pod obrázok a zadajte nasledujúci text: "Pamätník indickej architektúry. Mauzóleum sultána Shah Jahana a jeho manželky. Nachádza sa 2 kilometre od mesta Agra. Konštrukcia s piatimi kupolami z bieleho mramoru s mozaikou farebné kamene. Výška je 74 metrov. K Tádž Mahal susedí so štyrmi minaretmi a záhradou. Obraz od známeho ruského umelca V.V. Vereščagina, ktorý navštívil Indiu, predstavuje tento príklad indicko-moslimskej architektúry.“
4. Zvýraznite zadaný text. Stlačením kombinácie klávesov skopírujete text do schránky. Umiestnite kurzor na koniec poslednej vety a vložte medzeru. Stlačte kombináciu klávesov. V dôsledku toho sa pole textu zväčší, čo vám umožní ďalej dosiahnuť požadovaný výsledok - obklopiť obrázok textom.
5. Presuňte ukazovateľ na začiatok stránky. Aktivujte príkaz Tabuľka z podponuky Vložiť ponuky Tabuľka. V načítanom okne zadajte hodnotu 2 do poľa Riadky, -1 do poľa Stĺpce, 0 do poľa Veľkosť okraja a vypnite možnosť Zadať šírku. Nová tabuľka nahradí grafiku a text, ktorý sa posunie nadol. Výsledok je znázornený na nasledujúcom obrázku.

6. Potiahnite obrázok do horného riadku tabuľky.
7. Do spodného riadku tabuľky zadajte názov pamiatky „Taj Mahal“ Text nastavte na tučné a zarovnajte ho na stred gabtatsa kliknutím na tlačidlá Tučné a Stred na paneli nástrojov formátovania.
8 Otvorte dialógové okno Vlastnosti tabuľky a zvýraznite Left v zozname Float.Kliknite na OK. V dôsledku toho bude text umiestnený okolo tabuľky. V iných textových odpadkoch WOT sa efekt nazýva zalamovanie

9 Uložte stránku s názvom Tatj _Mahal a názvom Taj Mahal V ponuke Súbor aktivujte príkaz Náhľad v prehliadači Vyberte prehliadač a kliknite na tlačidlo Pieview Na obr. 6-8 sa stránka zobrazí v prehliadači Internet Explorer 5 O prehliadač
Ako ste videli, tabuľky uľahčujú zarovnávanie obrázkov a popisov. Vytvorte niekoľko stránok so šablónami, ktoré používajú tabuľky na demonštráciu ich účinnosti ako prostriedku na prezentáciu informácií.

Obrázok 6.8. Obtekanie textu okolo obrázka

Môžete mať svoje vlastné nápady týkajúce sa použitia tabuliek na webovej stránke. Implementujte ich. Experimentujte, kým nedosiahnete požadovaný výsledok. Len tak môžete získať úspešne navrhnutú stránku.

Práca s personálom

Klapbi, podobne ako tabuľky, slúžia na umiestňovanie informácií na jednotlivé stránky o hosťoch Rámy sú okná umiestnené na webovej stránke a určené na zobrazenie iných webových stránok Na stránku je možné umiestniť ľubovoľný počet rámov Pomocou rámov je veľmi pohodlné prezentovať informácie na webovej lokalite pomocou komplexný systém nadpisy V tomto prípade by ste mali vytvoriť stránku s dvoma rámcami: rámcom obsahu a hlavným rámcom Rámec obsahu obsahuje zoznam nadpisov, ktoré sú odkazmi. Keď je aktivovaná kategória odkazu, zodpovedajúca stránka sa načíta do hlavného rámca.
Ďalej absolvujete jednoduchý návod určený na demonštráciu princípov HR (tento príklad bude mať iba tri rubriky). Tento príklad budeme venovať architektonickým pamiatkam.
1. Vytvorte novú jednostránkovú webovú lokalitu a pomenujte ju Rámy. V režime zobrazenia strany aktivujte príkaz Strana z podponuky Nový v ponuke Súbor. V dialógovom okne Nový, ktoré sa načíta, prejdite na záložku Frame Pages, ktorá zobrazuje šablóny stránok s rámami (obr. 6.9).
Štandardne je vybratá šablóna Banner and Contents. Oblasť Ukážka predstavuje zloženie stránky, ktorá bude vytvorená na základe tejto šablóny, a oblasť Popis poskytuje popis šablóny. Postupne vyberte jednotlivé šablóny, prečítajte si ich popis a zistite, aké stránky je možné na ich základe vytvoriť.

Ryža. 6.9. Nové dialógové okno (karta Frame Pages)

2. Po skontrolovaní možností šablóny vyberte šablónu Hlavička, Päta a Obsah. Kliknite na tlačidlo OK.
Výsledkom bude stránka obsahujúca štyri rámce: rám s hlavičkou (horný rám), rám s obsahom vľavo, hlavný rám a rám päty (spodný rám) (obrázok 6.10). Každý rám obsahuje dve tlačidlá: Nastaviť úvodnú stránku (používa sa na výber úvodnej stránky, t. j. stránky, ktorá sa v rámci zobrazí ako prvá po
načítaním stránky rámov do prehliadača) a Nová stránka (kliknutím na tlačidlo Nová).
Výsledkom stránky je prázdna úvodná strana).

Ryža. 6.10. Stránka s rámami založená na šablóne Hlavička, Päta a Obsah

3. Kliknite na tlačidlo Nová strana v hornom rámci. Tým sa v rámci vytvorí nová prázdna stránka.
Poznámka
Ak chcete použiť existujúcu stránku ako úvodnú stránku rámca, musíte urobiť nasledovné: v tomto rámci kliknite na tlačidlo Nastaviť úvodnú stránku; v dialógovom okne Vytvoriť hypertextový odkaz, ktoré sa načíta, vyberte požadovanú stránku a zatvorte okno pomocou tlačidla OK.
4. Kliknite pravým tlačidlom myši na stránku v hornom rámci az kontextovej ponuky vyberte možnosť Zdieľané okraje. V načítanom dialógovom okne s rovnakým názvom je predvolene vybratý prepínač Aktuálna strana (toto nastavenie nemeňte). Ak sú nainštalované nejaké doplnky, vypnite ich.

Poznámka
Rámy sú alternatívnym navigačným nástrojom k zdieľaným oblastiam. Preto, ak sú na webovej lokalite rámce, spoločné oblasti sa nepoužívajú.
5. Na stránke v hornom ráme zadajte názov „Architectural Monuments“. Dajte nadpisu štýl odseku Nadpis 2 a zarovnajte ho na stred.
6. Kliknite na tlačidlo Nová strana v spodnom ráme. Na vytvorenej stránke zadajte nasledujúcu vetu: „V prípade otázok alebo pripomienok kontaktujte: [chránený e-mailom] Vyberte zadaný text a v zozname Veľkosť písma na paneli nástrojov Formátovanie vyberte hodnotu 2. Veľkosť písma zadanej vety bude 10 bodov.
7. Vytvorte novú stránku v rámci obsahu (ľavý rám). Zadajte nasledujúce tri riadky textu (po zadaní ďalšieho riadku stlačte kláves):
Akropola
Pyramídy
Taj Mahal
8. Vytvorte novú stránku v hlavnom rámci kliknutím na tlačidlo Nová strana. Stlačením klávesu vytvoríte prázdny riadok. V druhom riadku zadajte nasledujúcu vetu: "Vitajte vo svete architektúry!" Dajte zadanému textu štýl odseku Nadpis 1 a zarovnajte ho na stred strany. Upravte text kurzívou (označte ho a kliknite na tlačidlo Kurzíva na paneli nástrojov Formátovanie).
Boli teda vytvorené úvodné stránky všetkých snímok. Ďalej vykonáme zmeny domovskej stránke rámček obsahu.
9. Kliknite na tlačidlo Nová strana na štandardnom paneli nástrojov. Vytvorí sa nová prázdna strana bez rámov. Aktivujte príkaz Clip Art z podponuky Obrázok ponuky Vložiť. Načíta sa dialógové okno Galéria klipov. Do poľa Hľadať klipy zadajte názov architektonickej pamiatky:
Akropola. Po určitom čase sa zobrazia výsledky vyhľadávania (pozri nižšie) - obrázok Akropoly. Vyberte obrázok a na paneli, ktorý sa zobrazí, kliknite na tlačidlo Vložiť klip. Obrázok sa umiestni na stránku.

10. Vytvorte dve nové prázdne strany a umiestnite na ne ďalšie dva obrázky architektonických pamiatok z knižnice Clip Art: na prvú - egyptské pyramídy, na druhú - Tádž Mahal. V prvom prípade v okne Galéria klipov zadajte ako kritérium vyhľadávania Pyramídy, v druhom prípade Taj Mahal.
11. Prejdite na stránku s obrázkom Akropoly. Kliknite na tlačidlo Uložiť. V dialógovom okne Uložiť zadajte názov súboru pre stránku Akropolis. htm a zmeňte predvolený názov na Acropolis. Kliknite na tlačidlo Uložiť. Načíta sa dialógové okno Uložiť vložený súbor. Kliknite na tlačidlo Zmeniť priečinok. V okne s rovnakým názvom vyberte priečinok Obrázky. Zatvorte obe okná pomocou tlačidiel OK. Súbor s obrázkom sa uloží do priečinka Obrázky
12. Uložte si stránky s obrázkami pyramíd a paláca Tádž Mahal. V prvom prípade zadajte Pyramids htm a Pyramids ako názov a názov súboru stránky, v druhom prípade - Taj_Mahal.htm a Taj Mahal.
13. Prejdite na stránku v rámci obsahu. Zvýraznite slovo Akropola a kliknite na tlačidlo Hypertextový odkaz na štandardnom paneli nástrojov. V okne Vytvoriť hypertextový odkaz vyberte stránku Acropolis.htm. Pole Cieľový rámec musí obsahovať položku Predvolená (hlavná) stránka. To znamená, že stránka (Acropolis.htm), na ktorú je vytvorený hypertextový odkaz, sa otvorí v hlavnom rámci. Cieľový rámec môžete zmeniť v dialógovom okne Cieľový rámec, ktoré sa otvorí kliknutím na tlačidlo Zmeniť cieľový rámec. V zozname Common Targets tohto okna musíte vybrať príslušnú položku. Najmä, ak je vybratá položka Nové okno, po kliknutí na hypertextový odkaz sa stránka otvorí v novom okne prehliadača a ak je vybratá položka Rovnaký rámec, stránka sa otvorí v rovnakom rámci, v ktorom hypertextový odkaz sa nachádza

14. Podľa predchádzajúceho odseku vytvorte v rámci obsahu ďalšie dva hypertextové odkazy na stránky Pyramids.htm a Taj_Mahal.htm, v ktorých budú uvedené slová Pyramídy a Taj Mahal. Vytvorili sa tak tri hypertextové odkazy v rámci obsahu sa po aktivácii otvoria príslušné stránky v hlavnom rámci.
15. Dokončili sme vytváranie stránky rámov. Výsledok je znázornený na obr. 6.11.
16. Z ponuky Súbor vyberte príkaz Uložiť. Načíta sa dialógové okno Uložiť ako a zobrazí výzvu na uloženie stránky do horného rámu. Pravá strana okna Uložiť ako zobrazuje kompozíciu strany s rámami (rám, ktorý sa práve ukladá, zodpovedá šrafovanej oblasti). Pomenujte stránku Fr_header Kliknite na tlačidlo Uložiť. Ďalej sa v okne Uložiť ako zobrazí výzva na uloženie spodnej strany rámca (stránky rámca sa ukladajú v poradí, v akom boli vytvorené). Pomenujte stránku spodného rámu FrJboter, stránku s obsahom Fr_contents, hlavný rámec Fr_main Nakoniec budete vyzvaní na uloženie stránky s rámami. Dajte mu názov Rámy a názov „Architectural Monuments“ (Obr. 6.12).

Ryža. 6.11. Stránka s rámami v režime zobrazenia strany

Ryža. 6.12. Postup uloženia stránky s rámami

17. Načítajte si stránku s rámikmi do prehliadača a uvidíte, ako to dopadne
vyzerať ako.

Ryža. 6.13. Stránka s rámcami webovej lokality Rámy v prehliadači

Rám má množstvo vlastností, ktoré môžete ovládať. Hodnoty vlastností rámu sa nastavujú v dialógovom okne Vlastnosti rámu. Ak chcete otvoriť toto okno, kliknite pravým tlačidlom myši na rám (napríklad rám s obsahom) a z kontextového menu aktivujte príkaz Vlastnosti rámu. V dôsledku toho sa otvorí dialógové okno zobrazené na obr. 6.14. Prvky okna Vlastnosti rámu sú popísané v tabuľke. 6.5.

Tabuľka 6.5. Vlastnosti rámu

Element	Popis
názov	Pri vytváraní hypertextového prepojenia na stránke rámov musíte v dialógovom okne Vytvoriť hypertextový odkaz zadať názov rámca, do ktorého sa načíta príslušná stránka po aktivácii prepojenia.
Úvodná stránka Úvodná stránka	Toto vstupné pole označuje, ktorá stránka sa po načítaní zobrazí v rámci ako prvá
Veľkosť rámu	Táto oblasť obsahuje dve vstupné polia - Width (šírka) a Row Height (výška riadku). Hodnoty tu možno nastaviť v pixeloch, v relatívnych jednotkách alebo v percentách veľkosti okna prehliadača
Okraje	Táto oblasť určuje veľkosť okrajov rámca (intervaly medzi obsahom stránky a okrajmi rámca) a pixelov
Zmeniteľná veľkosť v prehliadači (zmena veľkosti v prehliadači)	Ak je táto možnosť nastavená, používateľ môže zmeniť veľkosť rámca vo svojom prehliadači
Zobraziť posuvníky (zobraziť posuvníky)	Tento zoznam obsahuje tri položky Ak je to potrebné (ak je to potrebné) - posuvné lišty sa zobrazia iba v prípade, že sa obsah stránky nezmestí do okna, Nikdy (nikdy) - posuvné lišty sa nezobrazujú bez ohľadu na množstvo informácií na stránke, Vždy (neustále ) - posúvacie lišty sa zobrazujú neustále Ktorá z týchto položiek by sa mala vybrať, závisí od obsahu stránok, ktoré sa načítajú do rámca Napríklad, ak je rám umiestnený v hornej časti stránky a obsahuje informácie spoločné pre všetky stránky (napríklad navigačný panel), mali by ste vybrať Nevei Upozorňujeme, že spôsob zobrazenia stránky závisí od rozlíšenia obrazovky. Preto je najlepšou možnosťou vybrať možnosť Ak je to potrebné. Ak chcete používateľovi poskytnúť s maximálnymi možnosťami zobrazenia informácií v rámci vyberte položku Vždy

Kliknite na tlačidlo Strana s rámcami v dialógovom okne Vlastnosti rámu, čím sa otvorí dialógové okno Vlastnosti strany. Vo vstupnom poli Frame Spacing môžete nastaviť hrúbku deliacich čiar medzi rámami na strane. Možnosť Zobraziť okraje určuje, či sa budú zobrazovať čiary medzi rámami.

Na stránke rámov môžete vytvoriť ďalšie rámce. Vykonajte nasledujúce kroky: v režime zobrazenia strany podržte kláves a posuňte horný okraj hlavného rámca mierne nadol, potom uvoľnite kláves a tlačidlo myši. V dôsledku toho sa nad hlavným rámcom vytvorí rám (obr. 6.15), ktorý neobsahuje stránku.

Ryža. 6.15. Nový rám

Dúfame, že ste presvedčení, že rámy sú veľmi pohodlným prostriedkom na prezentáciu informácií. Jedným z problémov, ktoré vznikajú pri práci s rámcami, je, že nie všetky prehliadače ich podporujú. Netscape Navigator podporuje rámce od verzie 20 a Internet Explorer od verzie 3 0 Podpora rámcov bola zavedená v HTML 3 2 Niektorí používatelia stále používajú staršie prehliadače. Uvedomte si preto, že významná časť vášho publika nemusí byť schopná správne zobraziť stránky s rámcami. Riešením tohto problému je vytvorenie stránky No Flames (bez rámov). Ak prehliadač používateľa nepodporuje rámce, namiesto toho sa zobrazí stránka Bez rámov. Frontpage automaticky vygeneruje
Stránka No Frames pri vytváraní stránky s rámami Môžete si to overiť kliknutím na záložku No Frames v spodnej časti okna Frontpage, keď je otvorená stránka Frames. Obrázok 6-16 zobrazuje stránku No Frames vytvorenú predvolene. Na tejto stránke môže používateľovi odporučiť používanie prehliadača s podporou rámov. Mali by ste tiež vytvoriť odkazy na tieto webové lokality, z ktorých si môžete stiahnuť prehliadač, ktorý podporuje rámce (napríklad na webovú lokalitu spoločnosti Microsoft, z ktorej si môžete stiahnuť prehliadač Internet Explorer 5.0)
Poznámka
Stránka s rámcami sa načítava dlhšie ako bežná webová stránka, pretože v skutočnosti načítava viacero stránok. Rámy by sa mali používať uvážlivo

Obrázok 6.16. Stránka No Flames v režime zobrazenia Pasu e

Navrhovanie rámových stránok vo Frontpage je hračkou vďaka mnohým funkčnosť poskytuje Frontpage, ako aj skutočnosť, že vo Frontpage sa úprava stránky vykonáva v režime WYSIWYG

Skôr ako začnete pracovať v aplikácii FrontPage, odporúčam vám vytvoriť priečinok špeciálne pre vašu lokalitu. Môže sa nazývať „stránka“, „moja stránka“, „moja super-duper stránka“ alebo, ak dávate prednosť angličtine, „moja stránka“, „stránka“.

Na internete súbory s ruskými názvami, bohužiaľ, nefungujú (to však neznamená, že nebudú fungovať na vašom počítači), takže z dlhodobého zvyku použijem predvolený priečinok stránky. Tento zvyk si môžete začať rozvíjať aj vy, ale je to len na vašu žiadosť :)

Vytvorený priečinok môžete umiestniť kamkoľvek, na disk C, do „Moje dokumenty“, na plochu... v zásade je to jedno, hlavné je, že máte je pohodlné s ňou pracovať.

Neodporúčam vám však vytvárať si priečinok priamo na ploche. Cesta k nej (môžete ju vidieť vo vlastnostiach priečinka alebo v samotnom priečinku, je uvedená v riadku „adresa“), v tomto prípade bude veľmi dlhá. Napríklad: "C:Documents and SettingsUsersUser001desktopsite". Pravda, môže byť krátky, napríklad: „C:WINDOWSDesktopsite“. Všetko závisí od nastavení vášho počítača.

Ak je cesta stále dlhá, môžete vytvoriť priečinok pre stránku na jednotke C (alebo D), potom bude jej cesta oveľa kratšia: „C: site“. A aby ste priečinok otvorili rýchlo a jednoducho, musíte k nemu vytvoriť odkaz a umiestniť ho na akékoľvek vhodné miesto, napríklad na rovnakú pracovnú plochu.

Prečo sa starať o veľkosť cesty k priečinku? Kvalitu tvorby webu to nijako neovplyvní, no z vlastnej skúsenosti som sa naučil, že oveľa pohodlnejšie je pracovať s priečinkami, ktorých cesta nie je príliš dlhá. V príklade sa použije nasledujúca cesta k priečinku „C:Documents and Settingssite“

Samostatný priečinok pre web - vec je mimoriadne pohodlná, niekedy dokonca nenahraditeľná. Vaše materiály a vytvorené stránky sa nikde nestratia, ale budú pokojne ležať vo vlastnom samostatnom priečinku.

Pomocou FrontPage by vytvorenie webovej stránky nemalo byť náročné ani pre menej skúseného používateľa. Môžete si napríklad vybrať hotovú webovú stránku, zmeniť štandardné údaje na svoje vlastné, niečo pridať, niečo vymazať a je to, web je možné umiestniť na internet. Výberom môžete vytvoriť novú webovú stránku Súbor(Súbor) | Vytvorte(Nový). Napravo od pracovného priestoru sa otvorí nasledujúce okno:

Kliknutím na odkaz Ďalšie šablóny webových stránok Uvidíte, že existuje oveľa viac rôznych typov webových stránok od jednostránkových až po firemné. V záujme experimentovania môžete skúsiť vybrať webovú lokalitu a vytvoriť lokalitu v tejto šablóne.

V skutočnosti však nepodporujem tento spôsob vytvárania stránky, pretože FrontPage vytvára veľa nepotrebných priečinkov pre hotovú webovú stránku. A vo všeobecnosti je veľa nepotrebných vecí.

Preto navrhujem trochu iný prístup. Navrhujem vytvoriť webovú stránku od začiatku výberom možnosti v okne vytvorenia novej stránky Prázdna stránka. Alebo nemôžete vybrať nič, ale jednoducho zavrieť okno na vytvorenie novej stránky, pretože táto položka je už predvolene vybratá.

A v tomto prázdnom priestore začneme vytvárať prvú stránku webu, alebo skôr jeho šablónu.

Ak sa viac či menej vyznáte v internete, určite ste si všimli, že mnohé stránky pozostávajú z tabuliek. Niektoré tabuľky sú dobre viditeľné, iné sú úplne neviditeľné. To je to, čo urobíme stránka pozostávajúca z tabuliek.

V súčasnosti tabuľky ako prostriedok na vytváranie rámca postupne zastarávajú, nahrádzajú sa nimi rozloženie pomocou vrstiev. Ale tabuľky stále zostávajú jednoduché a efektívnym spôsobom formátovanie stránky. Na začiatok je to tak akurát.

Existuje niekoľko spôsobov, ako vytvoriť tabuľku v aplikácii FrontPage. Teraz podrobne opíšem každý z nich, aby ste si neskôr mohli vybrať ten najvhodnejší pre seba. Ale keďže sa môžete učiť iba praxou, radím vám nielen prečítať si nižšie uvedený text, ale tiež dodržiavať všetky opísané kroky.

takže, prvý spôsob. Na paneli ponuky príkazov vyberte príkaz Tabuľka(Tabuľka) a v rozbaľovacej ponuke - položka Vložiť(Vložiť) so šípkou. Presuňte kurzor myši na túto šípku a pred vami sa otvorí ďalšia rozbaľovacia ponuka. Vyberte si položku Tabuľka(Tabuľka).

Prvým spôsobom vytvorenia tabuľky vo FrontPage je použitie ponuky Tabuľka

Po výbere tohto príkazu sa pred vami otvorí okno, kde môžete zadať rôzne parametre vytváranej tabuľky.

Aké parametre môžete nastaviť? V prvej oblasti Veľkosť môžete si vybrať požadované množstvo linky(riadky) a reproduktory(stĺpce).

V ďalšej oblasti pozícia(Rozloženie) je možné prispôsobiť:

• umiestnenie tabuľky na stránke - na to v teréne Zarovnanie(Zarovnanie) musíte vybrať jednu z nasledujúcich hodnôt:

• Predvolené(Predvolené) - potom bude tabuľka umiestnená podľa uváženia prehliadača používateľa, s najväčšou pravdepodobnosťou na ľavom okraji;
• Vľavo(vľavo);
• Napravo(Správny);
• Vycentrované(Stred);

• vzdialenosť medzi okrajom bunky a jej obsahom - za týmto účelom zadajte do poľa požadovanú hodnotu Okraje buniek(Cell Padding);
• vzdialenosť medzi bunkami tabuľky - na to stačí zadať požadovanú hodnotu do poľa Rozstup buniek(Cell Spasing);
• šírka tabuľky – všimnite si, či je zaškrtávacie políčko Presná šírka(Zadajte šírku) sa odstráni, veľkosť tabuľky bude závisieť len od jej obsahu. Ak je začiarkavacie políčko začiarknuté, môžete uviesť šírku v pixeloch(v pixeloch) resp v percentách(v percentách). Hneď poviem, že šírka pre hlavnú tabuľku (ktorú teraz vytvárame) je lepšie urobiť ako percento, potom sa zmení v závislosti od veľkosti okna používateľa.

V oblasti Hranice(Okraj) je možné nakonfigurovať:

• šírka okrajov tabuľky - na to stačí zadať požadovanú hodnotu do poľa Veľkosť okraja(Veľkosť okraja);
• farba, svetlé a tmavé strany stola

V oblasti Pozadie(Pozadie) môžete nastaviť farbu pozadia tabuľky alebo vybrať obrázok na pozadí.

Vezmime si napríklad nastavenia, ktoré som zadal skôr. Vyberte si OK a pozrite sa na výsledok.

Skvelé! Teraz skúsme použiť na porovnanie druhý spôsob vytvorenie tabuľky vo FrontPage. Na paneli nástrojov Štandardné(Štandardné) nájdite ikonu Pridať tabuľku(Vložiť tabuľku) a kliknite na ňu. Tým sa otvorí malé rozloženie tabuľky.

Rýchly spôsob, ako vytvoriť tabuľku, je použiť tlačidlo Pridať tabuľku(Vložiť tabuľku)

Podržte ľavé tlačidlo myši a vyberte požadovaný počet riadkov a stĺpcov. Takže napríklad na obrázku sú zvýraznené dva riadky a jeden stĺpec. Ak presuniete myš k pravému alebo dolnému okraju rozloženia, rozbalí sa. Po uvoľnení tlačidla myši sa okamžite zobrazí samotná tabuľka.

Tento spôsob vytvárania tabuľky je oveľa jednoduchší a rýchlejší ako prvý. Existuje jedno „ale“ - tu nemôžete vopred špecifikovať parametre vytváranej tabuľky. Ak sa teda chystáte vytvoriť ďalšiu tabuľku pomocou druhej metódy, jej parametre môžete zmeniť až po jej vytvorení.

O niečo neskôr vám poviem, ako to urobiť, ale teraz je to viac vizuálne, tretí spôsob vytvorenie tabuľky. toto - kresliaci stôl s myšou. Teraz to nepoužijeme, ale ak budete niekedy potrebovať vytvárať zložité tabuľky, budete vedieť, ako na to.

Prvý krok je úplne rovnaký ako v prvom prípade. V lište príkazov musíte vybrať príkaz Tabuľka(Tabuľka). Ďalší krok je však úplne iný. Keď si vyberiete tím Tabuľka(Tabuľka), otvorí sa pred vami rozbaľovacia ponuka. Pozrite sa pozorne, v spodnej časti má dvojitú šípku. Presuňte kurzor myši na túto šípku. Teraz máte celý zoznam príkazov pred sebou.

Príkazové menu Tabuľka

Tentoraz potrebujeme bod Nakreslite tabuľku(Nakreslite tabuľku). Kliknite. Otvorí sa nasledujúce malé okno.

Kreslenie tabuľky pozostáva z niekoľkých fáz: nakreslí sa vonkajší obdĺžnikový obrys tabuľky, nakreslia sa čiary rozdeľujúce tabuľku na riadky a stĺpce a prebytočné čiary sa vymažú.

Najprv sa uistite, že je zapnutý nástroj na kreslenie tabuľky (mal by sa zobraziť na svetlejšom pozadí ako ostatné tlačidlá). Teraz, keď kurzor vstúpi do oblasti dokumentu, bude mať tvar ceruzky.

Teraz presuňte kurzor myši na ľavý horný vrchol navrhovanej tabuľky. Potom stlačte a podržte ľavé tlačidlo myši, presuňte ho do pravého dolného rohu zamýšľanej tabuľky a tlačidlo uvoľnite. V dôsledku toho sa objaví vonkajší obrys tabuľky.

Teraz pomocou rovnakej ceruzky nakreslite čiary, ktoré tvoria vnútornú štruktúru tabuľky.

Nepotrebné čiary môžete odstrániť pomocou nástroja Guma(Guma). Je to jednoduché. Na paneli nástrojov Tabuľka Kliknite na tlačidlo (Tabuľka). Guma(Guma). Potom presuňte kurzor myši na riadok, ktorý chcete vymazať, a potiahnite ho. Vymazané čiary budú červené. Ak chcete deaktivovať režim gumy, kliknite na tlačidlo Guma(guma) znova.

Pomocou tejto metódy môžete nakresliť aj dobrý stôl, ale vráťme sa k predchádzajúcemu. Teraz s ňou budeme pracovať.

Prvý riadok môže byť ponechaný pre názov stránky, logo atď. Toto bude takzvaný vrchol stránky. Zvyčajne sa ponechá rovnaký pre všetky stránky lokality. Ďalší riadok zvyčajne obsahuje text, obrázky, fotografie, jedným slovom informácie. Je dobré nechať v spodnej časti priestor pre počítadlá, ktoré budú počítať počet návštevníkov. Môžete tam napísať aj meno tvorcu stránky :).

Ale máme len dva riadky! Naozaj budeme musieť začať odznova? Nie, čo si! Len vložíme ďalší riadok. Existuje niekoľko spôsobov, ako to urobiť.

Napríklad, ak máte stále otvorený panel s nástrojmi Tabuľka(tabuľka), Nový riadok možno pridať kliknutím na tlačidlo Pridať riadok(Vložiť riadok). Predtým, ako to urobíte, nezabudnite umiestniť kurzor na jeden z riadkov tabuľky. Pred riadkom, na ktorom bol kurzor, sa objaví nový riadok.

Ďalší spôsob vloženia riadku je tiež celkom jednoduchý. Na začiatok stačí vybrať jednu z existujúcich liniek, kliknúť pravým tlačidlom myši a... Ale počkajte, ako vybrať linku? Ani tu nie je nič zložité. Jednoducho presuňte kurzor myši na riadok, ktorý chcete zvýrazniť.

Potom počkajte, kým sa zmení na šípku a kliknite na ňu.

Zvýraznený riadok vyzerá takto:

A teraz bez odstránenia výberu kliknite pravým tlačidlom myši na vybraný riadok. Pred vami sa otvorí podmenu.

Zo všetkých týchto nepochybne užitočných bodov teraz potrebujeme iba jeden: Pridajte riadky(Vložiť riadok).

Mimochodom, riadok ste nemuseli vyberať, ale jednoducho naň kliknúť kurzorom. Stále však budete potrebovať zručnosť výberu tabuliek, riadkov a stĺpcov, tak si zvyknite :)

Oveľa pohodlnejší je nasledujúci spôsob vkladania nových riadkov do tabuľky. A teraz sami pochopíte prečo. Umiestnite kurzor na riadok nad (dole), kam chcete pridať nové riadky. Potom sa obráťte na náš obľúbený bod Tabuľka(Tabuľka), ktorá sa nachádza v príkazový riadok. Vyberte z rozbaľovacej ponuky Vložiť(Vložiť) | Riadky alebo stĺpce(Riadky alebo Stĺpce). Otvorí sa nasledujúce okno.

Vidíte, v spodnej časti okna si môžete vybrať umiestnenie nového riadku - nad vybraným riadkom (nad) alebo pod ním (dole). Upozorňujeme, že pri použití prvých dvoch metód sme takúto možnosť nedostali. Určíme počet riadkov, klikneme na OK a uvidíme, čo sme dostali.

Teraz máme tri riadky. Pre všetko bolo miesto, ostávalo už len určiť, kam umiestniť štruktúru našej stránky. Už ste na ňu zabudli? Teraz sa pozrieme na najjednoduchší spôsob, ako umiestniť štruktúru na stránku – jej umiestnením na druhý riadok, vedľa „informačného“ stredu.

Aby sme to urobili, vytvorte ďalšiu tabuľku s dvoma stĺpcami v druhom riadku. Už vieme, ako vytvoriť novú tabuľku. Navyše poznáme tri spôsoby, ako to urobiť! Ktorý z nich použijeme tentokrát?

Využime zatiaľ prvý, keďže parametre tabuľky potrebujeme upraviť hneď od začiatku. Cesta k vytvoreniu tabuľky: Tabuľka(tabuľka) | Vložiť(Vložiť) | Tabuľka(Tabuľka).

V okne, ktoré sa otvorí, označte jeden riadok, dva stĺpce a šírku okrajov tabuľky rovnú nule. Nastavte šírku tabuľky na 100 % a kliknite na tlačidlo OK. Celá tabuľka teraz vyzerá takto:

Malé bodky v druhom riadku sú tou istou „neviditeľnou“ tabuľkou. Presnejšie, teraz je to jasne viditeľné, ale je to len preto, že momentálne sme v režime úprav. A keď prepneme do režimu zobrazenia, tabuľka nebude viditeľná.

Túto „neviditeľnú“ dosku potrebujeme iba na modelovanie vzhľadu stola, preto sme ju urobili „neviditeľnou“. Teraz musíte do ľavého stĺpca vložiť ďalšiu tabuľku. Počet riadkov by sa mal rovnať počtu hlavných bodov štruktúry, ktorú ste zostavili. Nie je potrebné robiť stĺpce!

Už ste stratili list? Potom prenesieme názvy všetkých hlavných stránok (sekcií) do našej tabuľky. Tituly interné stránky(pododdiely) tam nemusia byť zahrnuté. Ak chcete do tabuľky zadať názvy stránok, jednoducho kliknite myšou na miesto, kde sa bude nachádzať text, a napíšte ho na klávesnici.

O zadávaní textu a zmene jeho vzhľadu vám poviem podrobnejšie, keď naplníme stránku informáciami.

A teraz, ako som sľúbil, vám poviem, ako zmeniť parametre tabuľky po jej vytvorení. Pamätáte si, ako sme zvýraznili riadok tabuľky? Teraz musíme vybrať celú tabuľku.

Ak nemôžete vybrať tabuľku „ručne“, môžete jednoducho sledovať cestu Tabuľka(tabuľka) | Vyberte(Vybrať) | Tabuľka(Tabuľka). Teraz bez odstránenia výberu kliknite pravým tlačidlom myši na tabuľku. Mimochodom, tabuľku nemôžete vybrať vôbec, ale už som napísal, že je to veľmi užitočná zručnosť :)

Vyskočí už známa rozbaľovacia ponuka. Iba tentoraz budeme potrebovať položku Vlastnosti tabuľky(Vlastnosti tabuľky). Keď vyberiete túto položku, otvorí sa okno, ktoré takmer úplne kopíruje okno na vloženie novej tabuľky. V ňom môžete zmeniť existujúce nastavenia na nové.

Mimochodom, vo FrontPage môže byť rám stola tiež „dvojitý“, pozostávajúci z mnohých štvorcov, s tieňom atď. To všetko je dostupné v hornom menu Formátovať(Formát) | Hranice a tieňovanie(Ohraničenia a tieňovanie)

Na prvej karte - Rámec(Okraje) môžete zmeniť vzhľad okrajov tabuľky. Pozrite sa na možné výsledky po zmene vzhľadu rámu tabuľky.

V druhej záložke - Tieňovanie - si môžete nastaviť obrázok na pozadí tabuľky a tiež vybrať farbu pozadia a textu. Vybrať si tú správnu farbu však nie je vôbec jednoduché... Preto pre dnešok končíme a o farbách si povieme v ďalšej lekcii.

Ale, počkajte, čo robiť s naším umením, t.j. s vytvorenými znakmi? Všetko je veľmi jednoduché. Treba ich zachovať. Ak to chcete urobiť, vyberte v hornom menu Súbor(Súbor) | Uložiť ako(Uložiť ako). Nájdite v počítači priečinok, do ktorého sme sa dohodli umiestniť stránku a uložte doň svoj dokument pod názvom index.

Prečo indexovať? Áno, jednoducho preto, že takto je vždy označená hlavná stránka webu. A presne to sme teraz robili. Ak teraz ukončíte FrontPage a otvoríte dokument, ktorý ste uložili, uvidíte, že bol automaticky uložený ako index.htm. HTM je skratka pre HTML, pamätáte si, čo to je?

Je potrebné pripomenúť, že formáty „htm“ a „html“ sú úplne odlišné veci. Radím vám, aby ste si okamžite vybrali jednu vec, aby neskôr neboli žiadne problémy. Ak zvolíte príponu „html“, nezabudnite ju pridať na každú stránku, ktorú uložíte, inak sa predvolene uloží ako „htm“.

Dovoľte mi pripomenúť, že názvy súborov pre túto stránku nemožno písať ruskými písmenami. Keď potom umiestnite svoju stránku na internet, tieto súbory sa jednoducho neotvoria.

Posledná vec k menám. Písať názvy súborov a stránok pre web s veľkým písmenom je, samozrejme, chvályhodné, no mimoriadne nepohodlné. Odporúčam vám všetko, všetko: strany, kresby, archívy - všetko píšte malými písmenami. Verte, že to pomôže vyhnúť sa mnohým nepresnostiam v budúcnosti.

Otváranie uloženého "indexu"

Teraz otvoríme dokument „index“, ktorý sme uložili do priečinka lokality na konci predchádzajúceho dňa. Existuje niekoľko spôsobov, ako to urobiť. Pozrime sa na každú z nich, aby ste si neskôr mohli vybrať tú najlepšiu pre seba.

Takže prvý spôsob. Indexový súbor je predvolene internetový súbor, pretože je vo formáte htm (html). Ak ho teda otvoríte dvojitým kliknutím, dostanete sa do výrezu prehliadača.

Týmto spôsobom otvorenia "indexu" v aplikácii FrontPage je výber príkazu z horného príkazového riadku Súbor(Súbor) a v rozbaľovacej ponuke - Upraviť v aplikácii Microsoft FrontPage(Upravte pomocou Microsoft FrontPage).

Ak je v ponuke Súbor Nemáte takúto položku, čo znamená, že aplikácia FrontPage nie je vo vašom počítači nainštalovaná ako editor internetových stránok. Ak chcete tento problém vyriešiť, musíte najprv otvoriť samotný program FrontPage a potom vybrať servis | možnosti. Otvorí sa nasledujúce okno:

Aby sme s webom mohli správne pracovať, potrebujeme oblasť Redaktori bola FrontPage. Ak tam nie je, kliknite na ikonu v pravom hornom rohu a vyberte ju FrontPage (otvoriť ako HTML). Potom kliknite na tlačidlo Použiť ako predvolené.

Toto bol prvý spôsob, ako otvoriť súbor vo FrontPage cez okno prehliadača. Logickejšie by však bolo túto cestu skrátiť. Preto, aby ste nestrácali čas, môžete bez otvorenia súboru naň kliknúť pravým tlačidlom myši a vybrať z rozbaľovacej ponuky Otvoriť pomocou... (Otvoriť pomocou) a nájdite program FrontPage v poskytnutom zozname.

A posledný, tretí spôsob. Najprv musíte otvoriť samotný program FrontPage a potom výberom otvoriť celú stránku Súbor(Súbor) | Otvorte webovú stránku(Otvoriť web). Alebo, ak ste nedávno otvorili index, vyberte si Najnovšie súbory a v rozbaľovacej ponuke požadovaný súbor.

Samozrejme, nezáleží na tom, ako presne otvoríte stránku „index“ vo FrontPage, hlavné je, že ju otvoríte 🙂 Gratulujeme, získali ste ďalšiu užitočnú zručnosť!

S vývojom Internet sa objavil protokol výmeny informácií, protokol sa nazýva HTTP (HyperText Transfer Protocol- protokol na prenos hypertextu. Spolu s týmto protokolom sa objavila služba World Wide Web(často nazývané WWW alebo jednoducho Web), ktorý poskytuje rozsiahlu sieť serverov HTTP prenos súborov cez Internet.

Hlavnou časťou týchto súborov sú internetové stránky– špeciálne súbory napísané v jazyku HTML (HyperText Markup Language– hypertextový značkovací jazyk). internetové stránky Vydaný v Internet umiestnením takýchto súborov na servery HTTP (webové stránky). Obsah internetové stránky môžu byť odlišné a venované úplne ľubovoľným témam, ale všetky používajú rovnaký základ - jazyk HTML.
Väčšina ľudí, ktorí si chcú vytvoriť vlastnú webovú stránku alebo stránku, tento jazyk pozná HTML len z počutia. Preto im program môže prísť na pomoc Microsoft FrontPage, jeden z najznámejších tvorcov webových stránok.

FrontPage, ktorý je súčasťou balíka aplikácie Microsoft Office, sa stal prvým široko používaným produktom Internet, ktorý kombinuje klientske a serverové časti a poskytuje možnosť vyvinúť stránku ako celok a nainštalovať ju na najpopulárnejšie servery. Predná strana je schopný prevziať všetky potrebné programátorské práce. Avšak Predná strana Stane sa tiež serióznym pomocníkom pre profesionálnych vývojárov, ktorí uprednostňujú plnú kontrolu nad kreatívnym procesom.

Okno programu Predná strana 2003.

Program Predná strana vydané spoločnosťou Microsoft a je vyrobený v rovnakom štýle ako produkty zahrnuté v balení Microsoft Office, takže vzhľad programu sa prakticky nelíši od textového procesora Slovo .

V hornej časti okna sa nachádza panel s ponukami a dva panely nástrojov: Štandard a formátovanie. Môžete povoliť alebo zakázať zobrazovanie panelov s nástrojmi Zobraziť menu.
Na ľavej strane je Zobraziť panel, pomocou ktorého môžete prepínať režimy dokumentu.
Hlavnú časť okna zaberá pracovná oblasť, v ktorej je možné otvoriť jedno alebo viacero okien obsahujúcich jednotlivé dokumenty.
V spodnej časti okna je stavový riadok, obsahujúce informácie o pozadí. V spodnej časti okna sú tiež tri tlačidlá na prezeranie dokumentov.
Zobrazenie panelov nástrojov.
Ak chcete spravovať panely s nástrojmi v Predná strana môžete použiť rovnaké metódy ako v Microsoft Word . menovite:
v ponuke vyhliadka treba si vybrať Položka panela s nástrojmi a v novej podponuke, ktorá sa otvorí - nainštalovať začiarkavacie políčka oproti panelom nástrojov, ktoré potrebujete; alebo kliknite kliknite pravým tlačidlom myši z akéhokoľvek dôvodu ovládacie panely(alebo v oblasti vedľa nej) a rovnakým spôsobom použite kontextové menu.

Predná strana, rovnako ako iné aplikácie Microsoft Office, umožňuje pridávať, odstraňovať a meniť usporiadanie položiek ponuky a tlačidiel na paneloch s nástrojmi. Je tiež možné vytvoriť úplne vlastné panely.
K tomu potrebujete:

IN Servisné menu vybrať položka Nastavenia…
alebo
V Zobraziť menu vybrať Položka panela s nástrojmi a v kaskádovej ponuke, ktorá sa zobrazí - položka Nastavenia…
V dôsledku vašich akcií sa otvorí dialógové okno nastavenie, kde si môžete nainštalovať potrebné panely.

Vytvorte nový internetové stránky.

Ak ste začali Predná strana, to znamená nový webstránka ste už vytvorili (pri spustení Predná strana okamžite sa otvorí nový prázdny webstránka pripravený na umiestnenie textu a akýchkoľvek iných prvkov).
Vytvor nový webstránka Môžete to urobiť aj inými spôsobmi:

Pomocou tlačidla Nová stránka na Štandardný panel nástrojov.
Ponuka Súbor vyberte podponuku Vytvorte, a potom - Stránka alebo webové stránky;
pomocou kombinácií Ctrl+N;
používaním obsahové menu(funguje vo všetkých režimoch okrem Úlohy a zostavy) - pre toto vnútro Zoznam priečinkov daný Web) musíte kliknúť pravým tlačidlom myši a vybrať položku v kontextovej ponuke, ktorá sa zobrazí Vytvoriť  stránku.

Vytváranie stránok pomocou sprievodcu a šablón.

Ako je uvedené vyššie, ak ste použili ponuku na vytvorenie novej stránky Súbor  Nová  Stránka alebo webová lokalita, To Predná strana vás vyzve, aby ste použili šablónu na vytvorenie novej stránky.
Ak to chcete urobiť, otvorí sa dialógové okno, ktorého vzhľad je znázornený nižšie:

Na karte Sú bežné Toto dialógové okno zobrazuje zoznam šablón Predná strana práve dostupný. Výberom ktorejkoľvek zo šablón sa zobrazí jej popis Vzorové pole.
Tvorba Web FrontPage.
Web Microsoft FrontPage- toto je súprava internetové stránky, obrazové súbory a ďalšie komponenty, ktoré je možné zobraziť ako celok.
Ak si vytvoríte webovú stránku v Predná strana, potom je najpohodlnejším spôsobom uloženia použiť Web FrontPage.
najdôležitejším plusom je možnosť premenovať súbory zahrnuté v Web FrontPage.
Predstavte si to pred zverejnením svojej stránky v Internet Zrazu ste si všimli, že niekoľko vašich súborov je pomenovaných ruskými menami. - "Teraz budete musieť prejsť všetky súbory a manuálne zmeniť odkazy!" duamete you. Tu to pomôže Web FrontPage- môžete bezpečne premenovať súbory a Predná strana bude nezávisle prechádzať všetkými ostatnými zahrnutými súbormi Web FrontPage a premenuje všetky odkazy na súbor, ktorý ste opravili.
Nebudem popisovať všetky ostatné výhody, ale rád by som povedal, že využiť všetky možnosti Predná strana, potom je lepšie použiť Web FrontPage.
Takže na vytvorenie nového Web FrontPage kliknite na šípku umiestnenú naľavo od tlačidla Nová stránka na paneli s nástrojmi a vyberte položku v rozbaľovacej ponuke, ktorá sa zobrazí Webstránka…

Otváranie webových stránok.

Veľmi často pri vytváraní webstránky musíte upraviť už vytvorenú internetové stránky. Na tú istú stránku sa môžete vrátiť toľkokrát, koľkokrát chcete, upraviť ju alebo použiť jej časti na vytvorenie novej. internetové stránky.

Otvorte existujúci webstránka možné v ktoromkoľvek z existujúcich režimov.

Z režimu Zobrazenia stránky Existujú štyri spôsoby otvorenia existujúcej stránky:

1 spôsob

Ak pracujete s Web FrontPage, potom jednoducho vyberte požadovaný súbor v Zoznam priečinkov a dvakrát naň kliknite myšou.

Metóda 2

V ponuke Súbor vyberte Najnovšie súbory. Z kaskádovej ponuky, ktorá sa zobrazí, vyberte požadovaný súbor.

3 spôsob

Pomocou dialógového okna Otvoriť súbor: Súbor  Otvoriť.

Náhľad.

Ak chcete vidieť, ako vaša stránka vyzerá priamo v prehliadači, môžete použiť kartu Náhľad v režime úprav internetové stránky. Ale v tomto prípade sa môže ukázať, že prehliadač Predná strana nezobrazí niektoré vaše prvky stránky, takže je najlepšie:
použite tlačidlo na paneli nástrojov
alebo v Ponuka Súbor vybrať položku Náhľad r v prehliadači.

Ak ste použili prvý spôsob, obsah vašej stránky sa zobrazí vo vstavanom prehliadači Predná strana.
Ak ste použili druhú metódu, potom Predná strana zobrazí dialógové okno Zobraziť v prehliadači...

Tu môžete:
Vyberte prehliadač, v ktorom chcete zobraziť svoje webstránka. Na začiatku sa tu zvyčajne zobrazuje prehliadač, ktorý je predvolene nainštalovaný na vašom počítači.
Pridajte akýkoľvek iný prehliadač, pre ktorý musíte použiť tlačidlo Pridať.
Upraviť alebo odstrániť nainštalované prehliadače.
Nastavte veľkosť obrazovky, na ktorej máte webstránka

Zachovanie internetové stránky.

Predvolené Predná strana namiesto mena stránky berie prvý riadok textu z vášho stránky. Toto nie je vždy potrebné. Názov stránky môžete zmeniť pomocou Zmeniť tlačidlá- kliknutím na toto tlačidlo sa otvorí dialógové okno Názov stránky, v ktorom môžete zmeniť názov stránky.

Odstránenie Internetové stránky.

Pri práci s webové stránky skôr či neskôr sa stane, že niektoré stránky už nebudete potrebovať a budete ich chcieť vymazať.

Existujú tri spôsoby odstránenia internetové stránky.

1 spôsob

V paneli Zoznam priečinkov vyberte súbor, ktorý chcete odstrániť, a kliknite na tlačidlo Odstrániť na klávesnici.

Metóda 2

V paneli Zoznam priečinkov kliknite pravým tlačidlom myši súbor(alebo ikona súbor), ktorý je potrebné odstrániť a v zobrazenej kontextovej ponuke vyberte položku Odstrániť.

3 spôsob

IN Panel zoznamu priečinky vyberte súbor ktoré chcete vymazať a potom vyberte Odstrániť z ponuky Upraviť.

Práca s textom.

Na prvý pohľad zadávanie textu do Predná strana sa nelíši od zadávania textu v akomkoľvek textovom editore (napríklad v Microsoft Word).
Ak chcete zadať text, jednoducho kliknite myšou kdekoľvek na stránku a kurzor sa umiestni na najbližší bod, kde je možné zadať text.
Písanie veľkých písmen, úprava textu (vymazanie znakov, vkladanie textu atď.) sa vykonáva presne tak, ako v Microsoft Word.
Je tu len jedno malé ALE: keď stlačíte Zadajte klávesy v Predná strana kurzor je nútený presunúť sa na nový riadok, zatiaľ čo pevné znaky sú umiestnené pred a za odsekom odsadenia odsekov.
Ak nepotrebujete vytvárať odseky, na prechod na nový riadok je najlepšie použiť klávesovú skratku Shift + Enter.

Práca s obrázkami.

Graficky formátuje v Web.

Všetky počítačové obrázky, všetky formáty na ich ukladanie (a následne všetky programy na ich spracovanie) sú rozdelené do dvoch veľkých tried - vektor a raster. Vektorový obrázok pozostáva z objektov - geometrických tvarov tvorených rovnými čiarami, oblúkmi, kružnicami a Bézierovými krivkami. Výhody vektorová grafika veľa. Z pohľadu dizajnéra je jeho najdôležitejšou výhodou to, že vektorovú grafiku možno „krútiť“, ako chcete, bez strachu, že do obrázka „vydrhnete dieru“ alebo stratíte nejaké informácie. Ďalšou výhodou je malá veľkosť súborov (v porovnaní s rastrovými obrázkami) a nezávislosť od rozlíšenia výstupných zariadení (či už je to tlačiareň alebo obrazovka monitora). Tieto faktory spôsobili vektorová grafika pravdepodobný kandidát na použitie v Internet. Za zmienku však stojí, že momentálne vektorová grafika nie je taká bežná, ako by sme chceli.
Medzi skutočne používanými vektorovými formátmi by som však rád poznamenal formát Záblesk rázovej vlny Macromedia. Ak chcete zobraziť tento formát v prehliadač potrebujem plugin ( zapojiť), ktoré spoločnosť bezplatne distribuuje Macromedia. Dnes existujú stránky vytvorené výlučne pomocou tejto technológie a stránky, ktoré sa používajú Flash formát len čiastočne.
Rastrové znázornenie grafiky je založené na koncepte rastra. Raster je kolekcia objektov (v tomto prípade pixelov) umiestnených v rovnakých riadkoch a stĺpcoch. Tie. rastrový počítačový súbor možno si predstaviť ako zbierku malých farebných alebo sivých štvorcov, ktoré tvoria mozaiku obrazu. Pretože Keďže veľkosť týchto štvorcov je zjavne malá, pri prezeraní rastrovej grafiky tieto štvorce navzájom splývajú a vytvárajú súvislú zmenu farieb.

Formát ukladania rastrových obrázkov má svoje výhody aj nevýhody. Jednou z veľkých výhod rastrovej grafiky je možnosť práce s poltónmi, t.j. schopnosť sprostredkovať obraz presne tak, ako vyzerá v reálnom živote. Ale medzi nevýhodami je hlavným problémom veľkosť súboru. Prirodzene, čím viac pixelov je pridelených na formovanie snímky, tým vyššia je kvalita prenášaného signálu snímky, ale veľkosť súboru bude tým väčšia.
Ak sa teraz vrátime k prehliadačom, môžeme povedať nasledovné: väčšina prehliadačov dokáže zobrazovať bez problémov grafické súboryštyri formáty (* .gif, *.jpg, *.png, *.bmp), z ktorých je momentálne najlepšie použiť dve - * .gif a *.jpg. A to aj potom po predbežnej optimalizácii.
Vkladanie obrázkov na webstránka.
Vložte obrázok do svojho webstránka možno vykonať niekoľkými spôsobmi:
1. Presuňte obrázok z Prieskumník systému Windows(teda priamo z prieskumníka).
2. Presuňte obrázok z internet Explorer.
3. Potiahnite súbor obrázka z panela Zoznam priečinkov, rovno na stránku.
4. S schránka- skopírujte obrázok do schránky z akéhokoľvek iného programu a potom ho vložte zo schránky na stránku.
5. S Pridať tlačidlá kreslenie zo súboru na paneli nástrojov Štandardné.
6. Pomocou ponuky Vložiť  Obr.
Pozrime sa na tieto metódy podrobnejšie:
Metóda 1
Prieskumník systému Windows(to znamená priamo z Prieskumníka) musíte:
v Predná strana
otvorte okno prieskumníka;
v okne Prieskumník vyberte súbor s obrázkom, ktorý chcete vložiť na svoju stránku;
ľavým tlačidlom myši a presuňte súbor obrázka do svojho webstránka Obrázok sa vloží na miesto, kde bol na stránke kurzor vkladania.
Metóda 2
Ak chcete pretiahnuť obrázok z internet Explorer potrebné:
v Predná strana otvorte stránku, na ktorú chcete pridať obrázok;
V prehliadač otvorte obrázok, ktorý chcete umiestniť webstránka prehliadač Názov súboru musí končiť na jpg, jpeg, gif);
Pomocou ľavého tlačidla myši presuňte vybraný obrázok na svoj webstránka;
Metóda 3
Za účelom drag and drop súbor s obrázkom z panela Zoznam priečinky, priamo na stránku, ktorú potrebujete:
v Predná strana otvorte stránku, na ktorú chcete pridať obrázok;
vyberte požadovaný obrazový súbor na paneli Zoznam priečinkov;
ľavé tlačidlo myši presuňte vybraný obrázok do svojho webstránka;
vybraný obrázok sa vloží na miesto, kde sa na stránke nachádzal kurzor vkladania.
Metóda 4
Ak chcete vložiť obrázok do svojho webstránka pomocou schránky musíte:
v aplikácii, z ktorej chcete skopírovať obrázok, vyberte obrázok a použite klávesy Ctrl+C skopírujte obrázok do schránky;
na tvojom webstránka prilepte tento obrázok zo schránky pomocou klávesových skratiek Ctrl+V
Metóda 5
webstránka sa rozhodnete použiť tlačidlo Pridajte obrázok zo súboru na paneli nástrojov Štandardné, To Predná strana otvorí dialógové okno Kreslenie.
V tomto dialógovom okne zadajte súbor obrázka, ktorý chcete pridať do svojho súboru webstránka a stlačte tlačidlo Vložiť.

Metóda 6
Ak chcete vložiť obrázok do svojho webstránka sa rozhodnete použiť menu Vložiť  Kresba, To Predná strana vás vyzve, aby ste urobili ďalšie voľby:

snímky... – výber tejto položky ponuky vám dáva možnosť použiť hotovú knižnicu obrázkov.
Zo súboru... – výber tejto položky ponuky vám dáva možnosť nezávisle určiť umiestnenie obrazového súboru, ktorý chcete pridať do svojho súboru webstránka(použitím tejto položky sa otvorí dialógové okno Kreslenie, práca s ktorou bola popísaná vyššie).
Vytvorte zbierku fotografií... - pomocou tejto položky ponuky môžete vytvoriť kolekciu obrázkov v špecifickom štýle. Na to v okne, ktoré sa otvorí Vlastnosti zbierky fotografií pomocou tlačidla Pridať na karte Výkresy vyberte obrázky a na karte Rozloženie vyberte formát dizajnu.
Pridávanie mediálnych súborov.

Okrem jednoduchej grafiky, ako sú obrázky vo formáte * .gif, *.jpg, *.png atď. Predná strana vám umožňuje uverejňovať príspevky na vašom internetové stránky mediálne súbory. Patria sem: videoklipy, zvuky...

Ak chcete vložiť videoklip, musíte Vložiť menu vybrať položku Kreslenie, a potom Nahrávanie videa...

Otvorí sa dialógové okno. Video okno, zobrazí videoklipy vo formáte * .avi, *.asf, *.ram, *.ra.

Pridať zvuk do webstránka nájdete na karte Všeobecné v dialógovom okne. Vlastnosti stránky.

Práca s tabuľkami.

Tabuľka- jeden z najsilnejších nástrojov používaných pri tvorbe webových stránok.
Na začiatku tabuľky boli použité len na reprezentáciu štruktúrovaných dát. Postupne sa však vyvinuli do výkonného, ​​všestranného nástroja na rozloženie. Internetové stránky.

Vytváranie tabuliek

Najjednoduchší spôsob vytvorenie tabuľky– použite tlačidlo Pridať tabuľku nachádza na paneli nástrojov Štandardné.
Ďalším spôsobom je použitie položky menu Tabuľka  Vložiť  Tabuľka.
A tabuľky možno kresliť a vkladať pomocou schránky.

Zadávanie údajov a navigácia v tabuľke.

Jednou zo skvelých vecí na tabuľkách je, že text, ktorý zadávate, je v bunke naformátovaný rovnakým spôsobom, ako sme zvyknutí na jeho formátovanie v celom dokumente. Text umiestnený v bunke sa automaticky zalomí do nového riadku, ak jeho dĺžka presahuje šírku stĺpca. Keď stlačíte kláves Zadajte, ako obvykle sa vkladá nový odsek. Text alebo čísla sa zadávajú do tabuľky z klávesnice.

Pred zadaním údajov do tabuľky, musíte umiestniť textový kurzor do požadovanej bunky tabuľky. To je možné vykonať kliknutím na ňu myšou.

Na pohyb medzi bunkami je však vhodnejšie použiť kombinácie klávesov:
Klávesové skratky: Akcia:

Tab kdekoľvek v tabuľke, okrem konca posledného riadku, prejdite do susednej bunky a vyberte jej obsah
Tab na konci posledného riadku pridajte nový riadok na koniec tabuľky
Shift+Tab prejdite na predchádzajúcu bunku a zvýraznite jej obsah
Zadajte začať nový odsek
Zadajte na začiatok prvej bunky pridajte text pred tabuľku na začiatku dokumentu

Tvorba a aplikácia formulárov.

Formuláre predstavujú textové polia, prepínače, začiarkavacie políčka, tlačidlá a mnoho ďalších ovládacích prvkov. Návštevníkovi stránky stačí zadať nejaké informácie do jedného alebo druhého textového poľa, vybrať niektoré údaje z navrhovaného zoznamu, kliknúť na tlačidlo Odoslať, aby sa údaje odoslali webový server na spracovanie (alebo spracované priamo tam na stránke).

Zoznámte sa s vami – vyplňte prosím nasledujúce polia:
Tvoje meno:

Tvoje priezvisko:

Váš dátum narodenia: rok mesiac deň

Ďakujem! A teraz - poďme!
1. Malý, ale obratný.
Kamkoľvek príde, tam rozkáže.
Vstúpi do stanu -
Hrdina sa prevráti.
Kto je to?
Fly Flea Rozmarné dieťa
2. Sedí s vyvalenými očami,
Hovorí po francúzsky
Skáče ako blcha
Pláva ako človek.
O kom to hovoríme?
Mačka Žaba Papagáj

3. Čo dýcha tuleň, keď sa ponorí pod ľad?

4. Prečo veľké korytnačky plačú?

5. Aké oblečenie môže nosiť sleď?
Kožušinová vesta
6. Kto sa nazýva „riečny kôň“?
Krokodíl hroch vydra

7. Ktorým vtákom sa neliahnu mláďatá?

8. Ktoré vtáky nevedia lietať?

Ak potrebujete vybrať niekoľko odpovedí, stlačte tlačidlo a neuvoľňujte ho Ctrl a kliknite ľavým tlačidlom myši na požadovanú odpoveď

ale vytváranie formulárov na samom stránku to je len polovica práce. Keďže musí existovať program, ktorý dokáže spracovať údaje zadané používateľom pomocou formulárov.
Takýto program môže byť umiestnený na serveri; môže byť v tvojom webové stránky vo forme samostatného súboru, alebo môže byť jednoducho napísaný v kóde html na tvojom webstránka.
Je to ona, ktorá určuje, čo sa stane s informáciami zadanými používateľom:

informácie možno pridať do databázy a na jej základe postaviť rôzne grafy, hodnotenia...;
informácie možno poslať e-mailom (často sa to používa na získanie informácií o používateľovi v rôznych typoch dotazníkov);
informácie môžu byť spracované priamo na mieste a návštevník vašej stránky okamžite dostane spätnú väzbu (napr. dostane body za test, uvidí informácie, ktoré zapísal do knihy návštev...).

Vo vzťahu formulárov Existuje niekoľko základných pravidiel:

1. Každý formulár zaberá určitú oblasť internetové stránky. Na jeden webstránka môže byť umiestnená jedna alebo viac foriem.
2. Každý formulár musí obsahovať aspoň jeden z prvkov formulára (aj keď ich je spravidla niekoľko).
3. Každý prvok formulárov má meno a význam. Názov identifikuje pole na zadávanie informácií a hodnota sa rovná hodnote vybratej používateľom.
4. Jeden z prvkov formulára (môže to byť bežné tlačidlo alebo akýkoľvek obrázok) musí plniť funkciu tlačidla Odoslať.

Vytváranie formulárov v Predná strana.
Ak chcete pridať formulár webstránka, potrebné:

Umiestnite kurzor na miesto, kam chcete vložiť formulár.
IN Vložiť menu vybrať položka Formulár, v ponuke, ktorá sa otvorí, znova vyberte položka Formulár. Formulár budú umiestnené na vašom webstránka- zobrazí sa oblasť označená bodkovaným rámom s dvoma tlačidlami: Odoslať a resetovať.
Použitie rovnakého bodu menu Vložiť  Formulár postupne vložte potrebné prvky formulárov ich výberom z rozbaľovacej kaskádovej ponuky (nezabudnite, že všetky prvky formulára sa vkladajú do oblasti formulára označenej bodkovaným rámčekom).
Po formulár vytvorený, zostáva ho už len naplniť obsahom – prvkami formulárov, text, obrázky, tabuľky... (s rozmermi formulárov sa zmení automaticky).
Pridajte obsah formulárov možno vykonať bežným spôsobom. Napríklad text je možné napísať alebo vložiť zo schránky... Všetky akcie s pridanými objektmi sú podobné.
Avšak vytvorenie formulára- toto je len začiatok práce. Po jeho vytvorení je potrebné nakonfigurovať vlastnosti ako formulárov a jeho prvky.

Nastavenie vlastností formulára.

Na spracovanie alebo ukladanie údajov zadaných návštevníkmi internetové stránky, musíte buď využiť ponúkané príležitosti Serverové rozšírenia FrontPage alebo nejaký iný spustený program webový server.
Ale bez ohľadu na to, aký program si vyberiete, stále budete musieť nakonfigurovať vlastnosti formulára a prvkov v ňom.
Ak chcete otvoriť okno vlastností formulára, musíte:
V Vložiť menu vybrať položka Formulár, a potom -
alebo
Vyvolajte kontextovú ponuku formulára a vyberte položku v kontextovej ponuke, ktorá sa otvorí Vlastnosti formulára.
V dôsledku toho sa otvorí dialógové okno Vlastnosti formulára.

1. B Uložiť pole výsledky musia naznačovať, čo bude potrebné urobiť so zadanými údajmi formulár. Môžete si vybrať z nasledujúcich možností:
o Odosiela sa názov súboru- údaje budú umiestnené do určeného súboru dňa webový server. Tento súbor môže byť webstránka, ktorý bude časom dlhší a dlhší, alebo dátový súbor, ktorý je možné následne spracovať Excel, Access alebo akýkoľvek iný program;
o Odosielanie poštovej adresy- v tomto prípade zakaždým, keď návštevník klikne internetové stránky Odoslať na tlačidlá formulár Vygeneruje sa e-mail a odošle sa na vami uvedenú adresu. Táto správa bude obsahovať všetky údaje, ktoré používateľ zadal na Webstránka.
o V databáze- v tomto prípade údaje formulárov budú odoslané do databázy. Základňa musí byť zapnutá webový server(alebo mu byť k dispozícii).
2. B Pole Vlastnosti formulára, musíte zadať názov formulára
Režimy prezerania Predná strana.
Predná strana ponúka šesť rôzne režimy na zobrazenie obsahu Webstránka:

stránka,
priečinky,
správy,
prechody,
hypertextové odkazy,
Úlohy.
Na výber požadovaný režim môžeš použiť Panel zobrazení nachádza na ľavej strane obrazovky alebo v menu vyhliadka na paneli nástrojov Štandardné vyberte príslušnú položku ponuky.

Stránka
V tomto režime môžete vytvárať a upravovať Internetové stránky. Tu môžete vytvoriť prázdne internetové stránky a stránky založené na šablónach priraďujú stránkam témy (súbor štýlov na prezentáciu stránky na obrazovke). V tomto režime môžete pridávať a formátovať text, dizajn stránky pomocou grafických a video obrázkov (podporuje konverziu množstva grafických formátov do * .gif, *.jpg a *.png), pridajte zvuk na stránku, prezentujte informácie v tabuľkách, rámcoch a formulároch a nakoniec vytvorte hypertextové odkazy. Toto nie je úplný zoznam možností. Predná strana o úprave obsahu internetové stránky.
Priečinky
V tomto režime môžete zobraziť štruktúru webové stránky(súbory a priečinky) a spravujte ich rovnakým spôsobom ako v Windows, tento režim umožňuje získať podrobnejšie informácie o súboroch a priečinkoch, než aké sú poskytované v režime prezerania Stránka.
Správy
Poskytuje vám viac ako tucet správ obsahujúcich rôzne informácie o webové stránky, otvorený v Predná strana.
Prechody
Navrhnuté na zobrazenie hierarchie lokality. V tomto režime môžete manipulovať s hierarchiou ťahaním obdĺžnikov (každý predstavuje špecifický webstránka).
Hypertextové odkazy
Ukazuje systém hypertextových odkazov, ktoré navzájom spájajú stránky webové stránky(ako aj systém hypertextových odkazov na iné uzly), zabezpečuje kontrolu ich integrity a možnosť úprav.
Úlohy
Tento režim je určený na správu úloh webové stránky(pridávanie, mazanie, spúšťanie, nastavenie priority vykonávania a sledovanie stavu úloh).

Stiahnite si zadarmo Predná strana môžete použiť nasledujúci odkaz:

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