Praktická práce v editoru titulních stránek. Vytváření webových stránek pomocí aplikace FrontPage

Cíl práce: osvojení si základů práce s editorem Titulní strana MS.

Níže na Obr. 18 ukazuje strukturu Web-stránka

Rýže. 18 - Vzhled osobních stránek

Krok 1 – Vytvořte nový web.

1 Spustit Přední strana a vyberte položku nabídky Soubor – Nový – Web a poté šablonu webu - Jednostránkový web. V terénu Zadejte umístění nového webu zadejte například složku, ve které bude web umístěn D:\studenti\545\web. Pak byste měli stisknout tlačítko " OK" Extrémní vlevo, odjet panel Složky zobrazuje složky a soubory obsažené na webu: html- stránky, kresby atd. V současné době web obsahuje pouze jednu stránku - index.htm. Pokud v tomto panelu vyberete jednu ze stránek myší, otevře se pro úpravy.

2 Práce se stránkou je možná v jednom ze čtyř režimů:

-konstruktér- stránka se upravuje;

- s dělením– okno je rozděleno na dvě části: v jedné je zobrazen HTML kód, který lze upravovat, ve druhé můžete pracovat v návrhovém režimu;

- kód- (HTML) - lze ovládat vygenerovaný kód stránky a provádět změny;

- prohlížení - stránka se zobrazí tak, jak by ji zobrazil prohlížeč.

3 Přepnutí do režimu se provádí pomocí karet ve spodní části panelu. K dokončení práce využijeme především režim Design.

Krok 2 – Zadejte text hlavní stránky (struktura stránky je znázorněna na obr. 12. Text stránky se vyvíjí samostatně).

1 Chcete-li zadat data, vytvořte tabulku výběrem položky nabídky Tabulka > Vložit, nebo pomocí příslušné ikony na panelu nástrojů. Zadejte text stránky. Pro název stránky v poli Styl v levé horní části obrazovky Přední strana vybrat styl Nadpis 1 . Obrázek 19 ukazuje hlavní stránku webu.

Rýže. 19 - Rozložení domovské stránky webu

2 Po zadání textu do tabulky definujte vlastnosti tabulky. Umístěte kurzor myši do tabulky, klikněte pravým tlačítkem a do odstavce Vlastnosti tabulky definovat pro pole Zarovnání význam Centrum . Nainstalujte zaškrtávací políčko v terénu Nastavte šířku A přepínač na parametr - v procentech, a nastavte hodnotu - " 80 " To znamená, že tabulka bude umístěna ve středu okna prohlížeče a zabere 80 % šířky okna.

3 Ve skupině Hranice Můžete určit velikost a barvu rámu. Pokud chcete, aby tabulka neměla žádný viditelný rámeček, nastavte pole na 0. Skupina Pozadí umožňuje nastavit pozadí tabulky.



4 Chcete-li definovat vlastnosti stránky, vyberte z kontextové nabídky Vlastnosti stránky a na kartě Jsou běžné změnit pole název – na text „Domovská stránka“. Nyní se tato hodnota projeví v titulku okna prohlížeče při prohlížení stránky. Je nezbytně nutné opravit jazyk stránky; to se provádí pomocí karty Jazyk . Nastavte kódování ( Sada znamení) - azbuka a jazyk ruština.

5 Přejděte na kartu Formátování . Pokud zaškrtnete políčko Obrázek na pozadí , poté stiskněte tlačítko Posouzení , můžete vybrat obrázek pro pozadí stránky.

6 Skupina Barvy umožňuje nastavit výchozí barvu písma, výchozí barvu pozadí, barvy odkazů, navštívené a aktivní. Změňte tato nastavení.

7 Chcete-li navrhnout název jako Plíživá linie vyberte z nabídky Pohled výkon Strana a klepněte na tlačítko v dolní části okna dokumentu Konstruktér. Klikněte na místo, kam chcete vložit štítek, a poté zadejte a zvýrazněte text, který chcete zobrazit jako štítek. V nabídce Vložit vybrat tým Web-komponent . Ve skupině Typ součásti klikněte na tlačítko Dynamické efekty . Ve skupině Výběr efektu dvakrát klikněte na ikonu Ticker . Nastavte parametry tickeru.

8 Uložte stránky. Pokud se vás program zeptá, kam uložit obrázky: uložte obrázky do složky snímky . Pomocí tlačítka vyberte složku Změnit složku.

1 Chcete-li vytvořit odkaz na existující stránku, musíte ji vybrat ze seznamu. Můžete také definovat místo uvnitř stránky (záložku), na které bude odkaz ukazovat. Pokud je toto místo na aktuální stránce, vyplňte pole URL není nutné, měli byste v poli vybrat záložku Záložka do knihy (záložka musí být vytvořena dříve). Pokud chcete vytvořit odkaz na záložku na jiné stránce, musíte nejprve vybrat tuto stránku a poté vybrat záložku.

2 Vytvořte odkazy na jiné stránky na webu. Chcete-li to provést, vyberte sekci v obsahu a vytvořte odkaz kliknutím na tlačítko vytvořit hypertextový odkaz na panelu nástrojů nebo výběrem položky nabídky Vložit > Hypertextový odkaz .

4 Pomocí panelu Složky , návrat do domovská stránka index.htm a vytvořte odkaz na další stránku webu. Ulož to . V důsledku toho v Seznam souborů a složky, projeví se všechny stránky zahrnuté na webu.

Lekce
plány
podle programu
Přední strana
Učitel: Zabelina M.V.
1

Téma: Rozhraní programu Front Page 2003. Menu
programy. Vytvoření webu pomocí průvodce.
Cílová:
Představte koncept webové stránky, naučte studenty, jak vytvořit webovou stránku
stránky;


Během vyučování.
1. Organizační moment
Komunikace tématu a účelu lekce
2. Vysvětlení nového tématu
2.1 Úvod
Web (webový uzel) je sbírka vzájemně souvisejících webů.
význam webových stránek a souborů. Webové stránky se většinou věnují některým
konkrétní téma a obsahují informace týkající se jednotlivce
nebo společnost. V programu Front Page jsou tzv. průvodci
(průvodci), které vám umožní vytvořit web krok za krokem, a šablony
(šablony), což jsou vložené stránky obsahující
potřebné formátování k vytvoření a přizpůsobení těch, které vytvoříte
stránky. Průvodci a šablony umožňují vytvářet různé typy webů.
Každý web má jednu speciální stránku s názvem
domov, nebo hlavní (domovská stránka). Všichni návštěvníci vašeho webu jako první
dostat se na tuto stránku. Kliknutím na jeden nebo jiný hypertextový odkaz
uživatelé budou mít přístup k jiným stránkám vašeho webu nebo dokonce
stránky jiných webů.
Hypertextový odkaz je text nebo obrázek na webové stránce
kliknutím, které vás přenese na jinou webovou stránku nebo web.
Web je hostován na počítačovém serveru, který poskytuje přístup
stránky návštěvníkům webu. S titulní stránkou můžete tvořit
přímo na web souborový systém váš počítač a poté kdy
bude připraven, zveřejněte jej na serveru.
2

Vytváření webových stránek vyžaduje, aby osoba znala jazyk hypertextu
značky (HTML -
Hyper-textový
Označení
Jazyk). Program
Přední strana umožňuje
jakýkoli uživatel
dokonce
HTML
negramotný, řekni
dej o sobě vědět celému světu,
použitím
neomezené vozíky
Možnosti internetu.
Jaké jsou technické
možnosti
tento
úžasný
programy? S ní
S naší pomocí si můžete vytvořit svůj vlastní web na základě hotové šablony
nebo pod přísným vedením mistra. Vytvářejí šablony a průvodci
jednotlivé stránky je samy spojují do webu a vytvářejí mezi nimi přechody
je, a zároveň nesvazujte svou iniciativu, protože poskytnout
možnost vkládat do stránek texty, obrázky, hypertextové odkazy.
Nepochybnou výhodou průvodce je, že vytváří stránky pomocí
hotový soubor prvků, které v případě potřeby můžete
formátovat, jak chcete.

Když spustíte Front Page poprvé, uvidíte okno velmi
připomínající okna Wordu nebo tabulkového procesoru
Vynikat. To není překvapivé, protože všechny tyto programy jsou zahrnuty v jednom
Igelitová taška kancelářské programy a proto mají podobné rozhraní.
Okno programu FrontPage je rozděleno na tři části, každou
který vám umožňuje spravovat svůj web různými způsoby.
Seznam složek – Panel režimu zobrazení – umožňuje snadno
přepínat mezi zobrazením struktury webu
a jeho stránky.
FrontPage složky
Po instalaci aplikace FrontPage na pevný disk počítače
Vytvoří se složka MyWebs. Ve výchozím nastavení budou soubory ukládány do této složky.
všechny weby, které vytvoříte ve FrontPage. Každý web
uloženo v samostatná složka, vnořený ve složce MyWebs.
Při vytváření nového webu se vytvoří alespoň tři
další složky, ve kterých jsou soubory a stránky nového
místo.
Domov
složku
Výchozí složka, kde jsou uloženy vaše webové soubory
stránky, obrázky a třídy Java
3

Soukromé
snímky
Do této složky FrontPage umístí soubory, které potřebuje
organizace a správa vašich webových stránek. Za žádných okolností
okolnosti by neměly být odstraňovány nebo upravovány
obsah této složky
V této složce můžete volitelně ukládat grafiku
obrázky, které se používají na vašem webu. Li
Obrázků je hodně, nejlepší je uložit je do tohoto
složku, aby nedošlo k nepořádku v hlavní
Kromě těchto tří složek můžete vytvořit další, ve kterých budete
umístíte určité skupiny souborů.
2.2 Vytvoření webové stránky od začátku.
Nejjednodušší způsob, jak vytvořit svůj vlastní web, je použít
šablony a předlohy.
1. Vezměme si tým
Soubor, Nový.
2. Objevte se vpravo
panel, ve kterém
My
musí

Vybrat:
jiný
webová šablona
uzly
3. V se objevil
výběr okna:
Prázdné webové stránky.
Podle
tlačítko Procházet, pro
za účelem určení umístění našich webových stránek.
4. Klikněte

Pozornost! Podívejte se na pořadí čtvrtého kroku:
4

1.
2. V tomto okně musíte vybrat umístění webové stránky. Například klikněte
podle mých dokumentů
3. Můžete použít tlačítko
vytvořte si vlastní složku (tj. zadejte název
z klávesnice a stiskněte OK).
Poté stiskněte tlačítko OPEN!
4. Klikněte 2x levým tlačítkem myši
myší do okna výše
tlačítka procházet a zadat název webu –
uzel (musíte zadat název za
úplně poslední řádek \.)

Například:
C:\Moje dokumenty\Ivanova\Moje
webová stránka

Název naší složky, do které se má uložit
webová stránka
Název našeho webu
5.
Klepněte na tlačítko OK.
5

Pokračujeme ve vytváření stránek. Nyní musíme vytvořit naše stránky
místo. K tomu se přepneme do přechodového režimu příkazem: View, Transitions.
7. Klepněte pravým tlačítkem myši na prázdnou obrazovku
klikněte jednou myší a v zobrazené nabídce
vyberte příkaz Nový, Nahoře
strana.
8. Zobrazí se stránka s názvem Home.
9. Všechny ostatní stránky jsou vytvořeny
klikněte pravým tlačítkem na domov
page(!), pomocí příkazu Insert, page
10. Přejmenujte stránky. Klikněte 1x na požadovanou stránku, vpravo kniha. myši
a v zobrazené nabídce vyberte příkaz Přejmenovat.
11. Začněme navrhovat stránky pro
Chcete-li to provést, klikněte na hlavní (domovskou)
stránku 2x levým tlačítkem myši.
Toto máte:
12. Nyní musíte nainstalovat obecný
hranic.
Obecné hranice jsou hranice stránek,
které se zobrazují všem stejně
webové stránky. Zároveň však vy
zůstává možné pouze vytvářet hranice
pro jednu webovou stránku tak, aby to
byl jiný než ostatní.
Otevřete nabídku Formát a klikněte
název příkazu "Shared Boundaries". Na obrazovce
Zobrazí se dialogové okno jako na obrázku.
V tomto okně zaškrtněte políčka vedle názvů požadovaných hranic (Nahoře,
Povolit navigační tlačítka, Vlevo, Povolit navigační tlačítka). Na
To je třeba mít na paměti, že na horní, levé a pravé hranici můžete
umístěte na web navigační tlačítka. Program to udělá
sami, pokud zaškrtnete příslušné políčko.
Co dělat, když v nabídce Formát příkaz Obecné okraje
není dostupný:
6

Servis,
1. Možnosti stránky
2. Vývoj,
3.
Dát
klíště
naproti slovům Generál
hranic
4. Klepněte na tlačítko OK
Takto bude vaše stránka vypadat, pokud zaškrtnete políčka vedle
slova: shora,
Povolit navigační tlačítka,
Napravo,
Povolit navigační tlačítka.
.
Není třeba zaškrtávat políčka Vpravo a Dole, protože to bude nepořádek
vaše vesnice
Nyní musíte povolit navigační tlačítka:
Klikněte jednou na správnou knihu. myš na slova: Změňte vlastnosti tohoto panelu
k zobrazení hypertextových odkazů.
V nabídce, která se zobrazí, vyberte příkaz: Panel odkazů Vlastnosti.
Takto bude obrazovka vypadat:
Umístěte tečku vedle slov: Domovské stránky a klikněte
Přejděte na jiné stránky a udělejte totéž, pokud nemáte
tlačítka s hypertextovými odkazy.
tlačítko OK.
Přepnout na ostatní
tvoje stránka
prováděno s
Panel seznamu
(nachází se vlevo
tvoje webová stránka)
Pokud tento panel
Zobrazit, Seznam složek
stránky
s pomocí
složky
strany
Ne:
7

Klikněte na požadovanou stránku
vás do toho zavede
strana
NEBO:
V horní části vašeho webu
je tam několik záložek
ukázat
jaké stránky
vaše stránky, které jste navštívili.
Přechod na jiné stránky webu
lze provést pomocí těchto záložek.
Někdy na těchto kartách můžete vidět název stránky a hvězdičku,
například: index*. To znamená, že stránka nebyla uložena. Využít výhodu
příkaz Soubor, Uložit a tato hvězdička zmizí, i když při nejmenším
Pokud se na vaší stránce něco změní, hvězdička se znovu zobrazí
Smazání stránky:
Přejdeme do režimu přechodu (View, Transitions), klikneme na nepotřebné
strana 1 čas ex. kniha. myši a v zobrazené nabídce vyberte příkaz
Vymazat.
V zobrazeném okně vyberte příkaz Odebrat stránku z webu
Uložení webové stránky.
Po vytvoření webu je třeba uložit všechny jeho stránky.
Chcete-li to provést, přejděte na každou stránku svého webu a přejděte do nabídky Soubor
vyberte Uložit.
3. Praktická práce
Znovu otevřete program.
Vytvořte si svůj web, který bude obsahovat 4 stránky. Pojmenujte je
stránky podle ročních období.
Zahrnout všechny odkazy
4. Shrnutí lekce
Jak povolím sdílené hranice?

Jak přejmenovat stránky?
Jak odstranit stránky?
Téma: „Úprava webu. Přidávání textu."

programy;
Pokračovat ve studiu informačních technologií;
Pěstovat zájem o předmět
Během vyučování.
1. Organizační moment
Komunikace tématu a účelu lekce
3. Kontrola domácích úkolů.
K čemu slouží program Front Page?
8

Jak povolím sdílené hranice?
Co mám dělat, když příkaz Sdílené hranice není k dispozici?
Vytvořte si svůj web, který obsahuje 3 stránky, přejděte na
domovská stránka.
4. Vysvětlení nového tématu
1. Úprava webu
Chcete-li otevřít existující web, musíte:
1. Otevřete složku s názvem vašeho webu.
2. Najděte soubor s názvem INDEX a udělejte 1 kliknutí na pravou knihu. myši na to.
3. V nabídce, která se zobrazí, vyberte příkaz Otevřít pomocí
Přední strana.
Přejmenování titulu
stránky
Klikněte na slova Domů
strana 1 čas pr. kniha. myš a
menu, které se objeví
vybrat
Zapněte příkaz Vlastnosti reklamy
strana.
V
v okně, které se objeví místo slov Home
strana
Napište své jméno
stránku a klepněte na OK.
(To se používá hlavně pro
domovská stránka)
2. Přidání textu
Vytváření textů v tomto programu se neliší od stejného
operace v textový editor Slovo. Kliknete na požadované
umístěte stránku a napište text. Stejně jako ve Wordu to není nutné
sledujte konec řádku – titulní stránka automaticky zalamuje slova z
řádků na řádek.
Provede se formátování znaků
pomocí panelu
Formátování
Někdy při psaní mezera mezi
řádky mohou být velmi velké.
Chcete-li to odstranit, musíte:
1. Vyberte několik řádků.
2. Vezměte příkaz Formát, Odstavec
3. V okně Interval umístěte před něj číslo 0.
4. V okně Interval zadejte číslo 0.
9

5. Klepněte na tlačítko OK
4. Praktická práce
5. Shrnutí lekce
Téma: „Vytváření tabulek. Přidávání tickeru."
Cíl: Pokračujte v seznamování se s hlavními funkcemi
programy;
Pokračovat ve studiu informačních technologií;
Pěstovat zájem o předmět
Během vyučování.
1. Organizační moment
Komunikace tématu a účelu lekce

3. Vysvětlení nového tématu
1. Vytváření tabulek
Tabulky se umísťují na webové stránky pomocí tlačítka Tabulka,
Vložit, Tabulka.
Otevře se okno, ve kterém se nastavují parametry tabulky:
V okně Velikost se nastavuje množství
řádky a sloupce vaší tabulky.
V okně Okraje můžete nastavit velikost ohraničení
stoly,
v barvě okna – barva ohraničení
Pokud chcete mít celý stůl
nastavit konkrétní barvu v okně Pozadí,
Barva je požadovaná barva.
Klepněte na tlačítko OK.
Podívejte se na výsledek:
V režimu návrhu
V režimu zobrazení
Pokud změníte velikost tabulky a dáte 0 místo 1, máte tabulku
bude mít v režimu zobrazení neviditelné okraje.
Podívejte se na výsledek
10

V režimu návrhu
Poznámka:
Sloučení buněk:
V režimu zobrazení
1. Vyberte buňky, které chcete sloučit
2. 1 krát pr. kniha. myši a vyberte příkaz Sloučit buňky
Změna stolu:
1. Klikněte 1x na pravé tlačítko. myší na stůl a vyberte příkaz Vlastnosti
tabulky
2. Vytvoření tickeru
Upozornit na kus textu popř
název, můžete mu dát průběžný efekt
linky
1. Vložit, webová komponenta
2. Kurzor musí být na slovech
Dynamické efekty, plíživá linie.
3. Klepněte na tlačítko Dokončit.
4.
5. Do pole Text musíte zadat text
běžící čára.
5. pomocí speciálních spínačů
Umět:
 Vyberte směr pohybu
řádky (zleva doprava nebo doprava
vlevo, odjet);
 Upravte prodlevu mezi po sobě jdoucími posuny textu a
velikost posunu v pixelech;
 Nastavte režim pohybu textu (nepřetržitý);
 Nastavte šířku a výšku obdélníkové oblasti plíživé linie;
 V okně Styl, Formát, Písmo – změňte vzhled písma
Poznámka:
11

Změna tickeru
1.
Klikněte 1x doprava na knihu. myší na ticker a převezměte příkaz
Vlastnosti plazivé linie.
3. Praktická práce.
Vytvořte stránku, na kterou chcete vložit ticker (nahoře).
Vytvořte tabulku skládající se z 1 řádku a 2 sloupců, ve kterých
umístit nějaký text.
Vytvořte druhou tabulku s neviditelnými hranicemi, která se skládá z 1
řádky a 2 sloupce, do kterých umístíte i nějaký text.
4. Shrnutí lekce.
Co jsme dnes potkali? Proč potřebujete ticker?
Jak vyrobit stůl s neviditelnými hranicemi? Uveďte příklad pro
Proč byste potřebovali stůl s neviditelnými hranicemi?
5. Klasifikace.
Domácí práce.
Téma: „Vkládání a úprava obrázků. FOTOGALERIE".
Cíl: Pokračujte v seznamování se s hlavními funkcemi
programy;
Pokračovat ve studiu informačních technologií;
Pěstovat zájem o předmět
Během vyučování.
1. Organizační moment
Komunikace tématu a účelu lekce
2. Kontrola domácích úkolů.
3. Vysvětlení nového tématu
1. Přidejte obrázek
FrontPage editor umožňuje načítat obrázky ze souborů
různé grafické formáty: gif (běžný a animovaný), JPEG,
BMP, TIFF, TGA, RAS, EPS, PCX, PND, PCD a WMF. Lze umístit
hotový výkres stránky, který si vezme z knihovny obrázků programu
FrontPage ze složky aktuálního webu nebo jednoho z webů na místním webu
disku, z libovolného grafického souboru na lokálním disku. Nainstalujte
kurzor myši na správné místo.
1. Vyberte Vložit, Obrázek, Ze souboru
2. Určete umístění souboru, který se má vložit, jeho název a potvrďte
akce kliknutím na tlačítko
3. V případě potřeby vyměňte
rozměry výkresu. Pro tohle
stačí táhnout myší
z rohů nebo stran rámu.
FrontPage vám umožňuje používat
různé nástroje pro dávání
obrázek požadovaného typu a
12
OK.
jeden

formuláře. Klikněte na vložený obrázek. Kolem obrázku bude
zobrazí se rámeček a ve spodní části okna pracovního programu se objeví
Panel nástrojů Kreslení pro práci s obrázky:
Pojďme se blíže podívat na všechna tlačítka na panelu
Výkres
název
Ze souboru
Otevře okno pro vložení obrázku
Akce
.
Text
Absolutní
Hýbat se
vpřed
Umístí text na výkres. Tohle je akce
Možné pouze s obrázky GIF.
Pokud je obrázek uložen v jiném
formát, pak okno s
Varování

PROTI
Transformuje
umístěno. Po kliknutí na toto tlačítko
obrázek lze přesunout kamkoli na web
stránky,
jako umístěný odstavec.
Dalším kliknutím na toto tlačítko se zruší
polohování.
Přesune vybranou kresbu dopředu
plán
pravidelná kresba
Hýbat se
Přesune vybraný výkres na pozadí
zadní
Otočit
vlevo, odjet
Otočit
že jo
Reflektujte
zleva doprava
Reflektujte
vzhůru nohama
Zvýšit
kontrast
Pokles
kontrast
Zvýšit
jas
Otočí výkres o 900 proti směru hodinových ručiček
šipky
Otočí výkres o 900 ve směru hodinových ručiček
Vytvoří
vzhledem k vertikální ose.
zrcadlový obraz obrázku
zrcadlový obraz obrázku
Vytvoří
vzhledem k vodorovné ose.
Zvyšuje kontrast obrazu
Snižuje kontrast obrazu
Zvyšuje jas obrazu
13

Pokles
Snižuje jas obrazu
jas
Ořezávání
Odebere okraj výkresu.
Typ čáry
Nastavit průhlednou barvu
Barva
Rám na bagetu
Řezání květin
Vybrat
Hyperobdélník
Nipercircle
Hypermultiple
golnik
Vyberte horká místa
Obnovit
Vlastnosti oříznutí obrázku
14
Vytvoří rám kolem
obrazy kolem
z
zadaný typ čáry.
Vytváří barvu, kterou si vyberete
transparentní (přes to bude
pozadí je vidět,
na kterých
je tam nákres).
Změní barvu kresby
na
na
na
S

Podle
okraj
výkres
Vytvoří

přidělené
rám na bagetu
Pokud po
Změny
klikněte na velikost obrázku
klikněte na toto tlačítko, soubor bude
přepsáno
s přihlédnutím
provedené změny.
Používá se pro zvýraznění
grafické objekty
Zvýraznění
výkres
obdélníková plocha pro
vytvoření hypertextového odkazu
Zvýraznění
výkres
kruh vytvořit
hypertextové odkazy
Zvýraznění
výkres

polygonální oblast pro
vytvoření hypertextového odkazu
Skryje část obrázku
která nebyla zahrnuta
hyperpolygon,
hyperobdélník,
hyperkruh.
komfortní
použít při hranicích
hyperregiony jsou špatně viditelné na
výkres.
Obnovuje původní
parametry výkresu.
Její

Ve všech programech Microsoft Office XP
ihned po kliknutí na tlačítko „Oříznout“.
kresba se navenek nemění.
V
Klikněte na program Front Page
způsobí zobrazení tečkované čáry
rám zvýrazňující střední část
Snímky.
Pokud znovu kliknete na tlačítko
„Oříznout“, část obrazu zmizí,
mimo rám. Chcete-li nezávisle určit oblast kreslení,
který by měl na webové stránce zůstat, přesuňte ukazatel myši na jednu
ze čtverců umístěných v rozích ve středech každé strany tečkované čáry
obdélník a přetáhněte je myší.
Pomocí tlačítka Barva
Pomocí tlačítka "Barva" se otevře seznam příkazů, pomocí
ve kterém můžete změnit formát obrázku a udělat obrázek černý
bílé nebo v odstínech šedé nebo se změní na pozadí (příkaz
"Rozmazat")
Problém s velkým obrázkem
Čím větší obrázek, tím více místa na disku zabírá, tím více
Načítání trvá déle. Řešením problému je
nahrazení velkého obrázku jeho náčrtem. Vytvořená skica se stane
hypertextový odkaz, kde divák (např. internet Explorer)
zobrazí původní výkres na obrazovce.
Chcete-li vytvořit miniaturu, klikněte na obrázek
Objevil se panel nástrojů „Výkresy“. Poté na panelu nástrojů
Klikněte na tlačítko Auto Thumbnails. Výsledkem budou rozměry
obraz se zmenší a kolem něj se objeví modrý rámeček.
Chcete-li změnit vzhled náčrtu, otevřete nabídku Nástroje a
vyberte příkaz "Nastavení stránky".
V dialogovém okně Vzhled stránky přejděte na
"Automatické náhledy" a nastavte požadované parametry
V tomto okně nastavte požadovanou šířku (například 50) a klikněte na tlačítko
OK.
Zmenšete velikost obrázku přetažením jeho rohů.
Přejděte do režimu zobrazení. Zde je to, co získáte:
Toto je v režimu návrhu:
15

Toto je v režimu zobrazení:
Tento výkres v režimu zobrazení je
hypertextový odkaz kliknutím na který jste
stane se toto:
2. Fotogalerie
Pohodlný způsob umístění na
jedna webová stránka mnoha fotografií je tzv
FOTOGALERIE. Když je vytvořen, automaticky se vytvoří velké obrázky
jsou nahrazeny skicami.
Vložení fotogalerie na webovou stránku:
1)
2)
3)
Klikněte na název příkazu „Vytvořit sbírku fotografií“;
Dále pracujeme v okně „Vlastnosti kolekce fotografií“.
otevřete nabídku "Vložit";
přesuňte ukazatel myši na řádek „Výkres“;
v doplňkové nabídce, která se otevře vpravo,
Na záložce "Výkresy" klikněte na
Tlačítko "Přidat" pro otevření seznamu
příkazy pro vkládání obrázků. Pokud výkres
uložený ve vašem počítači jako soubor, potřebujete
Klikněte na řádek „Obrázky ze souborů“.
Zobrazí se dialogové okno Otevřít soubor s
se kterými víte, jak pracovat.

nutné

"Podpis"
kresby,
Po výběru
použijte pole
A
"Popis". V případě potřeby můžete
změnit velikost miniatur.
Poté přejděte na kartu „Rozvržení“ a vyberte metodu rozvržení
miniatury na stránce.
Ve vodorovném uspořádání jsou obrázky uspořádány do řad a
Pod každým náčrtem je popis.
Pokud je vybrána možnost "Koláž", pak se popisy nezobrazují, ale kdy
Když najedete myší na miniaturu, zobrazí se popisek.
16

Hranice
Text a obrázky na obrazovce můžete uspořádat pomocí obou
stoly nebo pomocí dekorativního zařízení, jako je horizontální
linky. Umístěte textový kurzor na požadované místo na webové stránce
projděte vodorovnou čáru, otevřete nabídku Vložit a klikněte na název
Příkazy "Horizontální čára".
Praktická práce
4.

5.
Shrnutí lekce
Klasifikace
Téma: „Výběr motivu pro návrh stránky.
Přidání videa a zvuku. Animace
texty."
Cíl: Pokračujte v seznamování se s hlavními funkcemi
programy;
Pokračovat ve studiu informačních technologií;
Pěstovat zájem o předmět
Během vyučování.
1. Organizační moment
Komunikace tématu a účelu lekce
2. Kontrola domácích úkolů.
3. Vysvětlení nového tématu
Výběr motivu pro návrh stránky
Chcete-li dát webu soudržnější, esteticky příjemný a
zároveň profesionálnější vzhled, je vhodné dodržet
jednotný přístup při navrhování stránek – dodržovat určité
barevné schéma a styl. Usnadnit tento úkol ve FrontPage
se používají témata.
Téma je specifická sada designových prvků a barevných schémat,
které lze aplikovat na stránky.
1. Vyberte Formát, Motiv.
Předmět.
2. Procházejte seznam témat a vyberte
jeden z nich a klikněte na zaškrtnutí
toto téma.
Na obrazovce se objeví panel
na
17

3. V nabídce, která se zobrazí, vyberte příkaz: Použít jako motiv podle
výchozí, takže tento motiv byl použit na všechny vaše stránky
místo.
4. V okně, které se zobrazí jako další
klikněte na tlačítko ANO

Přidání

zvuk
doprovod
Spolu s různými speciálními efekty, které oživí stránky
používají se multimediální objekty: zvuk, video, flash animace atd.
Můžete si tedy například vybrat zvuk na pozadí pro libovolnou stránku webu
nebo hudbu, která se přehraje při otevření stránky. Pro
je potřeba toto:
v režimu úprav klepněte pravým tlačítkem na libovolný
oblasti stránky a v zobrazené kontextové nabídce vyberte příkaz
Vlastnosti stránky.
Zobrazí se okno Vlastnosti stránky s
karta Obecné;
ve skupině Ovládání zvuku na pozadí klikněte na tlačítko Procházet
a v okně Zvuk na pozadí, které se otevře, vyberte soubor s hudbou
fragment.
Přidání videa
Umístění videa na webovou stránku je stejně snadné jako přidání obrázku.
Chcete-li umístit video na webovou stránku, musíte nastavit text
kurzor na požadované místo a vyberte příkaz Vložit, Kreslení,
Nahrávání videa. Dále byste měli zadat název souboru s fragmentem videa. Po
zavřením okna nahrávání videa se na stránku umístí obdélník,
označující oblast výstupu videa, ve které je
zobrazí se první snímek fragmentu videa.
Poté musíte kliknout pravým tlačítkem na oblast výstupu
videa a vyberte příkaz v kontextové nabídce, která se zobrazí
Vlastnosti výkresu. Zobrazí se karta Vlastnosti obrázku s otevřenou kartou.
Video.
Označení zaškrtávacího políčka Při otevírání souboru to znamená
Video se přehraje při každém načtení
stránky do režimu zobrazení. Zaškrtněte políčko Při přechodu
myš umožňuje přehrát video, když na něj najedete myší
myši. Ve vstupním poli s počítadlem Opakování můžete určit, kolikrát
musí být video promítnuto, popř
zaškrtněte políčko Vždy pro
nekonečné přehrávání.
Animace textu
Pro
animace textu
je třeba zobrazit
18

Panel nástrojů Efekty DHTML. Chcete-li to provést, použijte příkaz Zobrazit.
Panely nástrojů, DHTML efekty.
Když se na obrazovce objeví požadovaný panel, klikněte na
animovaný odstavec tak, aby textový kurzor byl uvnitř něj.
Pak:
otevřete rozbalovací seznam "Zapnuto" a vyberte z něj
1)
na
přihodit se
událost,
animace textu. Může to být dvojité kliknutí, jednoduché kliknutí,

koho
musí
2)
otevřete pole Použít a vyberte efekt animace.
Počet nabízených efektů závisí na tom, který jste vybrali v prvním kroku
události: největší počet animačních efektů lze použít, když
otevření stránky, nejméně ze všech - při najetí kurzorem myši;
3) pro efekty jako „Fly-in“, „Scale“, „Appearance“ a
„Jaro“ se stane dostupným polem, pomocí kterého můžete specifikovat
efekty. Například ke změně velikosti písmen může dojít jako v
stranu jejich poklesu a nárůstu.
Pokud kliknete na tlačítko "Vybrat efekty" na panelu nástrojů
DHTML", pak v normálním režimu prohlížení odstavce, ke kterým
animační efekty jsou zvýrazněny světle modrým blokem. S předběžným
při procházení nebo prohlížení v okně Internet Exploreru tato lišta není vidět
4. Praktická práce
Procvičování dovedností získaných ve třídě.
5. Shrnutí lekce
Klasifikace
Téma: "Vytváření hypertextových odkazů."
Cíl: Pokračujte v seznamování se s hlavními funkcemi
programy;
Pokračovat ve studiu informačních technologií;
Pěstovat zájem o předmět
Během vyučování.
1. Organizační moment
Komunikace tématu a účelu lekce
2. Kontrola domácích úkolů.
3. Vysvětlení nového tématu
Neexistují žádné způsoby, jak vložit nebo upravit hypertextové odkazy na titulní stránku.
se liší od těch používaných v textovém editoru Word.
Chcete-li vytvořit hypertextový odkaz, musíte vybrat text nebo grafiku
objekt v dokumentu a jednou na něj klikněte, pravá kniha. myši. V se objevil
vyberte příkaz Hypertextový odkaz. V poli se objeví zvýrazněné slovo
"Text" v dialogovém okně "Přidat hypertextový odkaz".
19

Na levé straně okna je panel „Odkaz na“, určený pro
výběr objektu hypertextového odkazu. Obrázek ukazuje možnost „Odkaz na soubor,
webové stránky“, takže se zobrazí centrální velké pole
obsah složky, ve které je dokument uložen. Tato část dialogového okna
podobné oknu pro otevírání dokumentů, takže i velmi nezkušený
Při práci s ním uživatel nemá žádné potíže. Najděte soubor
který by se měl otevřít po kliknutí na hypertextový odkaz, vyberte jej
klikněte a zavřete dialogové okno tlačítkem "OK". Takže ty
vytvořil jednoduchý hypertextový odkaz, zvýrazněný modře v textu a
podtržení. V případě, že se chcete vznášet
ukazatel myši na hypertextový odkaz byl text nápovědy před vámi
zavřete dialogové okno, klikněte na tlačítko „Nápověda“ a v novém okně
dialog napsat text.
K odeslání e-mailu lze použít hypertextový odkaz v dokumentu
Podle e-mailem. Tato technická vlastnost textového editoru
při dovedném použití se ukazuje jako cenná didaktická funkce,
zvláště důležité při organizování dálkového studia pro děti
domácí pracovníci: kliknutím na hypertextový odkaz se spustí program pro vytvoření a
odesílání e-mailů, automaticky vkládá do polí
Informace „Komu“ a „Předmět“ sestavené vámi. Napsat
Word editor takto reagoval při kliknutí na hypertextový odkaz, potřebujete jej v okně
V dialogovém okně „Přidat hypertextový odkaz“ klikněte na tlačítko se slovy
"E-mail" a vyplňte požadovaná pole.
Úprava a odstranění hypertextových odkazů
Jako všechno v tomto světě se hypertextové odkazy často mění. Například možná
název souboru webové stránky, na kterou odkazuje hypertextový odkaz,
samotnou stránku lze přesunout na jiný web nebo jednoduše
smazáno. Pokud k takové změně dojde, pak odkaz ukazující na
Soubor se změnil a je třeba jej opravit.
a) změna hypertextových odkazů
1. Klikněte pravým tlačítkem na odkaz, který chcete opravit.
Otevře se kontextová nabídka.
2. V místní nabídce vyberte příkaz Vlastnosti hypertextového odkazu.
Otevře se dialogové okno Upravit hypertextový odkaz. Adresa bude opravena
Hypertextový odkaz bude uveden v poli URL (neplatný). Mělo by být vyměněno
na té pravé.
3. V seznamu souborů klikněte na ten, který potřebujete, a poté klikněte na tlačítko OK.
Adresa hypertextového odkazu se změní tak, aby ukazovala na správnou stránku.
20

b) odstranění hypertextových odkazů
1. Klepněte pravým tlačítkem myši na odkaz, který chcete odstranit.
Otevře se kontextová nabídka.
2. Vyberte příkaz Vlastnosti hypertextového odkazu. Otevře se dialogové okno
Úprava hypertextového odkazu. Text v poli URL bude zvýrazněn.
3. Stiskněte klávesu Delete. Text pole adresy URL bude odstraněn.
4. Klepněte na tlačítko
OK. Odkaz bude odstraněn z textu webu
stránky. Vezměte prosím na vědomí, že část textu, která představovala
je hypertextový odkaz, nyní není podtržený.
5. Na panelu nástrojů klepněte na tlačítko Uložit.
Rada. Chcete-li odstranit hypertextový odkaz, můžete jednoduše odstranit jeho text na
Webová stránka.
Karty
Pokud v elektronické verzi Word dokument hypertextový odkaz může být pouze
celý výkres, s pomocí Front Page to uděláte v jednom výkresu
několik různých hypertextových odkazů. Taková kresba se nazývá obrazová mapa.
1.
2. Kliknutím na obrázek jej vyberete. Jako výsledek
Zobrazí se panel nástrojů Kresby.
3. Klepnutím na jedno z následujících tlačítek ve výkresu zvýrazněte:
Vložte kresbu nebo fotografii na webovou stránku.
1. obdélníková oblast – „Hyperobdélník“
2. kruh nebo elipsa - „Hypercircle“
3. libovolná oblast - „Hyperpolygon“
4. V okně „Přidat hypertextový odkaz“, které se otevře, vyhledejte název webu
nebo webovou stránku, která by se měla otevřít po kliknutí dovnitř
vybrané oblasti.
5. Opakujte tyto kroky s ostatními částmi obrázku.
V okně prohlížeče bude viditelná normální fotografie, ale kdy
najetím ukazatele myši na aktivní oblast bude mít ukazatel tvar
ukazováčkem a pod ním se zobrazí text nápovědy.
4. Praktická práce
Procvičování dovedností získaných ve třídě.
5. Shrnutí lekce
Jak vytvořit hypertextový odkaz?
Jak vytvořit interaktivní mapu?
Klasifikace
Téma: "Vytváření interaktivních tlačítek."
Cíl: Pokračujte v seznamování se s hlavními funkcemi
programy;
Pokračovat ve studiu informačních technologií;
Pěstovat zájem o předmět
Během vyučování.
21

1. Organizační moment
Komunikace tématu a účelu lekce
2. Kontrola domácích úkolů.
3. Vysvětlení nového tématu
FrontPage umožňuje vytvářet interaktivní tlačítka, tzn.
tlačítka s hypertextovými odkazy.
Pozor: Tlačítko změny bude vytvořeno pouze uvnitř nesdíleného
hranice!. Pokud jej chcete umístit do obecných polí, nejprve jej vytvořte v
neobecná pole a teprve poté je zkopírujte do obecných
Chcete-li to provést, použijte příkaz Vložit, Změna tlačítka
1. V okně Text musíte zadat název tlačítka.
2. Klepnutím na tlačítko Procházet propojíte své tlačítko s hypertextovým odkazem
V tomto okně vyberte požadovanou stránku a klikněte na OK.
3. Přejděte na kartu Písmo
V tomto okně můžete změnit písmo, it
a styl vašeho tlačítka.
Kromě toho můžete změnit barvy tlačítek:
Původní barva
Barva přechodu
Barva po stisknutí.
4. Jděte

na
Karta Kreslení
velikost
Zde můžete nastavit šířku a výšku tlačítka
(pokud se text nevejde na tlačítko)
Pokud dáte tečku vedle slov Use
pro formát tlačítka GIF a průhledné pozadí bude vaše tlačítko
vypadat na svém webu velmi elegantně.
22

6. Praktická práce
Procvičování dovedností získaných ve třídě.
7. Shrnutí lekce
Téma: „Vytvoření webu pomocí editoru Front
Strana"
Závěrečné zadání
Cíl: Upevnit dovednosti získané studenty v předchozích hodinách;
Pokračovat ve studiu informačních technologií;
Pěstovat zájem o předmět
Výbava: Front Page 2003 program,
Během vyučování.
1. Organizační moment
Komunikace tématu a účelu lekce
23

Frontpage má dvě funkce, které umožňují rozdělit stránku na části obsahující text a grafiku. Jedná se o tabulky a rámečky. Až do tohoto okamžiku jsme zarovnávali text na řádku přidáváním mezer pomocí stylu formátovaného odstavce. K zarovnání textu můžete také použít tabulky. Pomocí tabulek se pole formulářů zarovnávají (práci s formuláři je věnována kapitola 7). K formátování prvků stránky můžete také použít kaskádové styly. Je třeba poznamenat, že kaskádové styly jsou podporovány pouze v prohlížečích nejnovější verze.
Poznámka
Prohlížeče ignorují prvky formátování, jako jsou prázdné čáry. Výjimkou je použití formátovaného stylu nebo symbolu nepřerušitelný prostor. V kódu HTML se sekvence znaků používá k označení pevné mezery. Použití sady takových sekvencí umožňuje zobrazit text s několika po sobě jdoucími mezerami na stránce načtené v prohlížeči. V aplikaci Frontpage lze znak mezery vložit pomocí dialogového okna Symbol (první na prvním řádku).
Navrhování stolů
Nejdůležitějším nástrojem pro vývoj vzhledu webové stránky je tabulka. Funkce tabulek při vytváření webových stránek jsou různé. Nejprve bych rád zdůraznil následující:
zarovnání dat vkládáním do buněk tabulky (a zároveň poskytuje možnost oddělovat data pomocí čar různé tloušťky);
reprezentace textu ve formě sloupců;
zarovnání vstupních polí a jejich názvů ve formulářích;
rozdělení textu a grafiky do různých sloupců;
vytvoření rámečku kolem textu nebo grafiky;
umístění grafických obrázků na obě strany textu (nebo všechny strany) a naopak;
umístění textu podél obrysu grafický obrázek;
vytvoření barevného pozadí pro textový fragment nebo samostatný obrázek;
včetně tabulek v jiných tabulkách.
Během vytváření tabulky se v dialogovém okně Vložit tabulku nastavují hodnoty následujících vlastností: počet řádků a sloupců, horizontální obsazená plocha stránky, tloušťka čar oddělujících buňky a omezení tabulky, velikost intervalů mezi obsahem a vnitřním okrajem ohraničení buněk, zarovnání tabulky atd. . Hodnoty vlastností tabulky můžete změnit později. Kdykoli můžete odstranit jeden nebo několik řádků nebo sloupců, sloučit sousední buňky, formátovat obsah jedné buňky nebo vybraného rozsahu speciálním způsobem atd. Při zadávání dat se velikost buňky svisle i vodorovně zvětšuje v rámci limitů stanovených pro tabulku a sloupec.
Poznámka
Šířku tabulky můžete nastavit buď v pixelech (pevná šířka), nebo jako procento šířky okna prohlížeče nebo rámce, ve kterém je stránka zahrnuta. Šířka sloupců tabulky se zadává buď v procentech šířky tabulky, nebo v pixelech (pevná šířka). Pokud je šířka jednotlivého sloupce nebo celé tabulky zadána v pixelech, pak způsob zobrazení tabulky v prohlížeči závisí na rozlišení obrazovky nastaveném na počítači uživatele.
Zobrazení tabulkových dat
V klasické tabulce jsou řádky a sloupce striktně ohraničeny. Chcete-li získat takovou tabulku, musíte provést následující posloupnost akcí:
1. Stáhněte si Frontpage.
2. Aktivujte příkaz Nový z podnabídky Web nabídky Soubor.
3. Načte se dialogové okno Nový. Ve výchozím nastavení je vybrána šablona One Page Web. Do pole Zadejte umístění nového webu zadejte název webového serveru a webu. Název webu, například TestTables. Klepněte na tlačítko OK.
4. Přejděte do režimu zobrazení složek. Poklepejte na název souboru Default.htm. Domovská stránka se otevře v zobrazení Stránka.
5. Stisknutím klávesy vložíte do horní části stránky prázdný řádek
6. Otevřete nabídku Tabulka a aktivujte příkaz Tabulka z podnabídky Vložit. V důsledku toho se otevře dialogové okno Vložit tabulku (obrázek 61) Toto okno zobrazuje výchozí hodnoty vlastností tabulky Prvky dialogového okna Vložit tabulku jsou popsány v tabulce 6.1.

Obrázek 6.1. Dialogové okno Vložit tabulku

Tabulka 6.1. Vlastnosti tabulky

Dialogový prvek Vlastnost tabulky
Vložit okna tabulky
Řádky Počet řádků v tabulce
Sloupce Počet sloupců v tabulce
Zarovnání Způsob zarovnání tabulky (výchozí je zarovnání vlevo)
Velikost okraje Tloušťka dělících a ohraničujících čar v pixelech Výchozí hodnota - 0 Pokud se tato hodnota nezmění, rámeček tabulky se v prohlížeči nezobrazí, ale na Frontpage je označen tečkovanou čarou
Výplň buněk Velikost prostoru (v pixelech) mezi okraji buňky a jejím obsahem (výchozí hodnota je 1)
Rozestup buněk Mezera (v pixelech) mezi sousedními buňkami (výchozí hodnota je 2)
Zadejte šířku Šířka tabulky Tato hodnota se nastavuje buď v pixelech (přepínač V pixelech) nebo jako procento šířky okna prohlížeče nebo rámce, ve kterém je stránka zahrnuta (přepínač V procentech)

7. Neměňte žádnou z hodnot, klikněte na OK. V důsledku toho se vytvoří tabulka se dvěma řádky a dvěma sloupci. Vyberte tabulku s pomocí příkazu Tabulka v podnabídce Vybrat nabídky Tabulka. Stisknutím klávesy tabulku smažete. Pokud jste v kroku 5 nevytvořili na začátku stránky prázdný řádek, udělejte to nyní.
8. Klepněte na tlačítko Vložit tabulku na panelu nástrojů Tabulka. Před vámi se objeví prototyp tabulky, kde je velmi snadné určit, kolik řádků a sloupců má tabulka obsahovat. Klikněte na druhou buňku ve druhém řádku, jak je znázorněno na následujícím obrázku. V tomto případě se také vytvoří tabulka skládající se ze dvou řádků a dvou sloupců (čtyř buněk).
Podívali jsme se na dva způsoby, jak vytvořit tabulku. Když použijete tlačítko Vložit tabulku na panelu nástrojů, použijí se výchozí hodnoty. Pokud aktivujete příkaz Tabulka v podnabídce Vložit nabídky Tabulka, nezávisle určíte hodnoty parametrů vytvářené tabulky.
Poznámka
Pomocí tlačítka Vložit tabulku můžete vytvořit tabulku obsahující mnohem více řádků a sloupců, než bylo původně zobrazeno v prototypu:
Když přesunete ukazatel myši mimo okraj, prototyp se automaticky roztáhne.
Vlastnosti tabulky
Hodnoty přiřazené vlastnostem tabulky ji definují vzhled.
1. Do levé horní buňky tabulky, kterou jsme vytvořili, zadejte číslo 5.
Stisknutím klávesy se přesuňte do buňky vpravo a zadejte následující větu:
To je docela dlouhá věta. Vaše tabulka by měla vypadat jako na následujícím obrázku. Šířka tohoto stolu dosahuje téměř 100 % šířky okna.

2. Stiskněte dvakrát šipku dolů, abyste přesunuli kurzor mimo tabulku. Za tabulku vložte tři prázdné řádky trojitým stisknutím klávesy.
Poznámka
Pokud umístíte kurzor do poslední buňky a stisknete klávesu, do tabulky bude přidán nový řádek a kurzor se přesune do první buňky nového řádku.
3. Aktivujte příkaz Tabulka z podnabídky Vložit nabídky Tabulka a deaktivujte volbu Zadat šířku ve spodní části dialogového okna (stejnojmenné vstupní pole bude nedostupné). Klepněte na tlačítko OK. V důsledku toho se objeví druhá tabulka, jejíž šířka je mnohem menší než ta první.
4. Do levé buňky prvního řádku tabulky zadejte číslo 1, stiskněte klávesu, čímž se kurzor přesune do druhé buňky prvního řádku, a zadejte větu. To je docela dlouhá věta
Pomocí klávesy se přesuňte do levé buňky druhého řádku a zadejte číslo 2. Stiskněte znovu klávesu (kurzor se přesune do pravé buňky druhého řádku) a zadejte větu: Toto je jen věta
Šířka každého sloupce je nastavena podle nejdelší čáry v daném sloupci (obrázek 6.2).

Rýže. 6.2. Vlastnost Specify Width je nastavena pro horní tabulku, ale ne pro spodní tabulku.

5. Klikněte pravým tlačítkem na druhou tabulku a v kontextovém menu vyberte příkaz Vlastnosti tabulky, čímž se otevře stejnojmenné dialogové okno zobrazené na Obr. 6.3. Stejně jako v dialogovém okně otevřeném pomocí příkazu Tabulka podnabídky Vložit nabídky Tabulka (obr. 6.1) lze v něm nastavit parametry tabulky, jako je zarovnání, tloušťka dělicích a omezujících čar tabulky, velikost intervaly mezi okraji buňky a jejím obsahem, interval mezi sousedními buňkami a šířka tabulky. Kromě toho je možné určit výšku stolu, vybrat barvu pro plné pozadí stolu nebo obrázek na pozadí a určit barvu pro dělicí čáry. V seznamu Plovoucí můžete určit, jakým způsobem přesunout tabulku - doprava nebo doleva - umístit text nebo obrázek nalevo nebo napravo od tabulky. Ve výchozím nastavení je pole Float nastaveno na Výchozí. Podle tohoto nastavení může být text umístěn pouze pod nebo nad tabulkou.

Obr 6 3 Dialogové okno Vlastnosti tabulky

6. Nastavte následující hodnoty pro vlastnosti tabulky: Velikost okraje - 5, Odsazení buněk - 6, Rozteč buněk - 8. Nastavení potvrďte kliknutím na tlačítko OK. Vaše tabulka by měla vypadat jako na následujícím obrázku. Klepněte pravým tlačítkem myši na pravou buňku prvního řádku horní tabulky (obrázek 6-2) a v místní nabídce vyberte příkaz Vlastnosti buňky Otevře se stejnojmenné dialogové okno (obrázek 6-4). obsahuje jsou popsány v tabulce 6.2.

Obrázek 6.4. Dialogové okno Vlastnosti buňky

Tabulka 6.2. Vlastnosti buněk

Dialogový prvek
Okna Vlastnosti buňky
Funkce
Horizontální Ahgnment Vodorovné zarovnání obsahu buňky K dispozici jsou následující možnosti: Vlevo, Na střed, Vpravo. Ve výchozím nastavení je nastaveno zarovnání vlevo
Vertikální zarovnání Vertikální zarovnání obsahu buňky K dispozici jsou následující možnosti: Top (horní okraj), Middle (uprostřed), Baseline (zarovnání obsahu buňky podél referenční čáry), Spodní (dolní okraj) Ve výchozím nastavení je nastaveno zarovnání na střed
Překlenuté řady Toto pole označuje, o kolik řádků chcete tuto buňku roztáhnout.
Sloupce překlenuté Toto pole určuje, do kolika sloupců chcete buňku roztáhnout.
Buňka záhlaví Formátování buňky jako záhlaví řádku nebo sloupce (nastaví text buňky na tučné)
Bez zábalu Zákaz dělení slov v buňce ve webovém prohlížeči; jinak se text přeruší, pokud je okno prohlížeče příliš úzké na to, aby se zobrazil celý
Zadejte šířku Určuje výšku buňky v pixelech nebo jako procento celkové výšky tabulky (pouze pokud je aktivní možnost Zadat výšku). Pokud je tato volba vypnuta, výška buňky se automaticky změní tak, aby se do ní vložený text nebo objekt zcela vešel
Hranice V této oblasti okna můžete definovat barvu pro dělicí a omezující čáry, které mohou být jednobarevné nebo dvoubarevné. V prvním případě použijte vstupní pole Ohraničení, ve druhém libovolná dvě pole ze tří navržených. V druhém případě se rám ukáže jako objemný
Pozadí Vytvoření pozadí pro buňku (buď plné barvy nebo obsahující obrázek)

Hodnoty vlastností lze změnit buď pro jednu buňku, nebo pro vybraný rozsah.

Poznámka

Při změně šířky buňky se ujistěte, že celková šířka buněk v řádku nepřesahuje 100 %, jinak se buňky tabulky nebudou zobrazovat správně.

1. V seznamu Vodorovné zarovnání v dialogovém okně Vlastnosti buňky vyberte Střed a v poli Svisle
Zarovnání - položka Top (zarovnat k hornímu okraji). Do pole Border Size zadejte hodnotu 1. Potvrďte nastavení kliknutím na OK.
V důsledku toho se změní způsob uspořádání dat v buňce a tloušťka dělicích a omezujících čar bude rovna jednomu pixelu.
2. Vyberte spodní řádek tabulky a klikněte pravým tlačítkem. Z místní nabídky vyberte příkaz Vlastnosti buňky. Do pole Columns Spanned zadejte hodnotu 2 a klikněte na OK. Výsledná tabulka by měla vypadat jako ta níže. Buňka zcela vlevo bude překrývat horní dvě, ale vpravo by měla být další buňka.

Poznámka
Určitý počet buněk v tabulce můžete vybrat následovně: umístěte ukazatel myši nalevo od buňky, ze které začnete vybírat, a když se změní na šipku směřující doprava nahoru, stiskněte levé tlačítko myši. a vyberte požadované buňky.
Poznámka
Sloupce v tabulce, kterou vytvoříte, mohou mít jinou šířku než ty, které jsou znázorněny na obrázku. To je způsobeno rozdíly v rozlišení monitorů.
3. Chcete-li změny vrátit zpět, stiskněte kombinaci kláves nebo aktivujte příkaz Vrátit zpět vlastnosti úprav v nabídce Úpravy.
4. Vyberte první řádek horní tabulky, otevřete dialogové okno Vlastnosti buňky a do pole Rozložené řádky zadejte hodnotu 2. Nakonec klepněte na OK. Horní dvě buňky se posunou doleva a dvě spodní buňky doprava.

5. Klepněte na tlačítko Zpět na panelu nástrojů. Přejděte do levé buňky prvního řádku horní tabulky a otevřete dialogové okno Vlastnosti buňky. Nastavte volbu Zadat šířku a aktivujte přepínač V pixelech, abyste mohli nezávisle určit šířku buňky v pixelech (zpřístupní se vstupní pole Specify Width). Do vstupního pole Specify Width zadejte hodnotu 40 a klikněte na OK. Obě buňky v prvním sloupci se zvětší.

7. Aktivujte tlačítko Zpět, klikněte na pravou buňku druhého řádku a otevřete nabídku Tabulka. Tato nabídka obsahuje čtyři podnabídky. Příkazy nabídky tabulky jsou popsány v tabulce. 6.3.

Tabulka 6.3. Příkazy nabídky tabulky

tým Popis
Nakreslete tabulku Umožňuje nakreslit tabulku stejným způsobem jako pomocí tužky na list papíru
Podnabídka tabulky Vložit Když je tento příkaz aktivován, otevře se dialogové okno Vložit tabulku. V něm lze nastavit parametry vytvářené tabulky, která se vloží na místo, kde se nachází kurzor (pokud je kurzor umístěn v buňce jiné tabulky, umístí se do ní druhá tabulka)
Podnabídka Vložit řádky nebo sloupce Vložit Dialogové okno Vložit řádky nebo sloupce určuje počet řádků a sloupců, které lze vložit nad, pod, napravo nebo nalevo od výběru.
Podnabídka buňky Vložit Vloží novou buňku nalevo od vybrané buňky, která je posunuta doprava
Podnabídka titulků Vložit Navrženo pro vložení prázdného řádku nad tabulku. Tento řádek je spojen s tabulkou: když je tabulka vybrána nebo odstraněna, záhlaví je také vybráno nebo odstraněno. Ve výchozím nastavení je záhlaví tabulky nastaveno na zarovnání na střed, ale lze jej zarovnat doleva nebo doprava
Smazat buňky Slouží k odstranění vybraných buněk
Spojit buňky Umožňuje sloučit více buněk v řádku i sloupci
Rozdělit buňky V dialogovém okně Rozdělit buňku můžete nastavit rozdělení vybraných buněk na řádky i sloupce
Podnabídka Buňka, Řádek, Sloupec, Tabulka Vybrat První příkaz se používá k výběru aktuální buňky, druhý - aktuální řádek, třetí - aktuální sloupec a čtvrtý - celá tabulka
Rovnoměrně rozmístit řádky, rovnoměrně rozmístit sloupce První příkaz umožňuje nastavit stejnou šířku pro vybrané řádky a druhý - pro vybrané sloupce
Automatické přizpůsobení Zmenší délku každého sloupce na velikost, kterou přímo zabírají informace v nich obsažené. Povolení tohoto příkazu má stejný účinek jako zakázání možnosti Zadat šířku v dialogovém okně Vložit tabulku, tzn. Délka buněk se bude automaticky měnit v závislosti na délce zadávaného textu nebo délce objektu v nich umístěného
Podnabídka Text do tabulky Převést Umožňuje převést vybraný text do tabulky. Aktivací tohoto příkazu se otevře dialogové okno pro výběr oddělovacího znaku. K oddělení obsahu sloupců použijte čárky a k oddělení řádků značky odstavců.
Podnabídka Tabulka na text Převést Umožňuje převést tabulková data na text, přičemž obsah každé buňky tvoří samostatný odstavec
Podnabídka Titulek, Buňka, Vlastnosti tabulky Tyto tři příkazy poskytují přístup k oknům Vlastnosti titulku, Vlastnosti buňky a Vlastnosti tabulky.

Poznámka
Chcete-li vybrat více nesousedících buněk, podržte klávesu
Tabulka menu. Podívejme se blíže na některé příkazy nabídky Tabulka popsané v tabulce. 6.3
1. Aktivujte příkaz Tabulka z podnabídky Vložit.V dialogovém okně, které se otevře, klepněte na OK beze změny výchozího nastavení.V důsledku toho se v buňce objeví tabulka o dvou řádcích a dvou sloupcích.

Poznámka
Když jsme vytvořili druhou tabulku (krok 3 druhého cvičení této kapitoly), deaktivovali jsme možnost Zadat šířku v okně Vložit tabulku. V kroku 1 třetího cvičení jsme zadali hodnotu 1 do pole Velikost okraje Okno Vlastnosti tabulky Ve Frontpage byla tato nastavení uložena, takže při vytváření nové tabulky v okně Vložit tabulku bude ve výchozím nastavení vypnuta možnost Zadat šířku a pole Velikost okraje bude obsahovat hodnotu 1.
1. Klikněte nejprve na tlačítko Zpět a poté na levou buňku prvního řádku tabulky. Z podnabídky Vložit vyberte příkaz Řádky nebo sloupce. V důsledku toho se otevře stejnojmenné dialogové okno

Souhlaste s výchozím nastavením: jsou vybrány přepínače Řádky a Výběr pod a do pole Počet řádků se zadá hodnota 1. Klepněte na tlačítko OK. Pod prvním řádkem tabulky se objeví nový řádek
3. Znovu aktivujte příkaz Vložit řádky nebo sloupce podnabídky Vložit Nastavte přepínače Sloupce a Vlevo od výběrů (vlevo od vybrané oblasti) Poté klikněte na tlačítko OK Výsledná tabulka by měla vypadat takto postava

4. Aktivujte příkaz Buňka podnabídky Vložit. V důsledku toho bude do tabulky vložena nová buňka a buňka umístěná vpravo se přesune mimo řádek doprava. Kurzor se automaticky umístí do nové buňky

Chcete-li vybrat buňku, aktivujte příkaz Buňka podnabídky Vybrat (vyberte buňku) nebo stiskněte klávesu při kliknutí na buňku Pro odstranění buněk použijte příkaz Smazat buňku
5. Aktivujte příkaz Titulek z podnabídky Vložit Kurzor bude umístěn nad tabulkou uprostřed Zadejte následující větu. Toto je záhlaví tabulky
6. Vyberte spodní řádek v první tabulce Poté vyberte příkaz Sloučit buňky.V důsledku toho budou ve spodním řádku odstraněny všechny dělicí čáry mezi buňkami

7. Klikněte na buňku úplně vpravo v prvním řádku a aktivujte příkaz Rozdělit buňky Otevře se dialogové okno Rozdělit buňky

Přijměte výchozí nastavení a klepněte na OK. Zadaná buňka bude rozdělena na dvě

8. Aktivujte příkaz Tabulka v podnabídce Vybrat a stiskněte klávesu . Tabulka bude smazána. Klepnutím na tlačítko Zpět jej obnovíte.
Poznámka
Existuje další způsob, jak vybrat tabulku: dvakrát klikněte nalevo od tabulky (ty z jejích limitů)
9. Otevřete dialogové okno Vlastnosti tabulky a do vstupního pole Velikost ohraničení zadejte hodnotu 0. Klepněte na OK. V důsledku toho budou hranice tabulky označeny tečkovanými čarami.
Kreslení stolu
Doposud jste tabulky vytvářeli pomocí příkazu Tabulka z podnabídky Vložit nabídky Tabulka. V tomto případě je web generován automaticky podle nastavených hodnot vlastností. Po vytvoření tabulky jste tyto hodnoty změnili v dialogovém okně Tab!c Pioperties, přidali a odstranili sloupce a řádky, sloučili buňky a tak dále. prostřednictvím příkazů Tabie. Frontpage nabízí další způsob vytváření a úpravy tabulek, podle kterého se ke zpracování tabulek používají tlačítka na nástrojové liště Able. Tlačítko Draw Table umožňuje ručně nakreslit tabulku. Tlačítko Guma se používá k odstranění částí čar kelímku z buněk. Zbývající tlačítka duplikují odpovídající příkazy nabídky Tabulka
1. Umístěte kurzor do prázdného řádku mezi dvě tabulky, poté dvakrát stiskněte tlačítko myši a jednou klávesu se šipkou nahoru.
Poznámka
Při vytváření tabulek je dobré ponechat mezi tabulkami prázdný řádek, protože Frontpage znesnadňuje vkládání řádků mezi tabulky. Po dokončení rozvržení je snazší odstranit nepotřebné.
1. Z nabídky Tabulka aktivujte příkaz Nakreslit tabulku. V důsledku toho se zobrazí panel nástrojů Tabulka a ukazatel myši bude vypadat jako tužka. V tabulce 6 4 popisuje tlačítka panelu nástrojů Tabulka
3. Umístěte ukazatel myši mezi existující tabulky na levé straně stránky a přesuňte jej nejprve vodorovně do poloviny stránky a poté dolů o vzdálenost, která se rovná výšce druhé tabulky.
Kapitola 6. Tabulky a rámečky lul
4. Umístěte ukazatel myši na horní okraj tabulky poblíž levého rohu. Přesuňte ukazatel vodorovně o vzdálenost rovnající se polovině délky tabulky. Posuňte jej dolů ke spodnímu okraji. Tabulka má nyní dva sloupce.
5. V pravém sloupci vytvořte tři řádky (výška řádků může být libovolná).
6. Vyberte druhý sloupec tabulky. Klepněte na tlačítko Rozmístit řádky rovnoměrně na panelu nástrojů, což způsobí, že všechny tři řádky budou mít stejnou výšku.

7. Nakreslete čáru rozdělující druhý řádek pravého sloupce na dvě části.
8. Nakreslete dvě čáry rozdělující spodní čáru v pravém sloupci na tři části. Šířka první nové buňky je nastavena stejně jako šířka buňky umístěné nahoře

9. Umístěte ukazatel na pravý okraj prvního sloupce. V důsledku toho bude mít ukazatel podobu dvouhlavé šipky.
10. Posunutím okraje sloupce doprava jej rozbalte.
11. Aktivujte tlačítko Vymazat na panelu nástrojů Tabulka. Ukazatel myši se zobrazí jako guma Přetáhněte gumu kolmo na čáru, která odděluje buňky úplně vpravo a prostřední ve spodním řádku. V důsledku toho tato dělicí čára zmizí (viz níže).

12. Klikněte znovu na tlačítko Guma (obnoví se normální zobrazení ukazatele myši). Umístěte ukazatel na horní část druhého sloupce. Když se ukazatel změní na malou černou šipku směřující dolů, kliknutím sloupec zvýrazněte.
13. Stiskněte klávesu a posuňte ukazatel doprava nad nejvzdálenější sloupec. Po kliknutí se zvýrazní vnější dva sloupce.
14. Klepněte na tlačítko Rozmístit sloupce rovnoměrně na panelu nástrojů. Výsledná tabulka je uvedena níže.

15. Vyberte tabulku pomocí příkazu Tabulka z podnabídky Vybrat nabídky Tabulka a stisknutím klávesy ji odstraňte.
Tabulka 6 4. Tlačítka panelu nástrojů tabulky

Cvičení, která jsme provedli, mají demonstrovat, jak široké jsou možnosti FiontPage z hlediska tvorby tabulek.Všechny operace probíhají v režimu WYSIWYG, v jakékoli fázi práce můžete vidět, jak bude vytvořená tabulka vypadat v prohlížeči.

Import textových informací do tabulky.

Aby bylo možné správně importovat text do tabulky, musí být odpovídajícím způsobem připravena, fragmenty textu umístěné v sousedních buňkách tabulky musí být od sebe odděleny speciálními znaky (oddělovači), např. čárkami. Nejčastěji se jako oddělovače používají interpunkční znaménka. Dále proveďte následující posloupnost akcí:
1. Klikněte pod spodní tabulkou a stiskněte klávesu

2. Vyberte zadaný text; menu 1 Tabulka a aktivujte text příkazu K tabulce Podnabídka Comen *
3. V dialogovém okně Převést text na tabulku, které se načte, vyberte přepínač Jiné, odstraňte tečky v poli vpravo a zadejte středník Klikněte na tlačítko OK V důsledku toho bude text importován do tabulky (obr. 6.5.)

Obrázek 6.5. Tabulka vytvořená z informací o testu

Poznámka
HTML nepodporuje znaky tabulátoru Pokud převedete textovou informaci na tabulku, která používá tabulátory k oddělení sad informací, tyto znaky budou odstraněny a tabulka nebude vytvořena správně. Místo tabelátorů byste měli používat interpunkční znaménka, která se v textovém souboru nepoužívají. V tomto příkladu je použit středník, protože text obsahuje čárky a spojovníky. Alternativním znakem je značka odstavce * Možná budete chtít importovat obsah do tabulky textový soubor Nejprve však musíte importovat text ze souboru a stránek) aktivací příkazu Soubor v nabídce Vložit. Je třeba si uvědomit, že Frontpage neimportuje správně text v azbuce (nemá problémy s latinkou). Pokud tedy chcete extrahovat podobný text ze souboru a umístěte jej na stránku, otevřete soubor v textovém editoru, jako je Poznámkový blok, a přeneste text na stránku pomocí schránky - Poznámka. vyd.
4. Vyberte spodní (prázdný) řádek v tabulce, pokud existuje, a odstraňte jej.
5. Klepněte pravým tlačítkem myši na tabulku a z místní nabídky aktivujte příkaz Vlastnosti tabulky. V rozevíracím seznamu Zarovnání v dialogovém okně, které se otevře, vyberte prvek Střed a potom vypněte možnost Zadat šířku V poli Odsazení buňky zadejte hodnotu 4, čímž určíte vzdálenost mezi okraji buňky a jejím obsahem. Po dokončení všech výše uvedených nastavení klikněte na tlačítko OK.
6. Vyberte řádek isepxmolo, klepněte na něj pravým tlačítkem myši a otevřete dialogové okno Vlastnosti buňky V tomto okně nastavte volbu Buňka záhlaví a v seznamu Horizontální zarovnání vyberte Doleva. Nakonec klepněte na OK.
7. V nabídce Tabulka aktivujte příkaz Titulek z podnabídky Vložit. Klepněte na tlačítko Tučné na panelu nástrojů Formát. Název tabulky, který zadáte, bude tučně. Zadejte například následující název. CELÉ JMÉNO. a rok narození zaměstnanců
8. Vyberte první řádek tabulky a klikněte na seznam Barva výplně na panelu nástrojů Tabulka. V seznamu, který se otevře, vyberte barvu Aqua (třetí čtverec zleva ve druhém řádku) a klikněte na OK.

9. Vyberte zbývající řádky v tabulce a otevřete dialogové okno Vlastnosti buňky. Určete žlutou barvu v seznamu Barva v oblasti Pozadí a v seznamu Vodorovné zarovnání vyberte Střed.
Klikněte na tlačítko OK Výsledná tabulka by měla vypadat jako na Obr. 6.6.
10. Klepnutím na tlačítko Uložit uložte vytvořené tabulky.
11. Z nabídky Soubor vyberte Náhled v prohlížeči. V dialogovém okně, které se načte, vyberte prohlížeč Internet Explorer 5.0 a klikněte na tlačítko Náhled. Na Obr. 6.7 předloženo Domovská stránka Testovací stránky Web obsahující tabulku, kterou jsme vytvořili. Pokud používáte jiný prohlížeč, otevřete v něm tuto stránku a podívejte se, jak se nám vytvořená tabulka zobrazí.
Nejnovější verze prohlížečů mají rozšířenou podporu pro tabulky. Dříve byly mezi způsobem zobrazení tabulek v různých prohlížečích značné rozdíly. Některé prohlížeče je vůbec nepodporovaly. Svou práci byste si měli prohlédnout v různých prohlížečích a zhodnotit, jak v nich vaše tabulky vypadají. V současnosti na trhu prohlížečů dominují produkty společností Netscape a Microsoft. Tyto dva prohlížeče podporují tabulky docela dobře.

Rýže. 6.6. Konečná verze tabulky (režim zobrazení stránky)

Rýže. 6.7. Finální tabulka (Internet Explorer 5.0)

Použití tabulek při návrhu webové stránky

Tabulky jsou užitečné pro rozdělení stránky do oblastí, ve kterých budou prezentovány informace.
Následuj tyto kroky:
1. V zobrazení stránky vytvořte novou stránku. Vložte jeden prázdný řádek na začátek stránky.
2. Aktivujte příkaz Klipart z podnabídky Obrázek nabídky Vložit. Načte se dialogové okno Galerie klipartů. Přejděte v okně dolů a zobrazte ikonu Místa. Dvakrát na něj klikněte. V okně se zobrazí obrázky související s kategorií Místa. Vyberte obrázek s architektonickou památkou Taj Mahal a v zobrazeném panelu klikněte na tlačítko Vložit klip. Obrázek bude umístěn na stránku.
3. Umístěte kurzor pod obrázek a zadejte následující text: "Památník indické architektury. Mauzoleum sultána Shah Jahana a jeho manželky. Nachází se 2 kilometry od města Agra. Pětikopulová stavba z bílého mramoru s mozaikou barevné kameny. Výška je 74 metrů. K Tádž Mahal sousedí se čtyřmi minarety a zahradou. Obraz slavného ruského umělce V.V. Vereščagina, který navštívil Indii, představuje tento příklad indicko-muslimské architektury.“
4. Zvýrazněte zadaný text. Stisknutím kombinace kláves zkopírujte text do schránky. Umístěte kurzor na konec poslední věty a vložte mezeru. Stiskněte kombinaci kláves. V důsledku toho se pole textu zvětší, což vám umožní dále dosáhnout požadovaného výsledku - obklopit obrázek textem.
5. Přesuňte ukazatel na začátek stránky. Aktivujte příkaz Tabulka z podnabídky Vložit nabídky Tabulka. V načteném okně zadejte hodnotu 2 do pole Řádky, -1 do pole Sloupce, 0 do pole Velikost okraje a vypněte volbu Zadat šířku. Nová tabulka nahradí grafiku a text, který se posune dolů. Výsledek je znázorněn na následujícím obrázku.

6. Přetáhněte obrázek do horního řádku tabulky.
7. Do spodního řádku tabulky zadejte název památky „Taj Mahal“ Nastavte text na tučný a zarovnejte jej na střed gabtatsy kliknutím na tlačítka Tučné a Střed na panelu nástrojů pro formátování.
8 Otevřete dialogové okno Vlastnosti tabulky a v seznamu Plovoucí zvýrazněte Left.Klepněte na OK. V důsledku toho bude text umístěn kolem tabulky. V jiných textových nesmyslech WOT se efekt nazývá zalamování

9 Uložte stránku, dejte jí název Tatj _Mahal a název Taj Mahal V nabídce Soubor aktivujte příkaz Náhled v prohlížeči Vyberte prohlížeč a klikněte na tlačítko Pieview Na obr. 6-8 se stránka zobrazí v prohlížeči Internet Explorer 5 O prohlížeč
Jak jste viděli, tabulky usnadňují zarovnání obrázků a popisků. Vytvořte několik šablon stránek, které používají tabulky k demonstraci toho, jak mocné jsou jako prostředek k prezentaci informací.

Obrázek 6.8. Obtékání textu kolem obrázku

Můžete mít své vlastní nápady ohledně použití tabulek na webové stránce. Implementujte je. Experimentujte, dokud nedosáhnete požadovaného výsledku. Jedině tak můžete získat úspěšně navrženou stránku.

Práce s personálem

Klapbi, stejně jako tabulky, slouží k umístění informací na jednotlivé stránky o hostech Rámy jsou okna umístěná na webové stránce a určená k zobrazení dalších webových stránek Na stránku lze umístit libovolný počet rámců Pomocí rámců je velmi pohodlné prezentovat informace na webové stránce pomocí komplexní systém nadpisy V tomto případě byste měli vytvořit stránku se dvěma rámečky: rámeček s obsahem a hlavní rámeček Rámeček s obsahem obsahuje seznam nadpisů, které jsou odkazy. Když je aktivována kategorie odkazů, odpovídající stránka se načte do hlavního rámce.
Dále absolvujete jednoduchý tutoriál určený k demonstraci principů HR (tento příklad bude mít pouze tři rubriky). Tento příklad budeme věnovat architektonickým památkám.
1. Vytvořte nový jednostránkový web a pojmenujte jej Rámce. V režimu zobrazení stránky aktivujte příkaz Stránka z podnabídky Nový nabídky Soubor. V dialogovém okně Nový, které se načte, přejděte na kartu Stránky rámců, kde se zobrazí šablony stránek s rámečky (obr. 6.9).
Ve výchozím nastavení je vybrána šablona Banner and Contents. Oblast Náhled představuje složení stránky, která bude vytvořena na základě této šablony, a oblast Popis poskytuje popis šablony. Vyberte jednotlivé šablony jednu po druhé, přečtěte si jejich popis a zjistěte, jaké stránky lze na jejich základě vytvořit.

Rýže. 6.9. Nové dialogové okno (karta Stránky rámce)

2. Po kontrole možností šablony vyberte šablonu Záhlaví, Zápatí a Obsah. Klepněte na tlačítko OK.
Výsledkem bude stránka obsahující čtyři rámce: rámeček se záhlavím (horní rámeček), rámeček s obsahem vlevo, hlavní rámeček a zápatí rámeček (spodní rámeček) (obrázek 6.10). Každý rámeček obsahuje dvě tlačítka: Nastavit úvodní stránku (používá se k výběru úvodní stránky, tj. stránky, která se jako první zobrazí v rámci po
načtením stránky rámců do prohlížeče) a Nová stránka (kliknutím na tlačítko Nová).
Výsledkem stránky je prázdná úvodní stránka).

Rýže. 6.10. Stránka rámců založená na šabloně záhlaví, zápatí a obsahu

3. Klikněte na tlačítko Nová stránka v horním rámu. Tím se v rámci vytvoří nová prázdná stránka.
Poznámka
Chcete-li použít existující stránku jako úvodní stránku rámce, musíte provést následující: v tomto rámci klepněte na tlačítko Nastavit úvodní stránku; v dialogovém okně Vytvořit hypertextový odkaz, které se načte, vyberte požadovanou stránku a zavřete okno pomocí tlačítka OK.
4. Klepněte pravým tlačítkem myši na stránku v horním rámu az kontextové nabídky vyberte položku Sdílená ohraničení. Ve stejnojmenném načteném dialogovém okně je standardně vybrán přepínač Aktuální stránka (toto nastavení neměňte). Pokud jsou nainstalovány nějaké doplňky, vypněte je.

Poznámka
Rámy jsou alternativním navigačním nástrojem ke sdíleným oblastem. Pokud jsou tedy na webu rámce, společné oblasti se nepoužívají.
5. Na stránce v horním rámu zadejte název „Architectural Monuments“. Dejte nadpisu styl odstavce Nadpis 2 a zarovnejte jej na střed.
6. Klepněte na tlačítko Nová stránka ve spodním rámu. Na vytvořené stránce zadejte následující větu: „S dotazy nebo připomínkami se prosím obraťte na: [e-mail chráněný] Vyberte zadaný text a v seznamu Velikost písma na panelu nástrojů Formát vyberte hodnotu 2. Velikost písma zadané věty bude 10 bodů.
7. Vytvořte novou stránku v rámci obsahu (levý rámeček). Zadejte následující tři řádky textu (po zadání dalšího řádku stiskněte klávesu):
Akropole
Pyramidy
Taj Mahal
8. Kliknutím na tlačítko Nová stránka vytvořte v hlavním rámci novou stránku. Stisknutím klávesy vytvoříte prázdný řádek. Na druhý řádek zadejte následující větu: "Vítejte ve světě architektury!" Dejte zadanému textu styl odstavce Nadpis 1 a zarovnejte jej na střed stránky. Udělejte text kurzívou (označte jej a klepněte na tlačítko Kurzíva na panelu nástrojů Formátování).
Tak byly vytvořeny úvodní stránky všech snímků. Dále provedeme změny domovská stránka rámeček obsahu.
9. Klepněte na tlačítko Nová stránka na standardním panelu nástrojů. Vytvoří se nová prázdná stránka bez rámečků. Aktivujte příkaz Klipart z podnabídky Obrázek nabídky Vložit. Načte se dialogové okno Galerie klipartů. Do pole Hledat klipy zadejte název architektonické památky:
Akropole. Po nějaké době se zobrazí výsledky vyhledávání (viz níže) - obrázek Akropole. Vyberte obrázek a na panelu, který se zobrazí, klikněte na tlačítko Vložit klip. Obrázek bude umístěn na stránku.

10. Vytvořte dvě nové prázdné stránky a umístěte na ně další dva obrázky architektonických památek z knihovny Clip Art: na první - egyptské pyramidy, na druhý - Tádž Mahal. V prvním případě zadejte v okně Galerie klipartů jako kritérium vyhledávání Pyramidy, ve druhém - Taj Mahal.
11. Přejděte na stránku s obrázkem Akropole. Klikněte na tlačítko Uložit. V dialogovém okně Uložit zadejte název souboru pro stránku Akropole. htm a změňte výchozí název na Acropolis. Klikněte na tlačítko Uložit. Načte se dialogové okno Uložit vložený soubor. Klepněte na tlačítko Změnit složku. Ve stejnojmenném okně vyberte složku Obrázky. Zavřete obě okna pomocí tlačítek OK. Soubor obrázku bude uložen do složky Obrázky
12. Uložte stránky s obrázky pyramid a paláce Tádž Mahal. V prvním případě zadejte Pyramids htm a Pyramids jako název a název souboru stránky, ve druhém - Taj_Mahal.htm a Taj Mahal.
13. Přejděte na stránku v rámci obsahu. Zvýrazněte slovo Akropole a klikněte na tlačítko Hypertextový odkaz na standardním panelu nástrojů. V okně Vytvořit hypertextový odkaz vyberte stránku Acropolis.htm. Pole Cílový rámec musí obsahovat položku Výchozí (hlavní) stránky. To znamená, že stránka (Acropolis.htm), na kterou je vytvořen hypertextový odkaz, bude otevřena v hlavním rámu. Cílový snímek můžete změnit v dialogovém okně Cílový snímek, které se otevře kliknutím na tlačítko Změnit cílový snímek. V seznamu Společné cíle tohoto okna musíte vybrat příslušnou položku. Zejména pokud je vybrána položka Nové okno, pak se po kliknutí na hypertextový odkaz otevře stránka v novém okně prohlížeče a pokud je vybrána položka Stejný rámec, stránka se otevře ve stejném rámci, ve kterém hypertextový odkaz je umístěn

14. Podle předchozího odstavce vytvořte v rámci obsahu další dva hypertextové odkazy na stránky Pyramids.htm a Taj_Mahal.htm, včetně slov Pyramids a Taj Mahal. Vznikly tak tři hypertextové odkazy v rámci obsahu se po aktivaci otevřou odpovídající stránky v hlavním rámci.
15. Dokončili jsme vytváření stránky rámců. Výsledek je znázorněn na Obr. 6.11.
16. Z nabídky Soubor vyberte příkaz Uložit. Načte se dialogové okno Uložit jako a vyzve vás k uložení stránky do horního rámečku. Pravá strana okna Uložit jako zobrazuje kompozici stránky s rámečky (rámeček, který se právě ukládá, odpovídá stínované oblasti). Pojmenujte stránku Fr_header Klikněte na tlačítko Uložit. Dále vás okno Uložit jako požádá o uložení spodní stránky rámce (stránky rámců se ukládají v pořadí, v jakém byly vytvořeny). Pojmenujte spodní stránku rámce FrJboter, stránku s obsahem Fr_contents, hlavní rámec Fr_main Nakonec budete vyzváni k uložení stránky rámců. Dejte mu název Rámy a název „Architectural Monuments“ (obr. 6.12).

Rýže. 6.11. Stránka s rámečky v režimu zobrazení stránky

Rýže. 6.12. Postup pro uložení stránky s rámečky

17. Načtěte stránku s rámečky do prohlížeče a uvidíte, jak to dopadne
vypadat jako.

Rýže. 6.13. Stránka s rámečky webu Frames v prohlížeči

Rám má řadu vlastností, které můžete ovládat. Hodnoty vlastností rámu se nastavují v dialogovém okně Vlastnosti rámu. Chcete-li toto okno otevřít, klikněte pravým tlačítkem na rámeček (například rámeček s obsahem) a z místní nabídky aktivujte příkaz Vlastnosti rámečku. V důsledku toho se otevře dialogové okno zobrazené na Obr. 6.14. Prvky okna Vlastnosti rámu jsou popsány v tabulce. 6.5.

Tabulka 6.5. Vlastnosti rámu

Živel Popis
název Při vytváření hypertextového odkazu na stránce rámců musíte v dialogovém okně Vytvořit hypertextový odkaz zadat název rámce, do kterého se při aktivaci odkazu načte odpovídající stránka.
Úvodní stránka Úvodní stránka Toto vstupní pole udává, která stránka se po načtení v rámci zobrazí jako první
Velikost rámečku Tato oblast obsahuje dvě vstupní pole - Width (šířka) a Row Height (výška řádku). Hodnoty zde lze nastavit v pixelech, v relativních jednotkách nebo v procentech velikosti okna prohlížeče
Okraje Tato oblast určuje velikost okrajů rámce (intervaly mezi obsahem stránky a hranicemi rámce) a pixelů
Změna velikosti v prohlížeči (změna velikosti v prohlížeči) Pokud je tato možnost nastavena, uživatel může změnit velikost rámce ve svém prohlížeči
Zobrazit posuvníky (zobrazit posuvníky) Tento seznam obsahuje tři položky Pokud je to nutné (je-li to nutné) - posuvníky se zobrazí pouze v případě, že se obsah stránky nevejde do okna, Nikdy (nikdy) - posuvníky se nezobrazují, bez ohledu na množství informací na stránce, Vždy (neustále) - posuvníky se zobrazují neustále Která z těchto položek by měla být vybrána, závisí na obsahu stránek, které se budou načítat do rámečku Pokud je například rámeček umístěn v horní části stránky a obsahuje informace společné pro všechny stránky (například navigační lišta), měli byste vybrat Nevei Vezměte prosím na vědomí, že způsob zobrazení stránky závisí na rozlišení obrazovky. Nejlepší možností je proto vybrat možnost Pokud je to nutné. Pokud chcete uživateli poskytnout s maximálními možnostmi zobrazení informací v rámci vyberte položku Vždy

Klepněte na tlačítko Stránka rámců v dialogovém okně Vlastnosti rámce, čímž se otevře dialogové okno Vlastnosti stránky. Ve vstupním poli Frame Spacing můžete nastavit tloušťku dělicích čar mezi rámečky na stránce. Možnost Zobrazit okraje určuje, zda se budou zobrazovat čáry mezi snímky.

Na stránce rámců můžete vytvořit další snímky. Proveďte následující kroky: v režimu zobrazení stránky podržte klávesu a posuňte horní okraj hlavního rámečku mírně dolů, poté uvolněte klávesu a tlačítko myši. V důsledku toho se nad hlavním rámcem vytvoří rámeček (obr. 6.15), který neobsahuje stránku.

Rýže. 6.15. Nový rám

Doufáme, že jste přesvědčeni, že rámce jsou velmi pohodlným prostředkem k prezentaci informací. Jedním z problémů, které při práci s rámy vznikají, je, že je nepodporují všechny prohlížeče. Netscape Navigator podporuje rámce od verze 20 a Internet Explorer - od verze 3 0 Podpora rámců byla zavedena v HTML 3 2 Někteří uživatelé stále používají starší prohlížeče. Mějte tedy na paměti, že významná část vašeho publika nemusí být schopna správně zobrazit stránky rámců. Řešením tohoto problému je vytvoření stránky No Flames (bez rámců). Pokud prohlížeč uživatele nepodporuje rámy, zobrazí se místo toho stránka Bez rámců. Frontpage automaticky vygeneruje
Stránka Bez rámců při vytváření stránky rámců Můžete to ověřit kliknutím na kartu Bez rámců ve spodní části okna Frontpage, když je otevřená stránka rámců. Obrázek 6-16 ukazuje stránku Bez rámců vytvořenou ve výchozím nastavení. Na této stránce může uživateli doporučit použití prohlížeče podporující rámce. Měli byste také vytvořit odkazy na tyto webové stránky, ze kterých si můžete stáhnout prohlížeč podporující rámce (například na web společnosti Microsoft, ze kterého si můžete stáhnout prohlížeč Internet Explorer 5.0)
Poznámka
Stránka s rámečky se načítá déle než běžná webová stránka, protože ve skutečnosti načítá více stránek. Rámce by měly být používány uvážlivě

Obrázek 6.16. Stránka No Flames v režimu zobrazení Pasu e

Navrhování rámových stránek ve Frontpage je hračka díky mnoha funkčnost poskytuje Frontpage, stejně jako skutečnost, že ve Frontpage se úpravy stránky provádějí v režimu WYSIWYG

Než začnete pracovat ve FrontPage, doporučuji vytvořit složku speciálně pro váš web. Může se jmenovat „site“, „my site“, „my super-duper site“ nebo, chcete-li anglicky, „my site“, „site“.

Na internetu bohužel nefungují soubory s ruskými jmény (to ale neznamená, že nebudou fungovat na vašem počítači), takže z dlouho zažitého zvyku použiji výchozí složku místo. I vy můžete začít tento návyk rozvíjet, ale je to pouze na vaši žádost :)

Vytvořenou složku můžete umístit kamkoli, na disk C, do „Moje dokumenty“, na plochu... v zásadě je to jedno, hlavní je, že máte je pohodlné s ní pracovat.

Nedoporučuji však vytvářet složku přímo na ploše. Cesta k ní (můžete ji vidět ve vlastnostech složky nebo ve složce samotné, je uvedena v řádku „adresa“), v tomto případě bude velmi dlouhá. Například: "C:Documents and SettingsUsersUser001desktopsite". Pravda, může to být krátké, například: „C:WINDOWSDesktopsite“. Vše závisí na nastavení vašeho počítače.

Pokud se cesta stále ukáže jako dlouhá, můžete vytvořit složku pro web na jednotce C (nebo D), její cesta bude mnohem kratší: „C:site“. A aby bylo možné složku otevřít rychle a snadno, musíte k ní vytvořit zástupce a umístit ji na libovolné místo, které vám vyhovuje, například na stejnou plochu.

Proč se starat o velikost cesty ke složce? Kvalitu tvorby webu to nijak neovlivní, ale z vlastní zkušenosti jsem zjistil, že mnohem pohodlnější je práce se složkami, jejichž cesta není příliš dlouhá. V příkladu bude použita následující cesta ke složce „C:Documents and Settingssite“

Samostatná složka pro web - věc je velmi pohodlná, někdy dokonce nenahraditelné. Vaše materiály a vytvořené stránky se nikde neztratí, ale budou tiše ležet ve své vlastní samostatné složce.

Pomocí FrontPage by vytvoření webu nemělo být obtížné ani pro méně zkušeného uživatele. Můžete si například vybrat hotový web, změnit standardní data na vlastní, něco přidat, něco smazat, a je to, web lze umístit na internet. Výběrem můžete vytvořit nový web Soubor(Soubor) | Vytvořit(Nový). Napravo od pracovní plochy se otevře následující okno:

Kliknutím na odkaz Další šablony webových stránek Uvidíte, že existuje mnohem více různých typů webových stránek od jednostránkových až po firemní. Pro experimentování můžete zkusit vybrat web a vytvořit web v této šabloně.

Ale ve skutečnosti tento způsob vytváření webu nepodporuji, protože FrontPage vytváří spoustu zbytečných složek pro hotové webové stránky. A obecně je tam spousta zbytečných věcí.

Proto navrhuji trochu jiný přístup. Navrhuji vytvořit web od začátku výběrem možnosti v okně vytvořit novou stránku Prázdná stránka. Nebo nemůžete nic vybrat, ale jednoduše zavřít okno pro vytvoření nové stránky, protože tato položka je již ve výchozím nastavení vybrána.

A v tomto prázdném prostoru začneme vytvářet první stránku webu, nebo spíše jeho šablonu.

Pokud se více či méně vyznáte v internetu, pravděpodobně jste si všimli, že mnoho stránek se skládá z tabulek. Některé tabulky jsou dobře viditelné, jiné jsou zcela neviditelné. To je to, co uděláme stránky sestávající z tabulek.

Nyní tabulky jako prostředek k vytvoření rámce postupně zastarávají, jsou nahrazovány rozložení pomocí vrstev. Ale tabulky stále zůstávají jednoduché a efektivní způsob formátování stránky. Pro začátek je to tak akorát.

Existuje několik způsobů, jak vytvořit tabulku v aplikaci FrontPage. Nyní podrobně popíšu každý z nich, abyste si později mohli vybrat ten nejvhodnější pro sebe. Ale protože se můžete učit pouze praxí, radím vám nejen přečíst si níže uvedený text, ale také dodržovat všechny popsané kroky.

Tak, první způsob. Na panelu nabídek příkazů vyberte příkaz Stůl(Tabulka) a v rozevírací nabídce - položka Vložit(Vložit) se šipkou. Přesuňte kurzor myši na tuto šipku a před vámi se otevře další rozbalovací nabídka. Vyberte položku Stůl(Stůl).

První způsob, jak vytvořit tabulku v aplikaci FrontPage, je pomocí nabídky Stůl

Po zvolení tohoto příkazu se před vámi otevře okno, kde můžete zadat různé parametry vytvářené tabulky.

Jaké parametry můžete nastavit? V první oblasti Velikost můžete si vybrat požadované množství linky(řádky) a Řečníci(sloupce).

V další oblasti Pozice(Layout) lze přizpůsobit:

  • umístění tabulky na stránce - k tomu v poli Zarovnání(Zarovnání) musíte vybrat jednu z následujících hodnot:
  • Výchozí(Výchozí) - pak bude tabulka umístěna podle uvážení prohlížeče uživatele, pravděpodobně na levém okraji;
  • Vlevo, odjet(Vlevo, odjet);
  • Napravo(Že jo);
  • Na střed(Centrum);
  • vzdálenost mezi okrajem buňky a jejím obsahem - k tomu zadejte do pole požadovanou hodnotu Okraje buněk(Cell Padding);
  • vzdálenost mezi buňkami tabulky - k tomu stačí zadat do pole požadovanou hodnotu Rozteč buněk(Cell Spasing);
  • šířka tabulky - všimněte si, zda zaškrtávací políčko Přesná šířka(Specifikujte šířku) se odstraní, velikost tabulky bude záviset pouze na jejím obsahu. Pokud je zaškrtávací políčko zaškrtnuté, můžete zadat šířku v pixelech(v pixelech) popř v procentech(v procentech). Okamžitě řeknu, že šířka pro hlavní tabulku (kterou nyní vytváříme) je lepší provést v procentech, pak se změní v závislosti na velikosti okna uživatele.

V oblasti Hranice(Ohraničení) lze konfigurovat:

  • šířka okrajů tabulky - k tomu stačí zadat do pole požadovanou hodnotu Velikost okraje(Velikost okraje);
  • barva, světlé a tmavé strany stolu

V oblasti Pozadí(Pozadí) můžete nastavit barvu pozadí tabulky nebo vybrat obrázek na pozadí.

Vezměme si například nastavení, která jsem zadal dříve. Vybrat OK a podívejte se na výsledek.

Skvělý! Nyní zkusme použít pro srovnání druhý způsob vytvoření tabulky ve FrontPage. Na panelu nástrojů Standard(Standardní) najděte ikonu Přidat tabulku(Vložit tabulku) a klikněte na ni. Tím se otevře malé rozložení tabulky.

Rychlý způsob, jak vytvořit tabulku, je použít tlačítko Přidat tabulku(Vložit tabulku)

Podržte levé tlačítko myši a vyberte požadovaný počet řádků a sloupců. Na obrázku jsou tedy například zvýrazněny dva řádky a jeden sloupec. Pokud najedete myší na pravý nebo spodní okraj rozvržení, rozbalí se. Po uvolnění tlačítka myši se okamžitě objeví samotná tabulka.

Tento způsob vytvoření tabulky je mnohem jednodušší a rychlejší než ten první. Existuje jedno „ale“ – zde nelze předem specifikovat parametry vytvářené tabulky. Pokud se tedy chystáte vytvořit další tabulku pomocí druhé metody, můžete její parametry změnit až po jejím vytvoření.

Jak to udělat, vám řeknu o něco později, ale nyní je to více vizuální, třetí cesta vytvoření tabulky. Tento - kreslící stůl s myší. Nyní to nepoužijeme, ale pokud budete někdy potřebovat vytvořit složité tabulky, budete vědět, jak na to.

První krok je úplně stejný jako v prvním případě. Na panelu nabídek příkazů musíte vybrat příkaz Stůl(Stůl). Další krok je ale úplně jiný. Když vyberete tým Stůl(Tabulka), otevře se před vámi rozevírací nabídka. Podívejte se pozorně, dole má dvojitou šipku. Přesuňte kurzor myši na tuto šipku. Nyní máte před sebou celý seznam příkazů.

Nabídka příkazů Stůl

Tentokrát potřebujeme bod Nakreslete tabulku(Nakreslete tabulku). Klikněte. Otevře se následující malé okno.

Kreslení tabulky se skládá z několika fází: nakreslí se vnější obdélníkový obrys tabulky, nakreslí se čáry rozdělující tabulku na řádky a sloupce a přebytečné čáry se vymažou.

Nejprve se ujistěte, že je zapnutý nástroj pro kreslení tabulky (měl by se objevit na světlejším pozadí než ostatní tlačítka). Nyní, když kurzor vstoupí do oblasti dokumentu, bude mít tvar tužky.

Nyní přesuňte kurzor myši na levý horní vrchol navrhované tabulky. Poté stiskněte a podržte levé tlačítko myši, přesuňte jej do pravého dolního rohu zamýšlené tabulky a tlačítko uvolněte. V důsledku toho se objeví vnější obrys tabulky.

Nyní pomocí stejné tužky nakreslete čáry, které tvoří vnitřní strukturu tabulky.

Nepotřebné čáry můžete odstranit pomocí nástroje Guma(Guma). Je to snadné. Na panelu nástrojů Stůl(Tabulka) klikněte na tlačítko Guma(Guma). Poté přesuňte kurzor myši na řádek, který chcete vymazat, a táhněte podél něj. Vymazané čáry se zbarví červeně. Chcete-li deaktivovat režim gumy, klikněte na tlačítko Guma(guma) znovu.

Pomocí této metody můžete také nakreslit dobrou tabulku, ale vraťme se k předchozí. Nyní s ní budeme pracovat.

První řádek může být ponechán pro název webu, logo atd. To bude takzvaný vrchol webu. Obvykle je ponechán stejný pro všechny stránky webu. Další řádek obvykle obsahuje text, obrázky, fotografie, jedním slovem informace. Je dobré nechat dole místo pro přepážky, které budou počítat počet návštěvníků. Můžete tam napsat i jméno tvůrce stránek :).

Ale máme jen dva řádky! Opravdu budeme muset začít znovu? Ne, co jsi! Prostě vložíme další řádek. Existuje několik způsobů, jak to udělat.

Například pokud máte stále otevřený panel nástrojů Stůl(Stůl), nový řádek lze přidat kliknutím na tlačítko Přidat řádek(Vložit řádek). Než to uděláte, nezapomeňte umístit kurzor na jeden z řádků tabulky. Před řádkem, na kterém byl kurzor, se objeví nový řádek.

Další způsob vložení řádku je také poměrně jednoduchý. Pro začátek stačí vybrat jednu z existujících linek, kliknout pravým tlačítkem myši a... Ale počkat, jak vybrat linku? Ani zde není nic složitého. Jednoduše přesuňte kurzor myši na řádek, který chcete zvýraznit.

Poté počkejte, až se změní na šipku, a klikněte na ni.

Zvýrazněný řádek vypadá takto:

A nyní, aniž byste odstranili výběr, klepněte pravým tlačítkem myši na vybraný řádek. Otevře se před vámi podnabídka.

Ze všech těchto nepochybně užitečných bodů nyní potřebujeme pouze jeden: Přidejte řádky(Vložit řádek).

Mimochodem, řádek jste nemuseli vybírat, ale jednoduše na něj kliknout kurzorem. Stále ale budete potřebovat zručnost výběru tabulek, řádků a sloupců, tak si zvykněte :)

Mnohem pohodlnější je následující způsob vkládání nových řádků do tabulky. A teď sami pochopíte proč. Umístěte kurzor na řádek nahoře (dole), kam chcete přidat nové řádky. Pak se podívejte na náš oblíbený bod Stůl(Tabulka), která se nachází v příkazový řádek. Vyberte z rozbalovací nabídky Vložit(Vložit) | Řádky nebo Sloupce(Řádky nebo Sloupce). Otevře se následující okno.

Vidíte, ve spodní části okna si můžete vybrat umístění nového řádku - nad vybraným řádkem (nad) nebo pod ním (dole). Vezměte prosím na vědomí, že při použití prvních dvou metod jsme neměli takovou možnost. Určíme počet řádků, klikneme na OK a uvidíme, co jsme dostali.

Nyní máme tři řádky. Pro všechno bylo místo, zbývalo jen určit, kam umístit strukturu našeho webu. Už jste na ni zapomněli? Nyní se podíváme na nejjednodušší způsob, jak dát strukturu na stránku – umístěním na druhý řádek vedle „informačního“ středu.

K tomu si vytvoříme další tabulku se dvěma sloupci ve druhém řádku. Již víme, jak vytvořit novou tabulku. Navíc známe tři způsoby, jak toho dosáhnout! Kterou použijeme tentokrát?

Použijme zatím první, protože parametry tabulky potřebujeme upravit hned od začátku. Cesta k vytvoření tabulky: Stůl(tabulka) | Vložit(Vložit) | Stůl(Stůl).

V okně, které se otevře, označte jeden řádek, dva sloupce a šířku ohraničení tabulky rovnou nule. Nastavte šířku tabulky na 100 % a klikněte na OK. Celá tabulka nyní vypadá takto:

Malé tečky na druhém řádku jsou stejnou „neviditelnou“ tabulkou. Přesněji řečeno, nyní je to jasně vidět, ale je to jen proto, že se momentálně nacházíme v režimu úprav. A když přepneme do režimu zobrazení, tabulka nebude vidět.

Tuto „neviditelnou“ desku potřebujeme pouze k modelování vzhledu stolu, proto jsme ji udělali „neviditelnou“. Nyní je potřeba do levého sloupce vložit další tabulku. Počet řádků by se měl rovnat počtu hlavních bodů struktury, kterou jste sestavili. Není třeba dělat sloupce!

Už jsi ztratil list? Poté přeneseme názvy všech hlavních stránek (sekcí) do naší tabulky. Tituly vnitřní stránky(pododdíly) tam nemusí být zahrnuty. Chcete-li do tabulky zadat názvy stránek, stačí kliknout myší na místo, kde se bude nacházet text, a napsat jej na klávesnici.

O zadávání textu a změně jeho vzhledu vám řeknu podrobněji, když naplníme web informacemi.

A nyní, jak jsem slíbil, vám řeknu, jak změnit parametry tabulky po jejím vytvoření. Pamatujete si, jak jsme zvýraznili řádek tabulky? Nyní musíme vybrat celou tabulku.

Pokud nemůžete vybrat tabulku „ručně“, můžete jednoduše sledovat cestu Stůl(tabulka) | Vybrat(Vybrat) | Stůl(Stůl). Nyní, aniž byste odstranili výběr, klepněte pravým tlačítkem myši na tabulku. Mimochodem, tabulku nemůžete vybrat vůbec, ale už jsem psal, že je to velmi užitečná dovednost :)

Vyskočí již známé rozbalovací menu. Pouze tentokrát budeme potřebovat položku Vlastnosti tabulky(Vlastnosti tabulky). Když vyberete tuto položku, otevře se okno, které téměř úplně kopíruje okno pro vložení nové tabulky. V něm můžete změnit stávající nastavení na nová.

Mimochodem, ve FrontPage může být rám stolu také „dvojitý“, skládající se z mnoha čtverců, se stínem atd. To vše je k dispozici v horním menu Formát(Formát) | Hranice a stínování(Ohraničení a stínování)

Na první záložce - Rámec(Borders) můžete změnit vzhled ohraničení tabulky. Podívejte se na možné výsledky po změně vzhledu rámu tabulky.

V druhé záložce - Stínování - lze nastavit obrázek na pozadí tabulky a také vybrat barvu pozadí a textu. Vybrat tu správnou barvu ale není vůbec jednoduché... Proto pro dnešek končíme a o barvách si povíme v další lekci.

Ale, počkat, co dělat s naším uměním, tzn. s vytvořenými znaky? Vše je velmi jednoduché. Je třeba je zachovat. Chcete-li to provést, vyberte v horní nabídce Soubor(Soubor) | Uložit jako(Uložit jako). Najděte na svém počítači složku, do které jsme souhlasili s umístěním webu, a uložte do ní svůj dokument pod jménem index.

Proč indexovat? Ano, jednoduše proto, že takto je vždy označena hlavní stránka webu. A přesně to jsme teď dělali. Pokud nyní ukončíte FrontPage a otevřete uložený dokument, uvidíte, že byl automaticky uložen jako index.htm. HTM je zkratka pro HTML, pamatujete si, co to je?

Je třeba si uvědomit, že formáty „htm“ a „html“ jsou zcela odlišné věci. Radím vám, abyste si okamžitě vybrali jednu věc, aby později nebyly žádné problémy. Pokud zvolíte příponu „html“, nezapomeňte ji připojit ke každé stránce, kterou uložíte, jinak bude ve výchozím nastavení uložena jako „htm“.

Dovolte mi připomenout, že názvy souborů pro web nelze psát ruskými písmeny. Když pak umístíte svůj web na internet, tyto soubory se jednoduše neotevře.

Poslední věc ke jménům. Psát názvy souborů a stránek pro web s velkým písmenem je samozřejmě chvályhodné, ale extrémně nepohodlné. Doporučuji vám vše, vše: stránky, kresby, archivy - vše pište malým písmem. Věřte mi, že to pomůže vyhnout se mnoha nepřesnostem v budoucnu.

Otevírání uloženého "indexu"

Nyní otevřeme dokument „index“, který jsme uložili do složky webu na konci předchozího dne. Existuje několik způsobů, jak to udělat. Podívejme se na každý z nich, abyste si později mohli vybrat ten nejlepší pro sebe.

Takže první způsob. Indexový soubor je ve výchozím nastavení internetový soubor, protože je ve formátu htm (html). Pokud jej tedy otevřete dvojitým kliknutím, dostanete se do výřezu prohlížeče.

Tento způsob, jak otevřít "index" v aplikaci FrontPage, je vybrat příkaz z horního příkazového řádku Soubor(Soubor) a v rozbalovací nabídce - Upravit v aplikaci Microsoft FrontPage(Úpravy pomocí aplikace Microsoft FrontPage).

Pokud je v nabídce Soubor Nemáte takovou položku, což znamená, že aplikace FrontPage není na vašem počítači nainstalována jako editor internetových stránek. Chcete-li tento problém vyřešit, musíte nejprve otevřít samotný program FrontPage a poté vybrat Servis | Možnosti. Otevře se následující okno:

Abychom mohli s webem správně pracovat, potřebujeme oblast redaktoři byla FrontPage. Pokud tam není, tak klikněte na ikonu v pravém horním rohu a vyberte tam FrontPage (otevřít jako HTML). Poté klikněte na tlačítko Použít jako výchozí.

Toto byl první způsob, jak otevřít soubor v aplikaci FrontPage prostřednictvím okna prohlížeče. Logičtější by ale bylo tuto cestu zkrátit. Proto, abyste neztráceli čas, můžete bez otevření souboru na něj kliknout pravým tlačítkem myši a vybrat z rozbalovací nabídky Otevřít pomocí... (Otevřít pomocí) a vyhledejte program FrontPage v poskytnutém seznamu.

A poslední, třetí způsob. Nejprve je třeba otevřít samotný program FrontPage a poté výběrem otevřít celý web Soubor(Soubor) | Otevřete webovou stránku(Otevřít web). Nebo, pokud jste nedávno otevřeli index, Vybrat Nejnovější soubory a v rozbalovací nabídce požadovaný soubor.

Samozřejmě nezáleží na tom, jak přesně otevřete stránku „index“ ve FrontPage, hlavní je, že ji otevřete 🙂 Gratulujeme, další užitečná získaná dovednost!

S vývojem Internet se objevil protokol výměny informací, protokol se nazývá HTTP (HyperText Transfer Protocol- protokol pro přenos hypertextu. Spolu s tímto protokolem se objevila služba Celosvětová Síť(často volané WWW nebo jednoduše Web), která poskytuje rozsáhlou síť serverů HTTP přenos souborů přes Internet.

Hlavní částí těchto souborů jsou webové stránky– speciální soubory napsané v jazyce HTML (HyperText Markup Language- Hyper Text Markup Language). webové stránky publikoval v Internet umístěním takových souborů na servery HTTP (webové stránky). Obsah webové stránky se mohou lišit a věnovat se zcela libovolným tématům, ale všechny používají stejný základ – jazyk HTML.
Většina lidí, kteří si chtějí vytvořit svůj vlastní web nebo stránku, tento jazyk zná HTML pouze z doslechu. Program jim proto může vyjít vstříc Microsoft FrontPage, jeden z nejznámějších tvůrců webových stránek.

FrontPage, který je součástí balíčku aplikace Microsoft Office, se stal prvním široce používaným produktem Internet, který kombinuje klientské a serverové části a poskytuje možnost vyvinout web jako celek a nainstalovat jej na nejpopulárnější servery. Přední strana je schopen převzít všechny potřebné programátorské práce. nicméně Přední strana Stane se také seriózním pomocníkem pro profesionální vývojáře, kteří preferují plnou kontrolu nad tvůrčím procesem.

Okno programu Přední strana 2003.

Program Přední strana vydala společnost Microsoft a je vyroben ve stejném stylu jako produkty obsažené v balení Microsoft Office, takže vzhled programu se prakticky neliší od textového procesoru Slovo .

V horní části okna je panel nabídek a dva panely nástrojů: Standardní a formátování. Můžete povolit nebo zakázat zobrazení panelů nástrojů Zobrazit menu.
Na levé straně je Zobrazit panel, pomocí kterého můžete přepínat režimy dokumentu.
Hlavní část okna zaujímá pracovní oblast, ve které lze otevřít jedno nebo více oken obsahujících jednotlivé dokumenty.
Ve spodní části okna je stavový řádek, obsahující informace o pozadí. Ve spodní části okna jsou také tři tlačítka pro prohlížení dokumentů.
Zobrazení panelů nástrojů.
Chcete-li spravovat panely nástrojů v Přední strana můžete použít stejné metody jako v Microsoft Word . A to:
v nabídce Pohled potřeba si vybrat Položka panelu nástrojů a v nové podnabídce, která se otevře - nainstalovat zaškrtávací políčka naproti panelům nástrojů, které potřebujete; nebo klikněte klikněte pravým tlačítkem myši z jakéhokoli důvodu ovládací panely(nebo v oblasti vedle) a stejným způsobem použijte kontextovou nabídku.

Přední strana, stejně jako jiné aplikace Microsoft Office, umožňuje přidávat, odstraňovat a přeskupovat položky nabídky a tlačítka na panelech nástrojů. Je také možné vytvořit zcela vlastní panely.
K tomu potřebujete:

V Servisní menu Vybrat položka Nastavení
nebo
PROTI Zobrazit menu Vybrat Položka panelu nástrojů a v nabídce kaskády, která se objeví - položka Nastavení
V důsledku vašich akcí se otevře dialogové okno Nastavení, kde můžete nainstalovat potřebné panely.

Vytvoř nový webové stránky.

Pokud jste začali Přední strana, to znamená nový webová stránka jste již vytvořili (při spuštění Přední strana okamžitě se otevře nový prázdný webová stránka připraven k umístění textu a dalších prvků).
Vytvořit nový webová stránka Můžete to udělat i jinými způsoby:

Pomocí tlačítka Nová stránka na Standardní panel nástroje.
Nabídka Soubor vyberte podnabídku Vytvořit, a pak - Strana nebo Webová stránka;
pomocí kombinací Ctrl+N;
používáním kontextová nabídka(funguje ve všech režimech kromě Úkoly a sestavy) - k tomu uvnitř Seznam složek daný Web) musíte kliknout pravým tlačítkem a vybrat položku v kontextové nabídce, která se zobrazí Vytvořit  stránku.

Vytváření stránek pomocí průvodce a šablon.

Jak je uvedeno výše, pokud jste použili nabídku k vytvoření nové stránky Soubor  Nová  Stránka nebo webová stránka, Že Přední strana vás vyzve k použití šablony k vytvoření nové stránky.
Chcete-li to provést, otevře se dialogové okno, jehož vzhled je uveden níže:

Na kartě Jsou běžné Toto dialogové okno zobrazuje seznam šablon Přední strana momentálně dostupný. Výběrem libovolné šablony se zobrazí její popis Ukázkové pole.
Stvoření Web FrontPage.
Web Microsoft FrontPage- toto je sada webové stránky, obrazové soubory a další součásti, které lze zobrazit jako celek.
Pokud vytvoříte web v Přední strana, pak nejpohodlnějším způsobem uložení je použití Web FrontPage.
nejdůležitější výhodou je možnost přejmenovat soubory obsažené v Web FrontPage.
Představte si to před zveřejněním svého webu v Internet Najednou jste si všimli, že několik vašich souborů je pojmenováno ruskými jmény. - "Nyní budete muset projít všechny soubory a ručně změnit odkazy!" Duamete you. Tady to pomůže Web FrontPage- můžete bezpečně přejmenovat soubory a Přední strana bude nezávisle procházet všemi ostatními obsaženými soubory Web FrontPage a přejmenuje všechny odkazy na soubor, který jste opravili.
Nebudu popisovat všechny ostatní výhody, ale rád bych řekl, že využít všechny možnosti Přední strana, pak je lepší použít Web FrontPage.
Tedy vytvořit nový Web FrontPage klikněte na šipku umístěnou nalevo od tlačítka Nová stránka na panelu nástrojů a vyberte položku v rozbalovací nabídce, která se zobrazí Webová stránka…

Otevírání webových stránek.

Velmi často při tvorbě webu musíte upravovat již vytvořené webové stránky. Na stejnou stránku se můžete vracet, kolikrát chcete, upravovat ji nebo používat její části k vytváření nových. webové stránky.

Otevřete existující webová stránka možné v kterémkoli ze stávajících režimů.

Z režimu Zobrazení stránky Existují čtyři způsoby, jak otevřít existující stránku:

1 způsob

Pokud pracujete s Web FrontPage, pak jednoduše vyberte požadovaný soubor v Seznam složek a dvakrát na něj klikněte myší.

Metoda 2

V nabídce Soubor vyberte Nejnovější soubory. Z kaskádové nabídky, která se zobrazí, vyberte požadovaný soubor.

3 způsob

Pomocí dialogového okna Otevřít soubor: Soubor  Otevřít.

Náhled.

Chcete-li vidět, jak vaše stránka vypadá přímo v prohlížeči, můžete použít kartu Náhled v režimu úprav webové stránky. Ale v tomto případě se může ukázat, že prohlížeč Přední strana nezobrazí některé vaše prvky stránky, takže je nejlepší:
použijte tlačítko na panelu nástrojů
nebo v Nabídka Soubor vybrat předmět Náhled r v prohlížeči.

Pokud jste použili první metodu, obsah vaší stránky se zobrazí ve vestavěném prohlížeči Přední strana.
Pokud jste použili druhou metodu, pak Přední strana zobrazí dialogové okno Zobrazit v prohlížeči...

Zde můžete:
Vyberte prohlížeč, ve kterém chcete zobrazit své webová stránka. Obvykle se zde zpočátku zobrazuje prohlížeč, který je ve výchozím nastavení nainstalován na vašem počítači.
Přidejte jakýkoli jiný prohlížeč, pro který musíte tlačítko použít Přidat.
Upravit nebo smazat nainstalované prohlížeče.
Nastavte velikost obrazovky, na které máte webová stránka

Zachování webové stránky.

Výchozí Přední strana místo jména stránky převezme první řádek textu z vašeho stránky. To není vždy to, co je potřeba. Název stránky můžete změnit pomocí Změnit tlačítka- kliknutím na toto tlačítko se otevře dialogové okno Název stránky, ve kterém můžete změnit název stránky.

Odstranění Webové stránky.

Při práci s webová stránka dříve nebo později se stane, že některé stránky již nebudete potřebovat a budete je chtít smazat.

Existují tři způsoby odstranění webové stránky.

1 způsob

V panelu Seznam složek vyberte soubor, který chcete odstranit, a klikněte na tlačítko Vymazat na klávesnici.

Metoda 2

V panelu Seznam složek klikněte pravým tlačítkem na soubor(nebo ikona soubor), kterou je třeba odstranit, a v zobrazené kontextové nabídce vyberte položku Vymazat.

3 způsob

V Panel seznamu složky vyberte soubor které chcete odstranit a poté vyberte Odstranit z nabídky Úpravy.

Práce s textem.

Na první pohled zadávání textu do Přední strana se neliší od zadávání textu v libovolném textovém editoru (např Microsoft Word).
Chcete-li zadat text, stačí kliknout myší kamkoli na stránku a kurzor se umístí na nejbližší místo, kam lze text zadat.
Psaní velkých písmen, úprava textu (mazání znaků, vkládání textu atd.) se provádí úplně stejně jako v Microsoft Word.
Je tu jen jedno malé ALE: když stisknete Zadejte klávesy v Přední strana kurzor je nucen přesunout se na nový řádek, zatímco pevné znaky jsou umístěny před a za odstavcem odsazení odstavců.
Pokud nepotřebujete vytvářet odstavce, pak je nejlepší použít klávesovou zkratku pro přechod na nový řádek Shift + Enter.

Práce s obrázky.

Graficky formátuje v Web.

Všechny počítačové obrazy, všechny formáty pro jejich ukládání (a následně všechny programy pro jejich zpracování) jsou rozděleny do dvou velkých tříd - vektor a rastr. Vektorový obrázek sestává z objektů - geometrických tvarů tvořených přímkami, oblouky, kružnicemi a Bézierovými křivkami. Výhody vektorová grafika mnoho. Z pohledu designéra je jeho nejdůležitější výhodou to, že vektorovou grafiku lze libovolně „kroutit“, aniž byste se museli bát, že do obrázku „vytřít díru“ nebo ztratíte nějaké informace. Další výhodou je malá velikost souborů (ve srovnání s rastrovými obrázky) a nezávislost na rozlišení výstupních zařízení (ať už jde o tiskárnu nebo obrazovku monitoru). Tyto faktory způsobily vektorová grafika pravděpodobný kandidát pro použití v Internet. Za zmínku však stojí, že v současnosti není vektorová grafika tak běžná, jak bychom si přáli.
Mezi skutečně používanými vektorovými formáty bych však rád poznamenal formát Záblesk rázové vlny Macromedia. Chcete-li zobrazit tento formát v prohlížeč potřebujete plugin ( zapojit), které společnost distribuuje zdarma Macromedia. Dnes existují jak stránky vytvořené výhradně pomocí této technologie, tak stránky používané Flash formát jen částečně.
Rastrové znázornění grafiky je založeno na konceptu rastru. Rastrové je kolekce objektů (v tomto případě pixelů) umístěných v identických řádcích a sloupcích. Tito. rastrový počítačový soubor lze si představit jako sbírku malých barevných nebo šedých čtverečků, které tvoří mozaiku obrazu. Protože Vzhledem k tomu, že velikost těchto čtverců je zjevně malá, při prohlížení rastrové grafiky tyto čtverce vzájemně splývají a vytvářejí plynulou změnu barev.

Formát ukládání rastrových obrázků má své výhody i nevýhody. Jednou z velkých výhod rastrové grafiky je možnost práce s polotóny, tzn. schopnost zprostředkovat obraz přesně tak, jak vypadá ve skutečnosti. Ale mezi nevýhodami je hlavním problémem velikost souboru. Přirozeně tím více pixelů je přiděleno pro tvarování snímky, tím vyšší je kvalita přenosu snímky, ale velikost souboru tím bude větší.
Pokud se nyní vrátíme k prohlížečům, pak můžeme říci následující: většina prohlížečů umí zobrazovat bez problémů grafické souboryčtyři formáty (* .gif, *.jpg, *.png, *.bmp), z nichž je v tuto chvíli nejlepší použít dvě - * .gif a *.jpg. A to i po předběžné optimalizaci.
Vkládání obrázků na webová stránka.
Vložte obrázek do svého webová stránka lze provést několika způsoby:
1. Přetáhněte obrázek z Průzkumník Windows(tedy přímo z průzkumníka).
2. Přetáhněte obrázek z internet Explorer.
3. Přetáhněte soubor obrázku z panelu Seznam složek, přímo na stránku.
4. S Schránka- zkopírujte obrázek do schránky z jakéhokoli jiného programu a poté jej vložte ze schránky na stránku.
5. S Přidat tlačítka kreslení ze souboru na panelu nástrojů Standard.
6. Pomocí nabídky Vložit  Obrázek.
Podívejme se na tyto metody podrobněji:
Metoda 1
Průzkumník Windows(to znamená přímo z Průzkumníka) musíte:
v Přední strana
otevřete okno průzkumníka;
v okně Průzkumníka vyberte soubor s obrázkem, který chcete vložit na svou stránku;
levé tlačítko myši a přetáhněte soubor obrázku na svůj webová stránka Obrázek se vloží na místo, kde byl na stránce kurzor vložení.
Metoda 2
Chcete-li přetáhnout obrázek z internet Explorer nutné:
v Přední strana otevřete stránku, kam chcete přidat obrázek;
PROTI prohlížeč otevřete obrázek, který chcete umístit na svůj webová stránka prohlížeč Název souboru musí končit jpg, jpeg, gif);
Pomocí levého tlačítka myši přetáhněte vybraný obrázek na svůj webová stránka;
Metoda 3
V následujících situacích drag and drop soubor s obrázkem z panelu Seznam složky, přímo na stránku, kterou potřebujete:
v Přední strana otevřete stránku, na kterou chcete přidat obraz;
vyberte požadovaný soubor obrázku na panelu Seznam složek;
levé tlačítko myši přetáhněte vybraný obrázek na svůj webová stránka;
vybraný obrázek bude vložen na místo, kde se na stránce nacházel kurzor pro vkládání.
Metoda 4
Chcete-li vložit obrázek do svého webová stránka pomocí schránky musíte:
v aplikaci, ze které chcete obrázek zkopírovat, vyberte obrázek a použijte klávesy Ctrl+C zkopírujte obrázek do schránky;
na tvé webová stránka vložte tento obrázek ze schránky pomocí klávesových zkratek Ctrl+V
Metoda 5
webová stránka se rozhodnete použít tlačítko Přidejte obrázek ze souboru na panelu nástrojů Standard, Že Přední strana otevře dialogové okno Výkres.
V tomto dialogovém okně zadejte soubor obrázku, který chcete přidat do svého webová stránka a stiskněte tlačítko Vložit.

Metoda 6
Pokud chcete vložit obrázek do svého webová stránka se rozhodnete použít nabídku Vložit  Kresba, Že Přední strana vás vyzve k provedení dalších voleb:

snímky... – výběr této položky nabídky vám dává možnost použít již připravenou knihovnu obrázků.
Ze souboru... – výběr této položky nabídky vám dává možnost nezávisle určit umístění souboru obrázku, který chcete přidat do svého souboru webová stránka(pomocí této položky se otevře dialogové okno Výkres, práce se kterou byla popsána výše).
Vytvořte sbírku fotografií... - pomocí této položky nabídky můžete vytvořit kolekci obrázků v určitém stylu. K tomu v okně, které se otevře Vlastnosti kolekce fotografií pomocí tlačítka Přidat na kartě Kresby vyberte obrázky a na kartě Rozložení vyberte formát návrhu.
Přidávání mediálních souborů.

Kromě jednoduché grafiky, jako jsou obrázky ve formátu * .gif, *.jpg, *.png atd. Přední strana umožňuje zveřejňovat příspěvky na vašem webové stránky mediální soubory. Patří mezi ně: videoklipy, zvuky...

Chcete-li vložit videoklip, musíte Vložit nabídku vybrat předmět Výkres, a pak Nahrávání videa...

Otevře se dialogové okno. Okno videa, zobrazí videoklipy ve formátu * .avi, *.asf, *.ram, *.ra.

Přidat zvuk do webová stránka lze nalézt na kartě Obecné v dialogovém okně. Vlastnosti stránky.

Práce s tabulkami.

Stůl- jeden z nejmocnějších nástrojů používaných při tvorbě webových stránek.
Zpočátku tabulky byly použity pouze pro reprezentaci strukturovaných dat. Postupně se však vyvinuly v výkonný, všestranný nástroj pro rozvržení. Webové stránky.

Vytváření tabulek

Nejjednodušší způsob vytvoření tabulky– použijte tlačítko Přidat tabulku umístěný na panelu nástrojů Standard.
Dalším způsobem je použití předmětu menu Tabulka  Vložit  Tabulka.
A stůl lze kreslit a vkládat pomocí schránky.

Zadávání dat a navigace v tabulkách.

Jednou ze skvělých věcí na tabulkách je to, že text, který zadáte, je v buňce formátován stejným způsobem, jakým jsme zvyklí jej formátovat v celém dokumentu. Text umístěný v buňce se automaticky zalomí do nového řádku, pokud jeho délka přesáhne šířku sloupce. Když stisknete klávesu Vstupte, jako obvykle se vkládá nový odstavec. Text nebo čísla se do tabulky zadávají z klávesnice.

Před zadáním údajů do stůl, musíte umístit textový kurzor do požadované buňky tabulky. To lze provést kliknutím na něj myší.

Pro pohyb mezi buňkami je však pohodlnější používat kombinace kláves:
Klávesové zkratky: Akce:

Tab kdekoli v tabulce, kromě konce posledního řádku, přejděte do sousední buňky a vyberte její obsah
Tab na konci posledního řádku přidejte nový řádek na konec tabulky
Shift+Tab přejděte na předchozí buňku a zvýrazněte její obsah
Vstupte začít nový odstavec
Vstupte na začátek první buňky přidejte text před tabulku na začátek dokumentu

Tvorba a aplikace formulářů.

formuláře představují textová pole, přepínače, zaškrtávací políčka, tlačítka a mnoho dalších ovládacích prvků. Návštěvník webu stačí zadat nějaké informace do jednoho nebo druhého textového pole, vybrat některá data z navrženého seznamu, kliknout na tlačítko Odeslat, aby se data odeslala webový server ke zpracování (nebo zpracováno přímo tam na stránce).

Pojďme se s vámi seznámit – vyplňte prosím následující pole:
Tvé jméno:

Tvoje příjmení:

Vaše datum narození: rok měsíc den

Děkuji! A teď – pojďme!
1. Malý, ale obratný.
Kamkoli přijde, tam velí.
Vstoupí do stanu -
Hrdina se obrátí.
Kdo je to?
Fly Flea Rozmarné dítě
2. Sedí s vyvalenýma očima,
Mluví francouzsky
Skáče jako blecha
Plave jako člověk.
O kom to mluvíme?
Kočka žába papoušek

3. Co dýchá tuleň, když se ponoří pod led?

4. Proč velké želvy pláčou?

5. Jaké oblečení může sleď nosit?
Kožich Vesta
6. Kdo se nazývá „říční kůň“?
Krokodýl hroch vydra

7. Kterým ptákům se nelíhnou mláďata?

8. Kteří ptáci nemohou létat?

Pokud potřebujete vybrat několik odpovědí, stiskněte a neuvolňujte klávesu Ctrl a klikněte levým tlačítkem myši na požadovanou odpověď

Ale vytváření formulářů na samém strana to je jen polovina práce. Protože musí existovat program, který dokáže zpracovat data zadaná uživatelem pomocí formulářů.
Takový program může být umístěn na serveru; může to být ve vašem webová stránka ve formě samostatného souboru, nebo může být jednoduše zapsán v kódu html na tvé webová stránka.
Je to ona, kdo určuje, co se stane s informacemi zadanými uživatelem:

informace lze přidat do databáze a na jejím základě postavit různé grafy, hodnocení...;
informace lze zasílat e-mailem (toto se často používá k získání informací o uživateli v různých typech dotazníků);
informace lze zpracovat přímo na místě a návštěvník vašich stránek okamžitě získá zpětnou vazbu (např. dostane body za test, uvidí údaje, které zadal do návštěvní knihy...).

Ve vztahu formuláře Existuje několik základních pravidel:

1. Každý formulář zabírá určitou oblast webové stránky. Na jednom webová stránka může být umístěna jedna nebo více forem.
2. Každý formulář musí obsahovat alespoň jeden z formulářových prvků (ačkoli jich je zpravidla několik).
3.Každý prvek formuláře má jméno a význam. Název označuje pole pro zadávání informací a hodnota se rovná hodnotě vybrané uživatelem.
4. Jeden z prvků formuláře (může to být běžné tlačítko nebo jakýkoli obrázek) musí plnit funkci tlačítka Poslat.

Vytváření formulářů v Přední strana.
Chcete-li přidat formulář webová stránka, nutné:

Umístěte kurzor na místo, kam chcete vložit formulář.
V Vložit nabídku Vybrat položka Formulář, v nabídce, která se otevře, znovu vyberte položka Formulář. Formulář bude umístěn na vašem webová stránka- zobrazí se oblast označená tečkovaným rámečkem se dvěma tlačítky: Odeslat a resetovat.
Pomocí stejného bodu menu Vložit  Formulář vložte prvky, které potřebujete, postupně formuláře jejich výběrem z rozevírací kaskádové nabídky (nezapomeňte, že všechny prvky formuláře jsou vloženy do oblasti formuláře označené tečkovaným rámečkem).
Po formulář vytvořený, zbývá ho jen naplnit obsahem – prvky formuláře, text, obrázky, tabulky... (s rozměry formuláře se automaticky změní).
Přidejte obsah formuláře lze provést běžným způsobem. Například text lze zadat nebo vložit ze schránky... Všechny akce s přidanými objekty jsou podobné.
nicméně vytvoření formuláře- to je jen začátek práce. Po jeho vytvoření je třeba nakonfigurovat vlastnosti jako formuláře a jeho prvky.

Nastavení vlastností formuláře.

Zpracovat nebo uložit údaje zadané návštěvníky webové stránky, musíte buď využít nabízené příležitosti FrontPage Server Extensions nebo nějaký jiný spuštěný program webový server.
Ale bez ohledu na to, jaký program si vyberete, stále budete muset nakonfigurovat vlastnosti formuláře a prvků v něm.
Chcete-li otevřít okno vlastností formuláře, musíte:
PROTI Vložit nabídku Vybrat položka Formulář, a pak -
nebo
Vyvolejte kontextovou nabídku formuláře a vyberte položku v kontextové nabídce, která se otevře Vlastnosti formuláře.
V důsledku toho se otevře dialogové okno Vlastnosti formuláře.

1. B Uložit pole výsledky musí naznačovat, co bude třeba udělat se zadanými údaji formulář. Můžete si vybrat z následujících možností:
Ó Odesílání Název souboru- data budou umístěna do zadaného souboru na webový server. Tento soubor může být webová stránka, který se bude časem prodlužovat, nebo datový soubor, který lze následně zpracovat Excel, Access nebo jakýkoli jiný program;
Ó Odeslání poštovní adresy- v tomto případě pokaždé, když návštěvník klikne webové stránky Odeslat na tlačítka formulář Bude vygenerován e-mail a odeslán na vámi zadanou adresu. Tato zpráva bude obsahovat všechna data, která uživatel zadal na Webová stránka.
Ó V databázi- v tomto případě údaje formuláře budou odeslány do databáze. Základna musí být zapnutá webový server(nebo mu být k dispozici).
2. B Pole Vlastnosti formuláře, musíte zadat název formuláře
Režimy zobrazení Přední strana.
Přední strana nabízí šest různé režimy pro zobrazení obsahu Webová stránka:

Strana,
složky,
zprávy,
přechody,
hypertextové odkazy,
Úkoly.
Pro výběr požadovaný režim Můžeš použít Panel zobrazení umístěné na levé straně obrazovky nebo v nabídce Pohled na panelu nástrojů Standard vyberte příslušnou položku nabídky.

Strana
V tomto režimu můžete vytvářet a upravovat Webové stránky. Zde můžete vytvořit prázdné webové stránky a stránky založené na šablonách přiřazují stránkám témata (soubor stylů pro prezentaci stránky na obrazovce). V tomto režimu můžete přidávat a formátovat text, design stránky pomocí grafických a video obrázků (podporuje převod řady grafických formátů do * .gif, *.jpg a *.png), přidejte na stránku zvuk, prezentujte informace v tabulkách, rámcích a formulářích a nakonec vytvořte hypertextové odkazy. Toto není úplný seznam možností. Přední strana na editaci obsahu webové stránky.
Složky
V tomto režimu si můžete prohlédnout strukturu Webová stránka(soubory a složky) a spravujte je stejným způsobem jako v Okna, tento režim umožňuje získat podrobnější informace o souborech a složkách, než jaké jsou poskytovány v režimu prohlížení Strana.
Zprávy
Poskytuje vám více než tucet zpráv obsahujících různé informace o Webová stránka, otevřeno v Přední strana.
Přechody
Navrženo pro zobrazení hierarchie webu. V tomto režimu můžete manipulovat s hierarchií přetažením obdélníků (každý představuje konkrétní webová stránka).
Hypertextové odkazy
Ukazuje systém hypertextových odkazů, které spojují stránky dohromady Webová stránka(stejně jako systém hypertextových odkazů na další uzly), zajišťuje kontrolu jejich integrity a možnost úprav.
Úkoly
Tento režim je určen pro správu úloh Webová stránka(přidávání, mazání, spouštění, nastavení priority provádění a sledování stavu úloh).

Stáhnout zdarma Přední strana můžete použít následující odkaz:

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

Publikace na dané téma