UNIVERZITA PALACKÉHO PEDAGOGICKÁ FAKULTA KATEDRA TECHNICKÉ A INFORMAČNÍ VÝCHOVY. Tvorba webových stránek pomocí aplikace Microsoft FRONTPAGE 2002

pro nový odstavec,

pro nečíslovaný seznam a
• pro položku seznamu. Tento formát může kdokoli vytvořit pomocí jednoduchého textového editoru znakové sady ASCII, jako je například program Poznámkový blok dodávaný se systémem Microsoft Windows. Možnost vytvářet webové stránky pouze pomocí jednoduchých nástrojů, které jsou běžně k dispozici, se stala nejdůležitějším faktorem při vývoji webu a stále zůstává obvyklou metodou. Pro mnoho lidí však ruční kódování webových stránek představuje vážný problém.
  
  Základní princip činnosti webu je zcela jednoduchý. Jde o výměnu informací mezi počítačem, který informace požaduje (tento počítač se často nazývá klient), a počítačem, který informace poskytuje (obvykle se nazývá server). Software klienta (nazvaný prohlížeč) požaduje webové stránky ze serveru umístěného někde v síti (v podnikové síti intranet nebo na celosvětově rozšířeném webu). Prohlížeč rozpozná požadovaný soubor webové stránky podle jeho názvu v systému souborů serveru a požaduje, aby jej server odeslal klientovi. Jakmile klient požadovaný soubor obdrží, zobrazí jej prohlížeč koncovému uživateli. Pokud webová stránka vyžaduje jako součásti další soubory (například grafické a zvukové soubory nebo videosoubory), požaduje je prohlížeč pomocí stejného mechanismu. Tvůrce webové stránky může označit oblasti textu, obrázky a další objekty jako hypertextové odkazy. V každém hypertextovém odkazu je zadána síťová adresa a název souboru jiné webové stránky, obrázku nebo softwarové aplikace. Klepnutím na hypertextový odkaz na aktuální webové stránce dáte prohlížeči pokyn k načtení a zobrazení přidružené stránky nebo souboru.
  
  •
  
  Ruční kódování webových stránek vyžaduje dokonalou znalost mnoha různých značek.
  
  •
  
  Z důvodu chybějícího grafického rozhraní během kódování není možné zobrazit vzhled webové stránky u koncového uživatele ani vizuální podněty k příkazům a možnostem.
  
  •
  
  Souvislosti mezi textem, obrázky a jinými typy souborů v obvyklé sadě webových stránek jsou velmi složité a jsou podrobně popsány. Nesprávný název jednoho souboru nebo jeho špatné umístění se projeví chybami. Počáteční vytvoření takové struktury je obtížné a její udržování po určitou dobu může někoho odradit.
  
  Aplikace FrontPage 2002 poskytuje celou řadu funkcí, pomocí nichž se tvůrci webových stránek těmto a mnoha dalším problémům vyhnou. Ve stručnosti lze říci, že aplikace FrontPage je nástroj poskytující vše potřebné k vytváření webového serveru a práci s ním bez ohledu na to, zda navrhujete osobní webovou stránku nebo podnikový server v síti Internet či Intranet.
  
  Na zcela základní úrovni prohlížeče očekávají, že budou webové stránky kódovány v jazyce HTML. Formát HTML se skládá z prostého textu ve
  
  3. 2 UŽIVATELSKÉ ROZHRANÍ FrontPage 2002 Účelem této kapitoly je pomoci vám naučit se pracovat s webovými stránkami ve FrontPage. I když FrontPage umožňuje pracovat s webovými stránkami nezávisle na webovém místě, nabízí takové množství výkonných nástrojů pro správu webových míst, že je vhodnější spravovat prostřednictvím FrontPage celé webové místo, než jej používat jen k úpravám jednotlivých webových stránek. Jestliže nebudete moci nějaký v textu popsaný příkaz najít v nabídkách nebo mezi tlačítky v panelech nástrojů, může to být proto, že
  
  FrontPage nabídky a panely nástrojů upravuje skrýváním méně často používaných příkazů z nabídek či tlačítek z panelů nástrojů. Skryté příkazy z nabídek zobrazíte tak, že klepnete na šipku dolů na dolním konci nabídky. Skrytá tlačítka v panelech nástrojů zobrazíte tak, že klepnete na šipku dolů úplně vpravo na konci panelu nástrojů, a poté klepnete na tlačítko, které chcete zobrazit.
  
  32
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  Obr. 8 Uživatelské rozhraní aplikace FrontPage 2002
  
  Poznámka:
  
  Ne vždy se Vám otevřené webové místo zobrazí v tomto uspořádání. Jelikož je ale nezbytné, pro souvislost dalšího výkladu, abyste si aplikaci zobrazili tímto způsobem, musíte učinit následující kroky: Otevřete položku hlavní nabídky programu – ZOBRAZIT. Zvolte její podpoložku – SEZNAM SLOŽEK. Dojde k zobrazení výše uvedeného seznamu složek a souborů webového místa. V anglické verzi programu se jedná o příkazy: Položka hlavní nabídky – VIEW. Podpoložka – FOLDER LIST.
  
  33
  
  Hlavní nabídka programu Obsahuje všechny příkazy a možnosti nastavení, kterými aplikace FrontPage 2002 disponuje. Nabídku otevřete tak, že na její název jednou klepnete levým tlačítkem myši. Při výběru konkrétního příkazu opět stačí na daný příkaz jednou klepnout. Nástrojové lišty Obsahují tlačítka, která jsou obsažena také v hlavní nabídce programu. Používají se pro zkrácené vyvolání nejčastějších příkazů. Příkaz spustíte tak, že na něj jednou klepnete levým tlačítkem myši. Panel zobrazení Obsahuje tlačítka, pomocí kterých nastavujete možná zobrazení webového místa (soubor WWW stránek). Jednotlivá zobrazení aktivujete tak, že jednou klepnete levým tlačítkem na ikonu příslušného zobrazení. Seznam složek Obsahuje úplný přehled souborů a složek, které jsou součástí Vašeho webového místa. Příslušnou stránku či složku otevřete tak, že na její název dvakrát klepnete levým tlačítkem myši. Pracovní plocha Na pracovní ploše aplikace FrontPage 2002 se zobrazuje obsah WWW stránek a to třemi způsoby. Každý způsob je nutný pro jinou činnost, kterou s WWW stránkou provádíte: Návrh Editace HTML kódu Náhled skutečného zobrazení Záložky zobrazení WWW stránky Pomocí těchto záložek se přepínáte mezi jednotlivými zobrazeními WWW stránky. Záložka NORMÁLNÍ – zobrazuje stránku v režimu návrhu, HTML – umožňuje editaci HTML kódu, NÁHLED – zobrazuje stránku tak, jak bude vypadat v prohlížeči
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 3. 2. 1 Zobrazení složek a stránek Předpokladem tohoto zobrazení je to, že máte vytvořené webové místo. Webové místo tedy může obsahovat jak soubory (většinou s příponou htm nebo html – soubory WWW stránek), tak i složky (do nich se ukládají například obrázky, textové soubory apod.).
  
  Toto zobrazení vám tedy umožní procházet webovým místem několika různými způsoby. Procházení webovým místem je důležité zejména kvůli vlastnímu zobrazování obsahu souborů a složek a tím i následnou editaci.
  
  Obr. 9 Zobrazení souborů a složek v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná postupně o tyto příkazy: Soubor – FILE, Stránka – PAGE, Otevření – OPEN, Přejmenování – RENAME, Vymazání – DELETE, Přesunutí – REPLACE.
  
  34
  
  Otevření webového místa Pomocí této ikony nebo položky hlavní nabídky SOUBOR otevřete existující webové místo. Panel zobrazení – STRÁNKA Pomocí této ikony zobrazíte seznam souborů a složek otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Práce se soubory či složkami Pokud chcete pracovat s některým ze souborů či složek, stačí na něj jednou klepnout levým tlačítkem myši (tím jej označíte). Se souborem potom můžete provést následující operace: Otevření souboru – na soubor dvakrát poklepejte levým tlačítkem myši (soubor se zobrazí v pracovní ploše) Přesunutí souboru – přetažením myší můžete přesunout soubor či složku do jiné lokace. Vymazání souboru – stiskněte klávesu DELETE a dojde k odstranění souboru či složky z webového místa. Přejmenování souboru – na označený soubor ještě jednou klepněte levým tlačítkem myši. Dojde k „odemčení“ názvu souboru. Přepište v políčku stávající název a potvrďte stiskem klávesy ENTER.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 3. 2. 2 Zobrazení navigačního stromu Navigační strom umožňuje prohlížet a sestavovat intuitivní hierarchie webového místa. Na základě tohoto seřazení aplikace FrontPage určuje, které stránky se mají automaticky propojit pomocí hypertextových odkazů.
  
  Zjednodušeně řečeno – ze které stránky se dá přejít na jinou. Navigační zobrazení Vám také umožňuje vytvoření konkrétní představy o uspořádání jednotlivých větví webového místa – která WWW stránka je nadřazená jiné. Panel zobrazení – NAVIGACE Pomocí této ikony zobrazíte hierarchickou strukturu webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Stránka obsahující skryté odkazy Tato stránka obsahuje hypertextové odkazy na další stránky, které nejsou ve struktuře zobrazeny. Pokud je chcete zobrazit, klepněte na tlačítko + ,které je uvedeno pod ikonou stránky. Stránka obsahující zobrazené odkazy Tato stránka obsahuje hypertextové odkazy na další stránky, které jsou ve struktuře zobrazeny. Pokud je chcete skrýt, klepněte na tlačítko - které je uvedeno pod ikonou stránky. Zobrazení panelu NAVIGACE V hlavní nabídce programu zvolte nabídku ZOBRAZIT, vyberte její podnabídku PANELY NÁSTROJŮ a klepněte na položku NAVIGACE. Tento panel má několik funkcí: Umožňuje měnit orientaci stromové struktury v vodorovné na svislou. Umožňuje „zabalit“ celé zobrazení do výchozí stránky (tzv. domovská stránka webového místa – homepage).
  
  Obr.10 Navigační zobrazení v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná postupně o tyto příkazy: Navigace – NAVIGATION, Zobrazit – VIEW, Panely nástrojů – TOOLBARS.
  
  3. 2. 3 Práce s navigačním stromem 35
  
  TIP: Pokud označíte některou ikonu stránky ve stromu a pak na ni umístíte kurzor myši, dále pak stisknete levé tlačítko myši a budete jej držet – pouhým přetažením ikony můžete měnit její místo ve stromové struktuře.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Pomocí navigačního stromu je také možné měnit strukturu a uspořádání webového místa. Je možné do stromu, a tím i do webového místa, stránky přidávat, ale je možné je i mazat. Také, jak jsme již uvedli, je možné strukturu měnit co se týče hierarchické struktury. Většinu těchto úkonů je možné provést
  
  pomocí MÍSTNÍ NABÍDKY, kterou aktivujete pravým tlačítkem myši (ještě než ji aktivujete, musíte daný prvek, jehož místní nabídku chcete vyvolat, označit jedním klepnutím levého tlačítky myši).
  
  Obr. 11 Práce s navigačním zobrazením v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Nový – NEW, Stránka – PAGE, Seznam – FOLDER LIST, Kopírovat – COPY, Vložit – PASTE, Přejmenovat – RENAME, Odstranit – DELETE.
  
  3. 2. 4 Zobrazení hypertextových odkazů 36
  
  Vyvolání místní nabídky WWW stránky Jednou klepněte na ikonu dané stránky levým tlačítkem – tím dojde k označení stránky (je vykreslena modrou barvou). Klepněte na pravé tlačítko myši (ověřte si, že kurzor myši je stále na označené ikoně WWW stránky). Dojde k otevření místní nabídky. Vložení nové stránky V místní nabídce klepněte levým tlačítkem myši na položku NOVÝ a potom STRÁNKA. Pod označenou stránku se vloží nová. Pokud ji chcete ze stromové struktury přenést i do SEZNAMU souborů a složek a tím vytvořit soubor, označte nově vytvořenou stránku stiskněte levé tlačítko myši a podržte jej. Pouhým přetažením ikony do seznamu souborů a složek pak dojde k vytvoření dané WWW stránky. Kopírování stránky Pokud chcete vytvořit kopii některé stávající stránky, označte ji a klepněte na toto tlačítko KOPÍROVAT. Označte potom některou jinou stránku a použijte tlačítko VLOŽIT. Kopírovaná stránka se vloží pod označenou stránku. Přejmenování stránky Označte stránku a klepněte na tlačítko PŘEJMENOVAT. Zadejte nový název a potvrďte jej klávesou ENTER. Vymazání stránky Označte stránku a klepněte na tlačítko ODSTRANIT. Dojde k odstranění stránky ze stromové struktury.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Hypertextové odkazy jsou základem každého webového místa. Umožňují plynulé procházení hypertextovou strukturou webového místa a tím usnadňují orientaci ve struktuře WWW stránky. Hypertextovým odkazem může být prakticky cokoliv – od textu, přes obrázek až po soubor. Po klepnutí na hypertextový odkaz se zobrazení WWW stránky přesune na požadované místo.
  
  Hypertextové odkazy jsou dvojího typu: odkaz do aktuální stránky – ZÁLOŽKA, nebo odkaz na jinou stránku – LINKA.
  
  Panel zobrazení – HYPERTEXTOVÉ ODKAZY Pomocí této ikony zobrazíte hypertextové odkazy otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Aktuální soubor V seznamu souborů a složek dvakrát klepněte levým tlačítkem myši na soubor, jehož hypertextové odkazy chcete zobrazit. Aktuálně vybraná stránka Když budete chtít se souborem provést nějakou činnost – přetažení, vymazání, přejmenování apod., stačí ji označit na pracovní ploše a pomocí místní nabídky zvolit příslušný příkaz. Odkazy na stránku Zde se zobrazují ty hypertextové odkazy, které na aktuální stránku odkazují z jiných stránek. Odkazy ze stránky Na tomto místě se zobrazují hypertextové odkazy, které jsou umístěné na aktuální WWW stránce a odkazují na jiné stránky či soubory.
  
  Obr.12 Práce se zobrazením hypertextových odkazů v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Hypertextové odkazy – HYPERLINKS, Přesunout na střed – MOVE TO CENTER
  
  3. 2. 5 Možnosti zobrazení WWW stránky pomocí záložek 37
  
  TIP: Na webovou stránku, kterou chcete umístit do středu, klepněte pravým tlačítkem myši a z místní nabídky vyberte příkaz PŘESUNOUT NA STŘED.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Aplikace FrontPage nabízí pro prohlížení webových stránek tři zobrazení. Normální zobrazení – pomocí kterého můžete do stránek vkládat objekty, editovat stávající objekty a mazat vložené objekty. HTML – pomocí tohoto zobrazení můžete editovat vlastní HTML kód stránky, což je výhodné v případech, kdy do stránky vkládáte skripty apod. Náhled – toto zobrazení
  
  ukazuje stránku tak, jak bude zobrazena pomocí prohlížeče WWW stránek (Internet Explorer, NetScape Navigátor, Mozzila apod.) ………………………
  
  Panel zobrazení – STRÁNKA Pomocí této ikony zobrazíte seznam souborů a složek otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Aktuální soubor V seznamu souborů a složek dvakrát klepněte levým tlačítkem myši na soubor, který chcete zobrazit. Záložka NORMÁLNÍ Pomocí této záložky zobrazíte normální režim zobrazení aktuální WWW stránky, pomocí kterého můžete do stránek vkládat objekty, editovat stávající objekty a mazat vložené objekty. Záložka HTML Pomocí této záložky zobrazíte zdrojový HTML kód aktuální WWW stránky, pomocí tohoto zobrazení můžete editovat vlastní HTML kód stránky. Záložka – NÁHLED Pomocí této záložky zobrazíte skutečný vzhled aktuální WWW stránky, tak jak bude zobrazena po napublikování na web.
  
  Obr.13 Zobrazení HTML kódu WWW stránky v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Stránka – PAGE, Normální – NORMAL, Náhled – PREVIEW, Náhled v prohlížeči – PREVIEW IN BROWSER, Soubor – FILE.
  
  3. 3 PRÁCE SE SOUBORY WWW STRÁNEK VE FrontPage 2002 38
  
  TIP: Přestože záložka NÁHLED zobrazí stránku tak, jak bude vypadat v prohlížeči, je vhodné si prohlédnout jak bude stránka vypadat v případě, že bude ve webovém prohlížeči maximalizována. Klepnutím na příkaz NÁHLED V PROHLÍŽEČI v položce hlavní nabídky SOUBOR, ji otevřete ve Vašem webovém prohlížeči.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Aplikaci FrontPage můžete použít nejen pro vytváření a úpravy webových stránek, ale rovněž pro manipulaci se soubory ve Vašem webovém místě. Pokud pro úpravu webového místa použijete aplikaci FrontPage, vyvarujete se
  
  přerušení existujících hypertextových odkazů na webovém místě, a to tak, že aplikace odkazy na přejmenované, odstraněné a přejmenované soubory automaticky aktualizuje.
  
  3. 3. 1 Odstranění a přejmenování souborů webového místa
  
  Obr.14 Zobrazení složek a jejich souborů v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Složky – FOLDERS, Kopírovat – COPY, Vložit – PASTE, Přejmenovat RENAME.
  
  3. 3. 2 Kopírování a přesunování souborů webového místa
  
  39
  
  Panel zobrazení – SLOŽKY Pomocí této ikony zobrazíte seznam souborů a složek otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Aktuální soubor V seznamu souborů a složek jednou klepněte levým tlačítkem myši na soubor, který chcete označit (a tím také editovat). Vyvolání místní nabídky souboru Jednou klepněte na daný soubor levým tlačítkem (tím dojde k označení souboru - je označen modrou barvou). Klepněte na pravé tlačítko myši (ověřte si, že kurzor myši je stále na označeném souboru). Dojde k otevření místní nabídky. Kopírování souboru Pokud chcete vytvořit kopii některého stávajícího souboru, označte jej a klepněte na toto tlačítko KOPÍROVAT. Označte potom některé jiné místo a použijte tlačítko VLOŽIT. Přejmenování souboru Označte soubor a klepněte na tlačítko PŘEJMENOVAT. Zadejte nový název a potvrďte jej klávesou ENTER. Vymazání souboru Označte soubor a klepněte na tlačítko ODSTRANIT. Dojde k odstranění soboru z webového místa
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 soubory přesunete pomocí aplikace FrontPage, ten automaticky všechny odkazy na přesouvaný soubor aktualizuje, čímž Vás mnoha porušených odkazů ušetří. Přesunování souborů se provádí pouhým přetažením myší do nového místa.
  
  Aplikace FrontPage velmi zjednodušuje práci se soubory. Zejména se jedná o kopírování a přesunování souborů. Pokud byste například překopírovali nebo přesunuli některý ze souborů webového místa pomocí aplikace Průzkumník, došlo by k porušení hypertextových odkazů na dané soubory. Jestliže však
  
  Obr.15 Kopírování a přesunování souborů v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Stránka – PAGE, Kopírovat – COPY, Přesunout – MOVE, Vložit – PASTE, Odstranit – DELETE, Soubor – FELE, Složka – FOLDER.
  
  3. 3. 3 Import souborů do webového místa 40
  
  Panel zobrazení – STRÁNKA Pomocí této ikony zobrazíte seznam souborů a složek otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Aktuální soubor V seznamu souborů a složek jednou klepněte levým tlačítkem myši na soubor, který chcete označit. Vyvolání místní nabídky souboru Jednou klepněte na daný soubor levým tlačítkem (tím dojde k označení souboru - je označen modrou barvou). Klepněte na pravé tlačítko myši (ověřte si, že kurzor myši je stále na označeném souboru). Dojde k otevření místní nabídky. Kopírování souboru Pokud chcete vytvořit kopii některého stávajícího souboru, označte jej a klepněte na toto tlačítko KOPÍROVAT. Nové aktuální místo V seznamu souborů a složek jednou klepněte levým tlačítkem myši na soubor nebo složku, do které chcete vložit kopii souboru. Vložení souboru Jednou klepněte na daný soubor levým tlačítkem (tím dojde k označení souboru - je označen modrou barvou) a otevřete jeho místní nabídku. Pokud tedy máte označeno nebo otevřeno (u složek) jiné místo, použijte tlačítko VLOŽIT. TIP: Přesunutí souboru učiníte tak, že stisknete levé tlačítko myši a budete jej držet – pouhým přetažením ikony můžete měnit její místo ve stromové struktuře.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Importovat do webového místa lze takřka cokoliv – textem počínaje a videosoubory konče. Tím, že do webového místa soubory importujete, začleňujete jej do struktury webového místa. Tím je zaručeno, že aplikace FrontPage o souboru „ví“ a tudíž je možné jej použít jako zdroj
  
  hypertextového odkazu. Pokud totiž do webového místa soubor pouze nakopírujete, např. pomocí aplikace Průzkumník, nebudete s ním moci pracovat, protože aplikace FrontPage jej ve stromové struktuře webového místa „neuvidí“
  
  Obr.16 Import souboru v aplikaci FrontPage 2002
  
  Obr.17 Okno importu souboru v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Importovat – IMPORT, Přidat soubor – ADD FILE, Přidat složku – ADD FOLDER
  
  3. 3. 4 Export a uložení souborů či stránek
  
  41
  
  Položka hlavní nabídky - SOUBOR Nabídku otevřete tak, že na její název jednou klepnete levým tlačítkem myši. Položka IMPORTOVAT nabídky Soubor Při výběru konkrétního příkazu opět stačí na daný příkaz jednou klepnout. Okno Importovat Toto okno se otevře po klepnutí na příkaz Importovat v hlavní nabídce programu Soubor. Přidat soubor Do aktuálně označené části webového místa (jednou klepněte na danou část webového místa levým tlačítkem – tím dojde k jejímu označení a je označen modrou barvou), můžete vložit libovolný soubor, který pomocí tohoto tlačítka vyhledáte na pevném disku. Přidat složku Do aktuálně označené části webového místa (jednou klepněte na danou část webového místa levým tlačítkem – tím dojde k jejímu označení a je označen modrou barvou), můžete vložit libovolný soubor, který pomocí tohoto tlačítka vyhledáte na pevném disku. Potvrzovací tlačítko OK Pokud jste v předchozích krocích vybrali nějaký soubor či složku, kterou chcete importovat do Vašeho webového místa (poznáte to tak, že v okně Importovat je nějaká položka), stiskněte toto tlačítko. Vybraný soubor či složka se neimportuje do webového místa.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 V aplikaci FrontPage je proces ukládání WWW stránek a jejich export sloučen. V podstatě je možné stránky ukládat či exportovat dvěma způsoby. Prvním způsobem je ukládání souborů po jednom – to znamená, že se uloží pouze jeden právě otevřený soubor či složka. Druhým způsobem lze uložit celé
  
  webové místo najednou. Zvláště důležité je ale v obou případech to, abyste si správně vyhledali cílovou cestu, kam chcete soubory či složky uložit či exportovat.
  
  Obr.18 Ukládání souborů či složek v aplikaci FrontPage 2002
  
  Obr.19 Okno uložení souboru v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Soubor – FILE, Uložit jako – SAVE AS, Uložit vše – SAVE ALL, Název souboru – FILE NAME, Uložit – SAVE.
  
  3. 4 PRÁCE S WEBOVÝM MÍSTEM V APLIKACI FrontPage 2002 42
  
  Položka hlavní nabídky - SOUBOR Nabídku otevřete tak, že na její název jednou klepnete levým tlačítkem myši. Položka ULOŽIT JAKO nabídky Soubor Při výběru konkrétního příkazu opět stačí na daný příkaz jednou klepnout. Je nutné ale nejprve označit nějaký soubor či složku v seznamu souborů a složek. Položka ULOŽIT VŠE nabídky Soubor Při výběru konkrétního příkazu opět stačí na daný příkaz jednou klepnout. Je nutné ale nejprve označit nějaký soubor či složku v seznamu souborů a složek. Okno ULOŽIT JAKO Toto okno se otevře po klepnutí na příkaz Uložit jako… v hlavní nabídce programu Soubor. Zadávání jména souboru V tomto poli můžete měnit či vepisovat údaj, který je názvem souboru pro operační systém Microsoft Windows. Potvrzovací tlačítko ULOŽIT Pokud jste v předchozích krocích vybrali nějaký soubor či složku, kterou chcete uložit či exportovat na pevný disk počítače stiskněte toto tlačítko. Vybraný soubor či složka se uloží na pevný disk počítače či jiné paměťové médium. TIP: Pokud některá WWW stránka obsahu obrázek či jiný soubor, při jejím uložení se automaticky soubor s daným obrázkem uloží společně se stránkou. Vždy si pečlivě rozmyslete, kam soubory či složky ukládáte.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Zobrazení informačních výpisů (Zprávy) představuje centrální úložiště všech informací o Vašem webovém místě – o jeho souborech a složkách. Prostřednictvím výpisu můžete vyhledat téměř všechny potřebné údaje o stavu
  
  webového místa – přerušených odkazech – které stránky se pomalu načítají – kolik diskového místa webové místo zabírá apod.
  
  3. 4. 1 Zobrazení informací o webovém místě Panel zobrazení – ZPRÁVY Pomocí této ikony zobrazíte sadu výpisů o vlastnostech otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Sada výpisů vlastností webového místa Modré a podtržené položky seznamu je možné procházet a upravovat. Nepodržené jsou pouze informativní. Podrobný popis položky seznamu V této části seznamu se nalézá podrobný popis jednotlivých položek. Panel VYTVOŘENÍ ZPRÁVY Pokud chcete tento panel zobrazit, tak v hlavní nabídce programu zvolte nabídku ZOBRAZIT, vyberte její podnabídku PANELY NÁSTROJŮ a klepněte na položku VYTVÁ ŘENÍ ZPRÁVY. Možnosti zobrazení zpráv Pokud tedy klepnete na některou z potržených položek seznamu, zobrazí se podrobný výpis vlastností a možností editace. Pokud se ale chcete vrátit do přehledu jednotlivých zpráv, vyberte v tomto seznamu položku SOUHRN SERVERU.
  
  Obr.20 Zobrazení zpráv o webovém místě v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Zprávy – REPORTS, Vytvoření zprávy – REPORTING, Zobrazit – VIEW, Panely nástrojů – TOOLBARS, Souhrn serveru – SITE SUMMARY.
  
  3. 4. 2 Kontrola hypertextových odkazů webového místa 43
  
  TIP: Nastavení výpisů můžete změnit tak, že z nabídky NÁSTROJE (Tools) zvolíte příkaz VLASTNOSTI (Options) a zde klepnete na záložku ZOBRAZENÍ ZPRÁV (Reports View).
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Úpravami webového místa často dochází k porušení hypertextových odkazů (soubor, složka či stránka se přejmenuje či přesune). Porušení hypertextového odkazu vzniká především v důsledku toho, že daný hypertextový odkaz
  
  odkazuje na místo, stránku či soubor, který neexistuje (byl vymazán) nebo je přejmenován. Proto je nutné neustále kontrolovat stav hypertextových odkazů.
  
  Obr.21 Kontrola hypertextových odkazů webového místa v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Zpráva – REPORTS,Ověřit hypertextové odkazy – VERIFY ALL HYPERLINKS, Vytvoření zprávy – REPORTING, Spustit – START, Zobrazit VIEW, Panely nástrojů – TOOLBARS,
  
  3. 4. 3 Oprava přerušených hypertextových odkazů webového místa 44
  
  Panel zobrazení – ZPRÁVY Pomocí této ikony zobrazíte sadu výpisů o vlastnostech otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Tlačítko OVĚŘIT HYPERTEXTOVÉ ODKAZY panelu VYTVÁŘENÍ ZPRÁV Tímto tlačítkem spustíte kontrolu hypertextových odkazů ve Vašem webovém místě (spuštění panelu – viz. bod 3). Pokud chcete panel Vytvoření Zprávy zobrazit, zvolte nabídku ZOBRAZIT, vyberte její podnabídku PANELY NÁSTROJŮ a klepněte na položku VYTVÁ ŘENÍ ZPRÁVY. OVĚŘIT HYPERTEXTOVÉ ODKAZY Pomocí tohoto panelu můžete ověřit funkčnost hypertextových odkazů vašich WWW stránek. Tlačítko SPUSTIT Pomocí tohoto tlačítka spustíte samotnou kontrolu. Po jejím ukončení se zobrazí zpráva o stavu hypertextových odkazů na Vašich WWW stránkách (viz. bod 5 a 6). Zpráva o nefunkčních odkazech Takto jsou označeny nefunkční hypertextové odkazy (odkazují na místo, které neexistuje nebo má jiné jméno). Zpráva o funkčních odkazech Takto jsou označeny funkční hypertextové odkazy (odkazují na místo, které existuje a má správné jméno). TIP: Proces kontroly odkazů zastavíte klepnutím na tlačítko STOP v panelu nástrojů.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Aplikace FrontPage umožňuje opravovat přerušené hypertextové odkazy, neboť po celou dobu práce s webovým místem uchovává informace o všech úpravách. To znamená, že po dobu vytváření stránek se do databáze ukládají všechny údaje o přejmenování, vymazání či přesunu souborů či složek. Proto
  
  program dokáže nabídnout vyřešení problému s přerušeným odkazem.
  
  Obr.22 Oprava hypertextových odkazů v aplikaci FrontPage 2002
  
  Obr.23 Okno uložení Upravení hypertextových odkazů v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Zpráva – REPORTS,Upravit Hypertextový odkaz – EDIT HYPERLINK, Procházet – BROWSE, Nahradit – REPLACE, Porušený hypertextový odkaz – BROKEN HYPERLINKS.
  
  3. 4. 4 Prohlížení úkolů webového místa 45
  
  Panel zobrazení – ZPRÁVY Pomocí této ikony zobrazíte sadu výpisů o vlastnostech otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Zpráva o nefunkčních odkazech Takto jsou označeny nefunkční hypertextové odkazy (odkazují na místo, které neexistuje nebo má jiné jméno). Vyvolání místní nabídky nefunkčního odkazu. Jednou klepněte na daný odkaz levým tlačítkem – tím dojde k označení odkazu a je označen modrou barvou). Klepněte na pravé tlačítko myši (ověřte si, že kurzor myši je stále na označeném odkazu). Dojde k otevření místní nabídky. Upravit Hypertextový odkaz Pomocí této položky otevřete průvodce úpravou hypertextových odkazů (viz. bod 4). UPRAVIT HYPERTEXTOVÝ ODKAZ Pomocí tohoto panelu můžete upravovat nefunkční hypertextové odkazy. V horní části panelu jsou uvedeny informace o odkazu. Možnosti nahrazení nefunkčního odkazu V tomto poli Vám aplikace FrontPage nabízí možné řešení problému s nefunkčním hypertextovým odkazem. Také můžete do tohoto pole zadat vlastní řešení tak, že napíšete cílové místo odkazu. Také jej můžete vyhledat pomocí tlačítka PROCHÁZET. Tlačítko NAHRADIT Pomocí tohoto příkazu opravíte porušený hypertextový odkaz.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Aby bylo možné udržet přehled například o tom, které WWW stránky vyžadují dokončení nebo aktualizaci a kde musejí být nahrazeny obrázky, obsahuje aplikace FrontPage seznam úkolů. Jestliže spustíte průvodce vytvořením webového místa, tak ten již při postupu vytváření nového webového místa
  
  vypracuje automaticky seznam úkolů, které musíte splnit, aby byl projekt hotov. Pokud ale navrhujete webové místo „načisto“, můžete si vytvořit vlastní seznam úkolů, abyste na nějakou důležitou operaci nezapomněli.
  
  Obr.24 Zobrazení seznamu úkolů v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Úkoly – TASKS, Upravit úkol – EDIT TASK, Spustit úkol – START TASK, Odstranit úkol – DELETE.
  
  46
  
  Panel zobrazení – ÚKOLY Pomocí této ikony zobrazíte seznam úkolů otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Seznam úkolů V seznamu jsou nesplněné úkoly označeny červeným kolečkem před názvem úkolu. Splněné úkoly jsou potom označeny zeleným kolečkem na tomtéž místě. Vyvolání místní nabídky úkolu. Jednou klepněte na daný úkol levým tlačítkem (tím dojde k označení úkolu a je označen modrou barvou). Klepněte na pravé tlačítko myši (ověřte si, že kurzor myši je stále na označeném úkolu). Dojde k otevření místní nabídky. UPRAVIT ÚKOL Pomocí této volby otevřete panel ve kterém můžete přeformulovat znění úkolu. SPUSTIT ÚKOL Pomocí této volby se načte příslušná WWW stránka, na které máte provést činnosti definované úkolem. Nemusíte si tedy pamatovat, na které stránce máte dělat úpravy, stačí spustit úkol. ODSTRANIT ÚKOL Pomocí této volby můžete jakýkoliv úkol odstranit ze seznamu úkolů.
  
  TIP: Tato funkce aplikace FrontPage je zvláště výhodná, pokud na jednom webovém místě pracuje více lidí. Můžete kolegovi zadávat úkoly, aniž byste jej museli kontaktovat.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 3. 4. 5 Prohlížení webového místa Ještě než přesunete vytvořené webové místo (web) na webový server, je vhodné učinit kontrolu vzhledu. Tuto kontrolu můžete provádět již během vytváření WWW stránek pomocí záložky NÁHLED. Nicméně toto zobrazení není naprosto shodné se zobrazením pomocí prohlížeče WWW stránek. Proto
  
  je vhodné simulovat toto „reálné“ prohlížení pomocí integrovaného prohlížeče do aplikace FrontPage.
  
  Položka hlavní nabídky - SOUBOR Nabídku otevřete tak, že na její název jednou klepnete levým tlačítkem myši. Položka NÁHLED V PROHLÍŽEČI Při výběru konkrétního příkazu opět stačí na daný příkaz jednou klepnout. Je nutné ale nejprve označit některou z WWW stránek v seznamu souborů a složek. Zpravidla jako výchozí označujeme stránku s názvem INDEX.HTM. Tato stránka je vždy výchozím souborem webového místa (homepage). Většina serverů a prohlížečů je konfigurována tak, aby jako výchozí soubor použila právě homepage. Pokud ji webové místo neobsahuje, dochází zpravidla ke kolapsu. Záložka NÁHLED Schválně si porovnejte zobrazení WWW stránky pomocí náhledu a pomocí prohlížeče. Většinou se stránky liší a to především umístěním objektů jejich obsahu. Prohlížeč totiž zobrazuje stránky jako maximalizované.
  
  Obr.25 Integrovaný prohlížeč aplikace FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Soubor – FILE, Náhled v prohlížeči – PREVIEW IN BROWSER, Náhled – PREVIEW.
  
  47
  
  TIP: Vyzkoušejte si různé velikosti oken – měňte pokusně velikost okna svého prohlížeče tak, abyste viděli, jak Vaše WWW stránky vypadají v oknech různých velikostí. Některé stránky totiž vypadají skvěle v maximalizovaném prohlížeči na obrazovce s rozlišením 1024 x 768, jiné zase nemusejí vypadat dobře ve zmenšeném okně nebo maximalizovány na obrazovce s rozlišením 640 x 480.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  48
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  4. 1 PRÁCE S TEXTEM V APLIKACI FrontPage 2002 procesorem a publikačními systémy DTP a v některých případech i tabulkovými procesory.
  
  Pokud chcete do webových stránek zapracovat více kratších informací z různých zdrojů, můžete takový obsah napsat přímo do webové stránky. V tomto případě pracujete s textem podobně jako v jiných aplikacích zaměřených na editaci a vytváření textových dokumentů. Aplikace FrontPage obsahuje podobné možnosti vytváření textů, jakými disponuje například aplikace Microsoft Word. Rozdíl ale spočívá v tom, že aplikace FrontPage automaticky zapsaný text formátuje do HTML kódu. Proto není zobrazení textu na WWW stránce v režimu náhledu vždy shodný se vzhledem navrhovaného textu. Jedná se především o zarovnání textu na vlastní WWW stránce. Proto je vhodné text zarovnávat do tabulek – tento způsob si ukážeme v následující kapitole. Aplikace FrontPage tedy obsahuje následující možnosti editace textu:  Práce s fonty.  Velikost a řez písma.  Barva písma.  Zarovnání textu na stránce.  Řádkování textu.  Nastavení pozadí textu.  Použití textu jako hypertextového odkazu.  Použití odrážek a kaskádového stylu.
  
  Většina textových procesorů umožňuje pracovat s obrázky, s vícesloupcovou novinovou sazbou, obsahuje korektory pravopisu a několik stovek typů písma v různých velikostech a různém provedení – to také umožňuje aplikace FrontPage. Druhou možností, jak zapracovat text do Vašich WWW stránek, je využití externích textových dokumentů, které je možné importovat do webového místa. To znamená, že hypertextové odkazy mohou odkazovat na externí textové dokumenty, které ale musí být součástí webového místa. Tyto dokumenty nemusí být formátovány do tvaru WWW stránek, a prohlížeč je zobrazuje tak, jak jsou vytvořeny. Tento způsob publikování textů je efektivní a rychlý, nicméně zatěžuje možnosti prohlížeče, který je nucen zobrazovat více informací. Hlavním požadavkem však je, aby většina budoucího webového obsahu byla k dispozici v počítačových souborech. To znamená, že budete vyžadovat, aby velká většina textového obsahu byla ve formě textových souborů nebo dokumentů nějakého textového editoru. (Dobře budou vyhovovat všechny dokumenty z většiny současných textových editorů.) Rovněž u zbývajícího obsahu, který má být na webové stránky zařazen je žádoucí, aby byl k dispozici v elektronické, tedy počítačové formě. To znamená, že například obrázky, které budete chtít na svých stránkách použít, budete muset bud' naskenovat, nebo překreslit pomocí nějakého grafického či kreslicího programu. (tato kapitola se však zabývá vkládáním „surového“ textového obsahu na webové stránky).
  
  Z výše uvedených skutečností vyplývá, že aplikace FrontPage je zjednodušeným textovým procesorem, která umožňuje vytvářet a editovat texty pro potřeby publikace na webovém místě. Textový procesor je program, dnes spíše celý systém, který umožňuje uživateli vytvářet, upravovat, formátovat a tisknout text. Proto se stále více stírá hranice mezi textovým
  
  V každém případě jsou nutné alespoň elementární znalosti práce s některým z textových editorů. Jako nejvhodnější se jeví aplikace Microsoft Word, která má velmi podobné nástroje a postupy pro vytváření a editaci textů.
  
  4. 2 VLOŽENÍ TEXTU DO WWW STRÁNKY Jestliže máte vytvořené webové místo a v něm alespoň jednu WWW stránku, jste připraveni naplňovat stránky textem. Pokud jste tedy někdy pracovali s textovým editorem Microsoft Word, zjistíte, že přitom postupuje téměř stejně a používáte tejné příkazy a činnosti. To znamená, že vkládaný text se zapisuje
  
  vždy na pozici kurzoru. Dále je shodné, že pro úpravu existujícího textu je nutné nejprve text označit pomocí myši. Také použití Kláves ENTER (přechod na další řádek) a BACKSPACE (mazání znaků od konce) je shodné jako v aplikaci Word.
  
  49
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Panel zobrazení – STRÁNKA Pomocí této ikony zobrazíte seznam souborů a složek otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Aktuální soubor V seznamu souborů a složek jednou klepněte levým tlačítkem myši na soubor, který chcete označit (a tím také editovat). Záložka NORMÁLNÍ Pomocí této záložky zobrazíte normální režim zobrazení aktuální WWW stránky, pomocí kterého můžete do stránek vkládat text, editovat stávající text a mazat vložený text. Pozice kurzoru Na tuto pozici se vkládají zapisované znaky. Kurzorem je možné pohybovat pomocí myši, nebo pomocí klávesnice (směrové šipky). Vkládání textu je možné pouze v případě, že kurzor v ploše „bliká“. Kurzor také není možné přesunout na doposud neotevřený řádek. Nová pozice kurzoru Pro přecházení mezi jednotlivými řádky je nutné, stejně jako v aplikaci Microsoft Word, použít klávesu ENTER. Pro zrušení vloženého řádku zase použijeme klávesu BACKSPACE nebo DELETE.
  
  Obr.26 Vložení nového textu do WWW stránky
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Stránka – PAGE, Normální – NORMAL, Potvrdit – ENTER, Vymazat – DELETE, Zobrazit – VIEW, Panel zobrazení – VIEWS BAR, Seznam složek – FOLDER LIST.
  
  50
  
  TIP: Jestliže zadáte nějaký textový řetězec, který bude aplikace FrontPage považovat za hypertextový odkaz (např.: www.seznam.cz), bude takový text automaticky převeden na hypertextový odkaz. S tím jak píšete, FrontPage kontroluje pravopis. Veškeré pravopisné chyby jsou červeně podtrženy. Při úpravách svých WWW stránek můžete využít celé okno aplikace FrontPage. Panel zobrazení souborů a složek vypnete tak, že v hlavní nabídce programu ZOBRAZIT klepnete na příkaz PANEL ZOBRAZENÍ a SEZNAM SLOŽEK.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  4. 3 ÚPRAVA VLOŽENÉHO TEXTU WWW STRÁNKY První úpravou, kterou můžete z vloženým textem provést, je jeho odstranění. Odstranění textu je možné provést dvěma způsoby. Prvním způsobem je odstranění textu znak po znaku pomocí klávesy BACKSPACE nebo DELETE.
  
  Druhým
  
  způsobem
  
  je
  
  odstranění
  
  označeného
  
  textu
  
  naráz.
  
  Panel zobrazení – STRÁNKA Další úpravou úpravou vloženého vloženéhotextu textu textumůže může může být být být nahrazení nahrazení nahrazení vyskytujícího vyskytujícího vyskytujícího sesetextového se textového textového řetězce řetězce za jiný. za jiný. TatoTato úprava se provádíPanel téměř zobrazení stejně jako –odstranění STRÁNKA existujícího textu Pomocí této ikony zobrazíte seznam souborů s tím se řetězce úprava za rozdílem, provádí jiný. Tato téměř že úprava stejně se jako se po odstranění provádí označení téměř existujícího stejně textu textu jako snemačká odstranění tím rozdílem,klávesa že se po označení DELETE, textu ale zadá aPomocí se této alternativní nahrazující text. ikony zobrazíte seznam složek otevřeného webového místa.souborů nemačká klávesa DELETE, ale označení zadá textu se alternativní nahrazující text. existujícího textu s tím rozdílem, že se po nemačká klávesa aAktuální složek otevřeného webového místa. soubor DELETE, Další úpravou ale vloženého zadátextu se může být alternativní nahrazení vyskytujícího nahrazující se textového text. řetězce za jiný. Tato Aktuální V seznamusoubor souborů a složek jednou klepněte úprava se provádí téměř stejně jako odstranění existujícího textu s tím rozdílem, že se po označení textu V seznamu souborů složek jednou levým tlačítkem myšiana soubor který,klepněte chcete nemačká klávesa DELETE, ale zadá se alternativní nahrazující text. levým myši na soubor, který chcete označittlačítkem (a tím také editovat). označit (a tím Označený texttaké proeditovat). odstranění Obr.27 Odstranění označeného textu v aplikaci FrontPage 2002 Označený pro odstranit, nahrazenínejprve označte Text, který text chcete Text, který chcete – – klepněte myší nahradit, na první nejprve (nebo označte poslední) klepněte myší první (nebo znak znak textu a na stiskněte levé poslední) tlačítko myši, textu a stiskněte levé myši tlačítko myši, (nebo které Poznámka: které podržte. Tažením na konec podržte. Tažením myši na konec (nebo začátek) textu jej označíte. V anglické verzi programu se jedná o příkazy: začátek) jej označíte. Stisknětetextu klávesu DELETE. Stránka – PAGE, Normální – NORMAL, Vymazat – DELETE, Zobrazit – VIEW, Napište nahrazující text. Obr.28 Nahrazení označeného textu v aplikaci FrontPage 2002 TIP: Výběr slova nebo odstavce. Jedno slovo označíte tak, že na něj dvakrát klepnete levým tlačítkem myši. Celý odstavec označíte tak, že stisknete klávesu ALT, podržíte ji, a klepnete na libovolný řádek odstavce.
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Stránka – PAGE, Normální – NORMAL, Vymazat – DELETE, Zobrazit – VIEW, Nahradit – REPLACE.
  
  4. 4 VYTVÁŘENÍ ZNAKOVÝCH HYPERTEXTOVÝCH ODKAZŮ Hypertextové odkazy jsou, vedle obsahu, nejdůležitější součástí funkčních WWW stránek. Při vytváření webových stránek se budete neustále setkávat s vytvářením odkazů. Aplikace FrontPage proces vytváření a upravování
  
  hypertextových odkazů značně ulehčuje. V této části se zaměříme na to, jak vytvořit hypertextový odkaz z části již vloženého textu.
  
  51
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Označený text pro odkaz Text, který má být hypertextovým odkazem, nejprve označte – klepněte myší na první (nebo poslední) znak textu a stiskněte levé tlačítko myši, které podržte. Tažením myši na konec (nebo začátek) textu jej označíte. Volba HYPERTEXTOVÝ ODKAZ Vyvolání místní nabídky označeného textu. Jednou klepněte na označený text pravým tlačítkem myši (ověřte si, že kurzor myši je stále na označeném textu). Jednou klepněte levým tlačítkem na příkaz HYPERTEXTOVÝ ODKAZ. VLOŽIT HYPERTEXTOVÝ ODKAZ Tento panel obsahuje možnosti a příkazy pro vytvoření hypertextového odkazu s označeného textu. Seznam dostupných WWW stránek V tomto seznamu můžete označit soubor, na který má daný hypertextový odkaz odkazovat. Cíl hypertextového odkazu Pomocí seznamu označte cílový soubor nebo složku, na kterou má odkaz přejít. Potvrzovací tlačítko OK Pokud jste v předchozích krocích vybrali nějaký soubor či složku, kterou chcete použít jako cíl hypertextového odkazu, stiskněte toto tlačítko.
  
  Obr.29 Vložení hypertextového odkazu v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Hypertextový odkaz – HYPERLINK, Vložit hypertextový odkaz – CREATE HYPERLINK, Záložka – BOOKMARK.
  
  TIP: Hypertextový odkaz může odkazovat i na část aktuální WWW stránky. Tuto možnost aktivujete tak, že stisknete tlačítko ZÁLOŽKA a příslušnou záložku. Záložku ale nejprve musíte v dané stránce vytvořit.
  
  4. 4. 1 Jiné typy hypertextových odkazů Jak jsme již uvedli, cílem hypertextového odkazu může být prakticky cokoliv – stránky, soubor, obrázek, videosoubor, zvuk apod. Nicméně cíl hypertextového odkazu nemusí být na Vašem webovém místě. Můžete se odkazovat na jiné servery či WWW stránky. Jedinou podmínkou je to, že musíte znát přesnou
  
  URL adresu zdroje odkazu. Taktéž zdrojem může být jakýkoliv prvek obsažený na WWW stránce. Nikdy také nepoužívejte odkazy na soubory či složky, které máte uložené na pevném disku Vašeho počítače bez toho, aniž byste je nejprve importovali do Vašeho webového místa.
  
  52
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  Obr.30 Práce s oknem Vložit hypertextový odkaz v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Vložit hypertextový odkaz – CREATE HYPERLINK, WWW stránka – WWW PAGE, Složka – SOURCE, Soubor – FILE.
  
  VLOŽIT HYPERTEXTOVÝ ODKAZ Tento panel obsahuje možnosti a příkazy pro vytvoření hypertextového odkazu. Panel otevřete tak, že vyvoláte místní nabídku označeného textu, který chcete použít jako hypertextový odkaz a klepnete na volbu HYPERTEXTOVÝ ODKAZ. Odkaz na WWW stránku Pomocí tohoto tlačítka spustíte prohlížeč k vyhledání stránky, která má být cílem hypertextového odkazu. Odkaz na soubor Pomocí tohoto tlačítka můžete procházet soubory a složky na pevném disku Vašeho počítače a tak vybrat soubor, který má být cílem hypertextového odkazu. Cíl hypertextového odkazu Pokud pomocí předchozích kroků vyberete soubor, složku nebo stránku, která má být cílem hypertextového odkazu, zobrazí se v tomto seznamu. URL adresa hypertextového odkazu V tomto poli se zobrazí URL adresa vybraného souboru nebo složky, který se má stát cílem hypertextového odkazu. Potvrzovací tlačítko OK Pokud jste v předchozích krocích vybrali nějaký soubor či složku, kterou chcete použít jako cíl hypertextového odkazu, stiskněte toto tlačítko. TIP: Pokud se chcete hypertextovým odkazem odkazovat na server FTP, zadejte před adresu URL předponu ftp: //.
  
  4. 5 VKLÁDÁNÍ OBJEKTŮ OBSAHUJÍCÍCH TEXT obsah pomocí Vám dobře známého textového editoru a pak jej vložit do Vašeho webového místa. Také často narazíte na problém, jak vložit do WWW
  
  V aplikaci FrontPage je tedy možné do stávající WWW stránky vkládat text i pomocí textového objektu. Textovým objektem může být například textový dokument či obsah jiné WWW stránky. Proto je tedy možné vytvořit textový
  
  53
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 stránky určitý symbol či znak, který editor textu aplikace FrontPage
  
  neobsahuje. Právě pro tyto činnosti můžete použít následující postup.
  
  4. 6 MOŽNOSTI FORMÁTOVÁNÍ TEXTU
  
  Pozice kurzoru Klepnutím levým tlačítkem myši umístěte podobný jak v textovém editoru Word. je vždy nejprve označí kurzor Postup na místo, kamstejný, má být vloženseobsah ta část textu, kterou chcete přeformátovat a až poté se zvolí příslušný příkaz. textového souboru.
  
  Pokud máte do webové stránky vložen text, můžete jej vylepšit formátováním jednotlivých znaků, slov, vět či odstavců. Postup je velmi
  
  Nabídka VLOŽIT Označený text V hlavní myši nabídceoznačte programu Pomocí text,VLOŽIT který vyberte chcete příkaz SOUBOR. přeformátovat. Panel VYBRATtext SOUBOR Volba TUČNÝ V tomto této panelu můžete specifikovatoznačený umístění Pomocí volby přeformátujete a typnasouboru, text tučný. jehož obsah chcete vložit do aktuálně otevřené WWW stránky. Volba KURZÍVA Lokace místa na pevném disku označený Pomocí této volby přeformátujete Obr.32 Doplnění textových efektů v aplikaci FrontPage 2002 Pomocí tohoto rozbalovacího menu vyberte text na kurzivu. cestu (disk, složku a podložku) k souboru, Volba PODTRŽENÝ text jehož obsah chcete vložit do aktuální WWW Pomocí této volby přeformátujete označený stránky. text na podtržený. Typ souboru Další možností je použití různých tvarů písma – fontů a velikosti písma. Vždy si náhledem v prohlížeči ověřte zda zobrazený font odpovídá Vašemu V této rozbalovací nabídce určete typ Musíme však upozornit, že ne všechny fonty obsahují českou znakovou sadu záměru. Velikost písma se udávásouboru, v počítačových bodech – pixelech a ne jehož obsah chcete vložit do WWW – nezobrazují háčky a čárky. Proto výběru fontu věnujte náležitou pozornost. v milimetrech (1 pixel = přibližněstránky. 0,25 milimetru). Typ souboru poznáte podle přípony (např. přípona Označený text DOC je příponou textových souborů myši vytvořených Pomocí označte ve text,Wordu, který přípona chcete RTF je univerzální unikód textového souboru přeformátovat. apod.). Volba TYP PÍSMA Potvrzovací OTEVŘÍT Pomocí této tlačítko volby otevřete rolovací menu Pokud jste v předchozích krocích z něhož můžete vybírat příslušné tvaryvybrali písma nějaký soubor, jehož obsah chcete použít – FONTY. Obr.31 Vložení textového souboru v aplikaci FrontPage 2002 jako součást aktuální WWW stránky, Vybraný font tlačítko. stiskněte toto Příslušný font vyberete tak, že na jeho název TIP: Poznámka: jednou klepnete levým tlačítkem myši. Jestliže FrontPage udělá při převodu formátování V anglické verzi programu se jedná o příkazy: Všimněte si, že každý název fontu je napsán v dokumentu nějaké chyby (k tomu často dochází při jaký font obsahuje. Vložit – INSERT, Soubor – FILE, Vybrat soubor – SELECT FILE, Soubory typu – převodu stejným tabulek),tvarem zkustepísma textový soubor nejprve uložit Obr.33 Nastavení fontu písma v aplikaci FrontPage 2002 FILES OF TYPE, Otevřít – OPEN. Volba VELIKOST PÍSMA ve formátu RTF. Pomocí této volby otevřete rolovací menu Poznámka: z něhož můžete vybírat příslušné V anglické verzi programu se jedná o příkazy: VELIKOSTI písma. Velikost písma je Tučný – BOLD, Kurzíva – ITALIC, Podtržené – UNDERLINE, Typ písma - FONT, v pixelech (1 pixel = přibližně 0,25 Velikost písma – FONT SIZE. milimetru).
  
  54
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 4. 6. 1 Změna barvy textu Barva textu je velmi výhodná, zvláště pro rozlišení různých informací na WWW stránkách. Fádní černý text je na WWW stránce nevýrazný a uživatele
  
  nezaujme. Naproti tomu barevně členěný text WWW stránky je pro uživatele vždy zajímavější a daleko přehlednější.……………………………………..
  
  Obr.34 Nastavení barvy písma v aplikaci FrontPage 2002
  
  Označený text Pomocí myši označte text, kterému chcete nastavit jinou barvu. Volba BARVA PÍSMA Pomocí této volby otevřete menu, z něhož můžete vybírat příslušné BARVY písma . Barva písma V otevřeném okně můžete vybrat některou ze základních barev písma – jsou optimalizovány pro všechny druhy zobrazení. Nebo pomocí volby DALŠÍ BARVY… otevřete doplňkový panel, ve kterém jsou dostupné všechny odstíny barev.
  
  4. 6. 2 Nadpisy a podnadpisy K vytváření nadpisů a podnadpisů v rámci jedné webové stránky je vhodné používat vestavěné styly nadpisů, které nabízí aplikace FrontPage: Nadpis 1 –
  
  nadpis nejvyšší úrovně, Nadpis 2, Nadpis 3 atd., až po Nadpis 6 – nadpis nejnižší úrovně.………………………………………………………………….
  
  55
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Označený text Pomocí myši označte text, kterému chcete přiřadit styl nadpisu či podnadpisu. Volba STYL nadpisu Pomocí této volby otevřete menu, z něhož můžete vybírat příslušné styly nadpisů a podnadpisů. STYL nadpisu Příslušný styl vyberete tak, že na jeho název jednou klepnete levým tlačítkem myši. Obr.35 Nastavení stylu nadpisů v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Barva písma – FONT COLOR, Další barvy – MORE COLORS, Styl nadpisu – STYLE, Nadpis – HEADING.
  
  TIP: Je vhodné styl nadpisů používat v rámci celého webového místa konzistentně. Pokud tedy pro první nadpis na některé stránce použijete styl Nadpis 1, měli byste tento styl používat i na všech ostatních stránkách.
  
  4. 6. 3 Formátování odstavců
  
  Aplikace FrontPage, stejně jako aplikace Word, podporuje několik variant formátování odstavců. Prvním typem formátování je horizontální uspořádání
  
  jednotlivých řádků odstavce. Odstavec vytvoříte tak, že do stránky vložíte blok textu a stisknutím klávesy ENTER vytvoříte nový odstavec.
  
  Obr.36 Formátování odstavců v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Zarovnat doleva, na střed, doprava – ALIGN LEFT, CENTER, RIGHT.
  
  Označený text Pomocí myši označte text, kterému chcete přiřadit horizontální formát odstavce. Volba ZAROVNAT DOLEVA Pomocí této volby přeformátujete označené věty odstavce doleva. Volba ZAROVNAT NA STŘED Pomocí této volby přeformátujete označené věty odstavce do středu. Volba ZAROVNAT DOPRAVA Pomocí této volby přeformátujete označené věty odstavce doprava. Volba ZAROVNAT DO BLOKU Pomocí této volby přeformátujete označené věty odstavce souměrně zleva i zprava.
  
  4. 6. 4 Formátování odrážek a číslování Odrážky a číslování jsou funkce pro vertikální členění textu odstavce. Vytváříte číslovaný nebo bodovaný seznam položek, který může být
  
  vzestupný, sestupný či hierarchický. Styl odrážek je možné libovolně měnit a přizpůsobovat.
  
  56
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Označený text Pomocí myši označte text, který chcete rozčlenit pomocí odrážek nebo číslování. Volba ČÍSLOVÁNÍ Pomocí této volby přeformátujete označené věty jako seznam položek začínajících pořadovými čísly. Volba ODRÁŽKY Pomocí této volby přeformátujete označené věty jako seznam položek začínajících oddělovací značkou.
  
  Obr.37 Odrážky a číslování v aplikaci FrontPage 2002
  
  Poznámka:
  
  TIP: Celý odstavec můžete označit tak, že stisknete klávesu ALT a levým tlačítkem myši klepnete na libovolný řádek požadovaného odstavce.
  
  V anglické verzi programu se jedná o příkazy: Číslování – NUMBERING, Odrážky – BULLETS.
  
  4. 6. 5 Vytváření a formátování oddělovacích čar textu Při tvorbě webových stránek se velmi často používá oddělovacích čar k vizuálnímu rozdělení stránky do více samostatných oblastí. Oddělovací čáry
  
  představují nejen estetické vylepšení stránky, ale rovněž zlepšují čitelnost rozsáhlejších dokumentů.………………………………………………………. Pozice kurzoru Klepnutím levým tlačítkem myši umístěte kurzor na místo, kam má být vložena vodorovná oddělovací čára. Položka hlavní nabídky VLOŽIT Položku otevřete tak, že na ni jednou klepnete levým tlačítkem myši. Volba VODOROVNÁ ČÁRA Pomocí této volby se na pozici kurzoru vloží vodorovná čára přes celou viditelnou šířku WWW stránky.
  
  Obr.38 Oddělovací čáry v aplikaci FrontPage 2002
  
  TIP: Vložené vodorovné oddělovací čáry je možné libovolně odstraňovat, přesouvat a kopírovat stejným způsobem jako bloky označeného textu.
  
  Vytvořené vodorovné oddělovací čáry je možné dále editovat. Vedle možností přesunutí a vymazaní je také možné čarám nastavovat různé typy a tloušťky,
  
  barvy a způsob zarovnání na stránce. Před započetím vlastních úprav je nutné vždy příslušnou čáru označit pomocí kurzoru myši. ………………
  
  57
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  Obr.39 Formátování oddělovací čáry v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Vodorovná čára – HORIZONTAL LINE, Vlastnosti Vodorovné čáry – HORIZONTAL LINE PROPERTIES, Šířka – WIDTH, Výška – HEIGHT.
  
  58
  
  VLASTNOSTI VODOROVNÉ ČÁRY Panel vyvoláte tak, že označíte příslušnou vodorovnou čáru, klepnete na ni pravým tlačítkem pro vyvolání místní nabídky, ze které vyberete volbu – Vlastnosti vodorovné čáry. Možnost nastavení šířky a výšky čáry Pomocí těchto voleb nastavujete vzhled zobrazení oddělovací čáry v prohlížeči. Možnosti zarovnání čáry Pomocí těchto tří přepínačů nastavujete zarovnání čáry na stránce. Barva čáry Pomocí tohoto rolovacího menu můžete čáře přiřazovat různé barvy čáry.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  59
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  5. 1 PRÁCE S TABULKAMI V APLIKACI FrontPage 2002 Použití vhodných tabulek je základem efektivních a přehledných WWW stránek. Při vytváření webových stránek pomocí aplikace FrontPage neslouží tabulky pouze k rozčlenění některých položek či přehledů, ale ke komplexnímu formátování zobrazovaného obsahu. Někdy je totiž velmi složité formátovat text a objekty vložené do webové stránky pouze pomocí příkazů a nabídek, které slouží pro formátování textů. Sebelépe formátovaný text se může při zobrazení stránky v prohlížeči „rozhodit“ a to vlivem různých rozlišení obrazovek a oken prohlížeče. Proto je vhodné všechny objekty na webové stránce vkládat do tabulek. Tyto tabulky se vytvářejí tak, že jsou při zobrazení v prohlížeči „neviditelné“ – mají totiž nulovou tloušťku ohraničujících čar a tím se v prohlížeči nezobrazují. Z tohoto důvodu je nutné dobře ovládat techniky vytváření a editace tabulek. Tyto postupy jsou téměř shodné s postupy používanými v aplikaci Word. Mezi nejčastěji používané postupy patří rozdělování a slučování buněk, nastavování rozměrů pro zobrazení a změna pozadí buněk či celých tabulek.
  
  Další obrázek ukazuje, jak je možné naformátovat text do „neviditelné“ tabulky.
  
  Následující obrázek ukazuje webovou stránku, na které je text formátován pouze pomocí standardních příkazů pro formátování písma.
  
  Obr.41 Text formátovaný pomocí tabulky Jak je patrné z obou obrázků, použití tabulek nám dává daleko více možností pro členění textového obsahu webových stránek a tím zvýšit jejich přehlednost a srozumitelnost. Do tabulek je samozřejmě možné umisťovat nejen text, ale také obrázky, animace, automatické tvary, pozadí a jiné objekty, s nimiž se při tvorbě webových stránek můžeme setkat.
  
  Obr.40 „Obyčejně“ formátovaný text
  
  60
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  5. 2 VYTVOŘENÍ TABULKY V APLIKACI FrontPage 2002 Pokud chcete vytvořit tabulku, musíte mít vždy otevřenou některou z webových stránek Vašeho webového místa. Pokud tomu tak je, jsou dostupné všechny příkazy v hlavní nabídce programu TABULKA. V této nabídce jsou
  
  potom obsaženy veškeré příkazy pro práci s tabulkami. Co se týče „neviditelných“ tabulek. Postup vytváření takovouto tabulkou je stejný jako u „obyčejných“ tabulek. Jejich neviditelnost jim nastavíte až po jejich vytvoření. Panel zobrazení – STRÁNKA Pomocí této ikony zobrazíte seznam souborů a složek otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Aktuální soubor V seznamu souborů a složek dvakrát klepněte levým tlačítkem myši na soubor do kterého chcete vložit tabulku. Příkaz VLOŽIT TABULKU Pomocí tohoto příkazu na nástrojové liště můžete vytvářet tabulky. Jednou klepněte na ikonu příkazu levým tlačítkem myši – otevře se rastr do kterého přesuňte kurzor myši. Rastr pro určení velikosti tabulky Tažením myši vybarvujete jednotlivá políčka – buňky budoucí tabulky. Pokud rozsah zobrazeného rastru nestačí, stiskněte levé tlačítko a podržte jej. Tím dojde, při posunování kurzorem myši, k rozšiřování zobrazeného rastru. Vložená tabulka Všimněte si, že velikost rastru byla určena jako 5 krát 6. to znamená, že vytvořená tabulka má 5 řádků a 6 sloupců.
  
  Obr.42 Vytvoření tabulky v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Stránka – PAGE, Vložit tabulku – INSERT TABLE, Tabulky – TABLES, Zobrazit – VIEW, Panely nástrojů – TOOLBARS.
  
  61
  
  TIP: Aplikace FrontPage má panel nástrojů TABULKY, který je určen právě k práci s tabulkami. Tento panel zobrazíte tak, že v hlavní nabídce programu ZOBRAZIT vyberete podpoložku PANELY NÁSTROJŮ a v té klepnete levým tlačítkem na položku TABULKY.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  5. 3 ÚPRAVY TABULEK V APLIKACI FrontPage 2002 Než se pustíte do úprav vytvořené tabulky, je nutné si rozmyslet, kterých částí tabulky se budou úpravy týkat. tabulky, Úpravy jeje nutné totiž si možné provádět s celou chcete označovat různéOznačený buňky vŘÁDEK náhodném pořadí, musíte použít Než se pustíte do úprav vytvořené rozmyslet, kterých částí tabulky Pokud se budou úpravy tabulkou naráz, nebomožné pouzeprovádět s některými jejími částmi.naráz, Protonebo abychom kombinace způsob oceníte v okamžiku, kdy týkat. Úpravy je totiž s celou tabulkou pouze sbyli některými jejími částmi. kláves Proto a kurzoru myši. PokudTento chcete označit řádek nebo řádky schopni pouze část tabulky – buňky - je– buňky nutné -příslušné buňky slučovat či rozdělovat, tyto kurzor operacemyši nebudete muset je nutné buňky příslušné buňkybudete označit. A právě abychomupravovat byli schopni upravovat pouze část tabulky tabulky,protože přesuňte na začátek označit. A zabývat právěnásledující tímto část se textu.…………………………………. bude zabývat následující část vykonávat pro každou buňku zvlášť, řádku ale pro několik jednou dohromady. tímto se bude příslušného a stiskněte levé textu.…………………………………. tlačítko myši.Dojde k označení řádku – což Označení buňky černou barvou poznáte tak, první že je vykreslen (inverzně). První buňku náhodného výběru označíte tak, Pokud že stisknete chceteklávesu označit ALT více řádků, a budete po stisknutí ji držet. levého tlačítka Potom klepněte jej kurzorem podržte a označte myši dořádky. buňky, kterou chcete označit. Označený SLOUPEC Pusťte ALT sloupec nebo sloupce Pokud klávesu chcete označit tabulky, přesuňte kurzorbuněk myši nad příslušný Označení ostatních sloupec, a až se zobrazí kurzorže černé plné Další buňky označíte tak, stisknete Obr.44 Náhodné označování buněk tabulky v aplikaci FrontPage 2002 šipky stiskněte tlačítko myši. klávesu CTRL ajednou budetelevé ji držet. Pokud klepněte chcete označit více kterou sloupců, po Obr.43 Označování buněk tabulky v aplikaci FrontPage 2002 Potom do buňky, chcete stisknutíjako levého tlačítka jej podržte. označit další. Poznámka: Až označíte všechny požadované buňky, V anglické verzi programu se jedná o příkazy: pusťte klávesu CTRL. Buňky – CELLS, CTRL – CONTROL, ALT – ALTERNATIVE.
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy:
  
  – CELL, Řádekdo – ROW, Sloupec - COLUMN 5. 3. 1Buňka Přidání buněk tabulky Po vytvoření tabulky velmi často narazíte na situaci, kdy potřebujete do tabulky přidat další buňky nebo dokonce celé řádky či sloupce. Všechny tyto problémy můžete vyřešit pomocí příkazů obsažených v hlavní nabídce
  
  programu TABULKA. Také je možné následující příkazy vyvolat pomocí místní nabídky označené buňky či buněk. …………………………………..
  
  62
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Aktivní buňka Pomocí myši umístěte kurzor do požadované buňky. Kurzor umístíte tak, že na danou pozici jednou klepnete levým tlačítkem myši. Položka hlavní nabídky TABULKA Tato nabídka obsahuje veškeré příkazy pro práci s tabulkami. Položka VLOŽIT Pomocí této podnabídky můžete do tabulky Obr.45 Přidávání jedné buňky do tabulky v aplikaci FrontPage 2002 přidávat buňky, sloupce nebo řádky. Volba BUŇKA Touto volbou vložíte na pozici kurzoru jednu Poznámka: buňku. Pokud máte označeno více buněk, V anglické verzi programu se jedná o příkazy: vloží se stejný počet buněk jako těch Tabulka – TABLE, Vložit – INSERT, Buňka – CELL. označených. Dále je možné vložit do stávající tabulky celý řádek, nebo dokonce celý se vkládá POD označenou buňku (buňka v níž je umístěn kurzor) a sloupec se sloupec buněk. Postup je shodný jako v předchozím případě až na to, že řádek vkládá VPRAVO od označeného sloupce. ……………………………………
  
  Obr.45 Přidávání sloupce či řádku do tabulky v aplikaci FrontPage 2002 Poznámka: V anglické verzi programu se jedná o příkazy: Tabulka – TABLE, Vložit – INSERT, Řádky nebo sloupce – ROWS OR COLUMNS, Řádky – ROWS, Sloupce – COLUMNS, Počet řádků - NUMBER OF ROWS, Počet sloupců - NUMBER OF COLUMNS, Umístění – LOCATION.
  
  Aktivní buňka Umístěte kurzor do požadované buňky. Položka hlavní nabídky TABULKA Obsahuje příkazy pro práci s tabulkami. Položka VLOŽIT Můžete přidávat sloupce nebo řádky. Volba ŘÁDKY NEBO SLOUPCE Touto volbou zobrazíte panel pro vkládání. Nastavení počtu řádků či sloupců Přepínači zvolte, zda chcete vkládat sloupce nebo řádky a zadejte počet vkládaných řádků či sloupců. Možnosti umístění Pomocí přepínačů zvolte, zda se nové řádky mají vložit nad nebo pod označenou buňku.
  
  5. 3. 2 Rozdělování a slučování buněk tabulky Při práci s tabulkami se Vám často stane, že navrženou tabulku budete muset upravit, a to například tak, že budete chtít obsah jedné buňky roztáhnout přes šířku dvou nebo více buněk. Případně můžete řešit i opačný problém, kdy je
  
  třeba rozdělit jednu buňku do dvou nebo více menších, do nichž by se pak zobrazovaná data lépe vešla. ………………………………………………..
  
  63
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Označené buňky pro sloučení Pomocí myši označte buňky, které chcete sloučit. Buňky musí spolu sousedit. Položka hlavní nabídky TABULKA Tato nabídka obsahuje veškeré příkazy pro práci s tabulkami. Příkaz SLOUČIT BUŇKY Pomocí tohoto příkazu provedete sloučení označených buněk do jedné.
  
  Obr.46 Slučování buněk tabulky v aplikaci FrontPage 2002
  
  TIP: Když buňky v tabulce sloučíte, aplikace FrontPage obsah každé z původních buněk umístí na samostatný řádek textu. ji tak, že do ní umístíte kurzor myši) a poté zvolíte příslušný příkaz. Pokud označíte více buněk, dojde k jejich rozdělení podle nastavení první buňky.
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Tabulka – TABLE, Sloučit buňky – MERGE CELLS. Další operací s buňkami je jejich rozdělování. Postup je podobný jako u předchozího příkladu. Nejprve označíte buňku, kterou chcete rozdělit (označíte
  
  Obr.47 Rozdělení buněk tabulky v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Tabulka – TABLE, Rozdělit buňky – SPLIT CELLS, Rozdělit do sloupců – SPLIT INTO COLUMNS, Rozdělit do řádků – SPLIT INTO ROWS, Počet sloupců – NUMBER OF COLUMNS, Počet řádků – NUMBER OF ROWS.
  
  Označené buňky pro rozdělení Označte buňku, kterou chcete rozdělit. Položka hlavní nabídky TABULKA Tato nabídka obsahuje veškeré příkazy pro práci s tabulkami. Příkaz ROZDĚLIT BUŇKY Pomocí tohoto příkazu provedete rozdělení označené buněk nebo buněk. Panel ROZDĚLIT BUŇKY Pomocí toto panelu zadáváte atributy pro rozdělení označené buňky. Pomocí přepínačů zvolíte, zda se má buňka rozdělit na sloupce či řádky. Počet dělících prvků Pomocí tohoto textového pole zadáte, do kolika řádků či sloupců se má označená buňky či buňky rozdělit.
  
  5. 3. 3 Odstraňování buněk a tabulek fázi navrhli moc sloupců či řádků. Proto je nutné přebytečné buňky odstranit, aby zbytečně „neroztahovaly“ webovou stránku.
  
  Pokud pracujete s „neviditelnými“ tabulkami – to znamená, že tabulku používáte jako základní rastr webové stránky, často zjistíte, že jste v počáteční
  
  64
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Označené buňky pro odstranění Pomocí myši označte buňky, které chcete sloučit. Buňky musí spolu sousedit. Položka hlavní nabídky TABULKA Tato nabídka obsahuje veškeré příkazy pro práci s tabulkami. Příkaz ODSTRANIT BUŇKY Pomocí tohoto příkazu provedete odstranění označených buněk.
  
  Obr.48 Odstraňování buněk z tabulky v aplikaci FrontPage 2002
  
  TIP: Pokud odstraníte označenou buňku, zároveň s ní odstraníte i její obsah.
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Tabulka – TABLE, Odstranit buňky – DELETE CELLS. Jak jsme již uvedli, velmi často se setkáte s problémem odstranění celé tabulky. Pro tuto operaci je ale nejprve nutné tabulku označit. Označení
  
  rozsáhlé tabulky ale bývá velmi obtížné, proto je vhodné použít možností hlavní nabídky programu TABULKA a to pomocí příkazu VYBRAT.
  
  Obr.49 Odstraňování tabulky v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Tabulka – TABLE, Vybrat – SELECT, Vyjmout – CUT, Odstranit buňky – DELETE CELLS.
  
  Označení tabulky pro odstranění Označte tabulku, kterou chcete odstranit. Stačí, pokud do některé její buňky umístíte kurzor myši a stisknete levé tlačítko. Položka hlavní nabídky TABULKA Obsahuje příkazy pro práci s tabulkami. Podpoložka hlavní nabídky VYBRAT Pomocí této nabídky spustíte panel pro výběr části tabulek. Volba TABULKA Touto volbou označíte celou aktivní tabulku. Aktivní tabulka je ta, ve které je umístěn kurzor myši. Příkaz VYJMOUT Pomocí tohoto příkazu vyjmete – odstraníte označené buňky. Pokud je označena celá tabulka, vyjmete celou tabulku.
  
  5. 3. 4 Nastavení pozadí tabulek zobrazované tabulky. Také je možné stejné úpravy provádět s jednotlivými buňkami. Postup úpravy pozadí buněk je shodný jako postup pro úpravu pozadí celé tabulky s tím rozdílem, že označíte pouze příslušnou buňku.
  
  Doplněním obsahu tabulky o různé barvy a grafiku můžete zvýšit zajímavost prezentovaného obsahu webové stránky. Tabulce můžete přiřazovat různé barvy pozadí nebo dokonce můžete použít obrázek, který se stane podkladem
  
  65
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  Obr.50 Nastavení pozadí tabulky v aplikaci FrontPage 2002
  
  Obr.51 Panel Vlastnosti tabulky v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Tabulka – TABLE, Vlastnosti tabulky – TABLE PROPERTIES,Ohraničení – BORDERS, Pozadí – BACKGROUND, Procházet – BROWSE.
  
  Označení tabulky Označte tabulku, kterou chcete odstranit. Stačí, pokud do některé její buňky umístíte kurzor myši a stisknete levé tlačítko. Položka hlavní nabídky TABULKA Tato nabídka obsahuje veškeré příkazy pro práci s tabulkami. Podpoložka VLASTNOSTI TABULKY Pomocí této nabídky spustíte panel pro výběr částí tabulky, jejíž vlastnosti chcete upravovat. Volba TABULKA Touto volbou zobrazíte panel VLASTNOSTI TABULKY, pomocí které můžete nastavovat jednotlivé atributy pozadí tabulky nebo buňky. Panel VLASTNOSTI TABULKY Tento panel vyvoláte pomocí výše uvedeného postupu. Barva OHRANIČENÍ Pomocí tohoto rolovacího menu můžete nastavit barvu hraničních čar tabulek a jejich buněk. Barva POZADÍ Pomocí tohoto rolovacího menu můžete nastavit barvu pozadí tabulek a jejich buněk. POUŽÍT OBRÁZEK POZADÍ Zaškrtnutím tohoto přepínače aktivujete volbu pro použití obrázku jako pozadí tabulky. Tlačítko PROCHÁZET Tímto tlačítkem otevřete panel procházení soubory a složkami, kde můžete vybrat obrázek, který se stane pozadím tabulky.
  
  5. 4 NASTAVENÍ OHRANIČENÍ A VELIKOSTI TABULKY V APLIKACI FrontPage 2002
  
  66
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Pokud již máte hotovou tabulku a je naplněna obsahem, je pravděpodobné, že budete chtít dále měnit její vzhled. Tyto operace se provádí pomocí panelu
  
  Vlastnosti tabulky, který vyvoláte pomocí postupu uvedeného v kapitole 5. 3. 4 Panel VLASTNOSTI TABULKY Tento panel vyvoláte pomocí postupu uvedeného v kapitole 5. 3. 4. ZAROVNÁNÍ Pomocí rolovacího menu můžete vybrat 3 nastavení zarovnání textu v buňkách: VLEVO, VPRAVO a NA STŘED. OBTÉKÁNÍ Pomocí rolovacího menu nastavujete směr obtékání textu v buňkách tabulky. Obtékání textu je vhodné pokud buňka obsahuje obrázek a text. Opět jsou k dispozici 3 volby: VLEVO, VPRAVO a NA STŘED. Potvrzovací tlačítko OK Tímto tlačítkem potvrdíte provedené změny.
  
  Obr.51 Změna zarovnání obsahu buněk tabulky v aplikaci FrontPage 2002
  
  5. 4. 1 Změna šířky okraje tabulky Pomocí tohoto postupu můžete vytvářet „neviditelné“ tabulky. To jsou tabulky, které používáme pro lepší formátování obsahu webové stránky, ale nechceme
  
  aby se její hraniční čáry zobrazovaly v prohlížeči. Proto můžeme nastavit tloušťku ohraničení na nulu a tím skrýt takovou tabulku v prohlížeči. Panel VLASTNOSTI TABULKY Tento panel vyvoláte pomocí postupu uvedeného v kapitole 5. 3. 4. Velikost OHRANIČENÍ Pomočí šipek na konci tohoto textového pole nastavujete tloušťku ohraničujících čar tabulek a buněk. Tloušťka je v pixelech (1 pixel = přibližně 0,25 milimetru). Potvrzovací tlačítko OK Tímto tlačítkem potvrdíte provedené změny.
  
  Obr.52 Změna šířky ohraničení buněk a tabulek v aplikaci FrontPage 2002
  
  67
  
  TIP: Pokud nastavíte tloušťku ohraničení na 0, potom vytvoříte „neviditelnou“ tabulku. Tato tabulka se poté zobrazuje pouze při návrhu webové stránky, ale nezobrazuje se v prohlížeči.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 5. 4. 2 Změna velikosti buněk tabulky Velikost buněk tabulky je možné nastavovat dvěma způsoby. Prvním způsobem je nastavení pomocí kurzoru myši, kdy najedete kurzorem myši na
  
  příslušnou hraniční čáru a tažením upravujete její polohu. Druhý způsob je přesnější a umožňuje nastavit rozměry buněk s absolutní přesností. Panel VLASTNOSTI TABULKY Tento panel vyvoláte pomocí postupu uvedeného v kapitole 5. 3. 4. VÝPLŇ BUNĚK Pomocí tohoto pole můžete specifikovat vzdálenost (v pixelech) mezi obsahem buněk a okraji příslušné buňky. VZDÁLENOST BUNĚK Pomocí tohoto pole můžete specifikovat vzdálenost (v pixelech) mezi jednotlivými buňkami v tabulce. Potvrzovací tlačítko OK Tímto tlačítkem potvrdíte provedené změny.
  
  Obr.53 Změna šířky buněk tabulky v aplikaci FrontPage 2002
  
  TIP: Provedené změny se dotknou buněk v celé tabulce, pokud neoznačíte pouze některé z buněk.
  
  5. 4. 3 Změna šířky celé tabulky Dalším detailem, se kterým je nutné počítat, je to, jak se tabulka vejde na webovou stránku a jak zapadne do ostatního obsahu stránky. Pokud je to
  
  možné, vyhněte se tomu, aby uživatel při prohlížení tabulky v prohlížeči musel používat vodorovný posuvník.
  
  Obr.54 Změna šířky tabulky v aplikaci FrontPage 2002
  
  68
  
  Panel VLASTNOSTI TABULKY Tento panel vyvoláte pomocí postupu uvedeného v kapitole 5. 3. 4. ZADAT ŠÍŘKU Pokud chcete specifikovat určitou šířku tabulky (v pixelech) zaškrtněte toto políčko a do textového pole zapište požadovanou šířku. Specifikace jednotky Pokud chcete zobrazovat tabulku v pevném rozměru zaškrtněte políčko V PIXELECH. Pokud ale zvolíte políčko V PROCENTECH, docílíte toho, že se stránky vždy zobrazí dynamicky (maximalizovaně). Potvrzovací tlačítko OK Tímto tlačítkem potvrdíte provedené změny.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  69
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  6. 1 PRÁCE S OBRÁZKY V APLIKACI FrontPage 2002 Když máte webové stránky připravené a naplněné textovým obsahem a tabulkami - tyto činnosti jsme popsali v předchozích kapitolách této knihy máte možnost svoje stránky oživit pomocí obrázků. Microsoft FrontPage se snaží i tuto etapu webového publikování usnadnit. Zjistíte, že postup při umísťování obrázků na webové stránky je téměř shodný s vkládáním obrázků do dokumentů v Microsoft Wordu nebo do sešitů v Microsoft Excelu. Dříve, než začnete obrázky vkládat na své webové stránky, však musíte zvážit, čeho chcete prostřednictvím obrázků dosáhnout a jakým způsobem se k tomu dopracovat.
  
  Existuje celá řada aplikací, které pracují s obrázky. Každá vyspělejší aplikace pro úpravu obrázků většinou používá svůj vlastní výstupní formát (například aplikace Corel Draw! Používá formát CPT, který je nekompatibilní s ostatními programy), což není vždy vhodné. Existují ale „univerzální“ formáty obrázků a ty naštěstí podporuje drtivá většina programů pro práci s grafikou. Jsou to tyto: BMP – bitová mapa JPG – dynamická komprese pozadí TIF – statická komprese GIF – matricová komprese WMF – metasoubor systému Windows
  
  Obrázek jako takový je množina bodů, které mají určité parametry: -
  
  x souřadnice bodu y souřadnice bodu hloubka barev dynamizace úroveň komprese
  
  Pro použití do dokumentů je možné použít libovolný formát obrázku, ale pro použití na WWW stránky je vhodné s ohledem na rychlost přenosu informací používat vektorové obrázky z co největším poměrem komprese. Použití těchto obrázků je vhodné především s ohledem na dnešní přenosovou rychlost domácího připojení na Internet. Tato rychlost běžně dosahuje 40 – 56 kB/s, což není nikterak mnoho. Pokud tedy na webovou stránku umístíte dva obrázky o velikost 200 KB, bude návštěvník Vašich webových stránek 8 vteřin stahovat pouze obrázky, což jej jistě nepotěší. I když musíme uvést, že obrazové informace (obrázky , animace a videa) se stahují až nakonec. Také je možné v prohlížeči nastavit naskenování obrázků.
  
  Podle úrovně komprese se potom obrázky dělí. Komprese je speciální úprava rastru obrázku, kdy se body, které se liší pouze pozicí, sestavují do skupin podle příslušných vlastností bodů. Podle typu vykreslování bodů se potom obrázky dělí na dvě skupiny: -
  
  rastrové vektorové
  
  S ohledem na tyto skutečnosti používejte na Vašich webových stránkách obrázků s rozumem. Raději používejte obrázky malých rozměrů jako náhledy a pod tyto náhledy umístěte hypertextový odkaz na zdrojový obrázek. Při použití tohoto způsobu umožňujete uživateli, aby sám rozhodl, které obrázky si prohlédne a které nikoliv. …………………………………………………
  
  Rastrové obrázky jsou většinou větší (zabírají více místa), ale jsou kvalitnější a dobře se převádějí na jiné formáty. Vektorové obrázky jsou menší a většinou nejsou tak kvalitní.
  
  …….………………………………………………….
  
  70
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  6. 2 VKLÁDÁNÍ OBRÁZKŮ DO WEBOVÉ STRÁNKY umístíte na požadované místo kurzor a pomocí příkazu VLOŽIT OBRÁZEK vložíte obrázek na požadované místo. ………………………………………….
  
  Jestliže jste již pracovali s textovým editorem Microsoft Word a vkládali jste do dokumentů obrázky, zjistíte, že v aplikace FrontPage se postupu téměř stejným způsobem. Ve většině případů klepnutím myši na webovou stránku
  
  Obr.55 Vložení obrázku do webové stránky v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Obrázek – PICTURE, KlipArt – CLIP ART, Ze souboru – FROM FILE. Importovat – IMPORT, Vložit obrázek ze souboru – INSERT PICTURE FROM FILE.
  
  71
  
  Pozice kurzoru Na tuto pozici se obrázek vloží. Kurzorem je možné pohybovat pomocí myši nebo pomocí klávesnice (směrové šipky). Položka hlavní nabídky VLOŽIT Tato nabídka obsahuje příkazy pro vkládání různých objektů do aktuálně otevřené webové stránky. Položka OBRÁZEK Pomocí této podnabídky můžete do aktuálně otevřené webové stránky, na pozici kurzoru, vkládat obrázky. Volba KLIPART Touto volbou vložíte na pozici kurzoru obrázek formátu WMF. Jsou to obrázky upravené pro publikování na WWW stránkách (mají malou velikost). Volba ZE SOUBORU Touto volbou vložíte na pozici kurzoru jakýkoliv obrázek, který máte uložen na pevném disku Vašeho počítače, nebo ze sítě, pokud znáte jeho URL adresu. Pokud chcete použít obrázek obsažený na pevném disku Vašeho počítače, je vhodné jej nejprve IMPORTOVAT do webového místa. Vyhnete se tak mnohým problémům při publikování WWW stránek, protože budete mít jistotu, že obrázek je součástí webového místa a publikuje se současně s webovým místem. VLOŽIT OBRÁZEK ZE SOUBORU Tato ikona má stejnou funkci jako volba ZE SOUBORU, která je popsána v předchozím bodu .
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  6. 3 ZMĚNA VELIKOSTI A OŘEZÁVÁNÍ OBRÁZKŮ Pokud chcete obrázky, které publikujete na svých webových stránkách, ořezat nebo změnit jejich velikost, bývá vždy lepší, pokud tak učiníte v některém specializovaném programu pro úpravu obrázků, protože máte jistotu, že
  
  upravované obrázky neztratí kvalitu nebo nebudou zkreslené. Nicméně můžete drobné úpravy provádět i pomocí aplikace FrontPage.
  
  Obr.56 Ořezání a změna velikosti obrázku v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Obrázek – PICTURE, Obrázky – PICTURES, Zobrazit – VIEW, Panely nástrojů – TOOLBARS, Oříznout – CROP.
  
  72
  
  Označený OBRÁZEK Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Že je obrázek označený poznáte také podle toho, že se kolem jeho okraje vytvoří orámování, ve kterém je 8 korekčních uchopovacích bodů pro změnu velikosti a polohy obrázku. Korekční uchopovací bod Pomocí těchto bodů můžete měnit velikost obrázků. Stačí, pokud na některý z těchto bodů umístíte kurzor myši, který se změní na černou oboustrannou šipku, stisknete levé tlačítko a podržíte jej a potom pouhým tažením myši obrázek zmenšujete nebo zvětšujete v požadovaném směru. Panel OBRÁZKY Tento panel se zobrazí po označení nějakého obrázku. Pokud se nezobrazí, můžete ho vyvolat pomocí položky hlavní nabídky programu ZOBRAZIT volbou PANELY NÁSTROJŮ a dále klepnutím na položku OBRÁZKY. Příkaz OŘÍZNOUT Pomocí tohoto příkazu se v ploše obrázku zobrazí doplňkový rám s korekčními uchopovacími body pro ořezávání obrázků. Korekční uchopovací bod pro ořezání obrázku Jejich použití je shodné jako v bodě 2. Po korekci velikosti potvrďte stiskem ENTER TIP: Pokud změníte přetažením myši velikost obrázku, aplikace FrontPage automaticky upraví rozlišení nového obrázku a také změní jeho „skutečnou velikost“ na disku. Platí pouze pro KlipArty!!!
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  6. 4 KOPÍROVÁNÍ A PŘESUNOVÁNÍ VLOŽENÝCH OBRÁZKŮ Pokud vložíte do webové stránky nějaké obrázky, můžete zjistit, že některý z obrázků na webovou stránku nezapadl tak, jak jsme si představovali. V aplikaci FrontPage však můžete s obrázkem snadno pohybovat (přetažením
  
  myši na nové místo), případně jej zkopírovat a vložit jinam. Také můžete pomocí kopírování jeden obrázek na webovou stránku vložit vícekrát.
  
  Obr.57 Kopírování a přesunování obrázku v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Úpravy – EDIT, Kopírovat – COPY, Vložit – PASTE, Vyjmout – CUT, Klávesové zkratky jsou shodné v obou verzích programu.
  
  73
  
  Označený OBRÁZEK Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Že je obrázek označený poznáte také podle toho, že se kolem jeho okraje vytvoří orámování, ve kterém je 8 korekčních uchopovacích bodů pro změnu velikosti a polohy obrázku. Položka hlavní nabídky ÚPRAVY Tato nabídka obsahuje příkazy pro práci s různými objekty vloženými do aktuálně otevřené webové stránky. Příkaz KOPÍROVAT Pomocí tohoto příkazu zkopírujete označený obrázek do schránky (klipboardu) a poté vložit do libovolného místa na stránce. Nová pozice kurzoru Do tohoto místa se vloží kopie označeného obrázku, kterou jste vytvořili ve schránce pomocí příkazu Kopírovat. Příkaz VLOŽIT Pomocí tohoto příkazu vložíte zkopírovaný obrázek do libovolného místa na stránce. Toto místu určuje pozice kurzoru Příkaz VYJMOUT pro přesun obrázku Pokud použijete tento příkaz, tak se zdrojový obrázek odstraní a jeho kopie se vloží do schránky. Poté umístíte kurzor na požadované místo a příkazem Vložit jej přesunete na toto nové místo. TIP: Místo příkazů hlavní nabídky programu KOPÍROVAT a VLOŽIT můžete použít jejich klávesové zkratky: Kopírovat – CTRL + C, Vložit – CTRL + V.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  6. 5 ZAROVNÁNÍ OBRÁZKŮ A TEXTU Jakmile máte umístěný obrázek na webové stránce podle Vašeho přání a také máte upravenou jeho velikost, je potřeba jej správně umístit v textu. Aplikace
  
  FrontPage umožňuje obrázky obtékat textem, to znamená, že dokáže umisťovat obrázky do přesně určených míst na stránce a přidávat k nim text.
  
  Obr.58 Pozice obrázku a textu v aplikaci FrontPage 2002
  
  Označený OBRÁZEK Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Panel OBRÁZKY – příkaz TEXTOVÉ Tento panel se zobrazí po označení nějakého obrázku. Pomocí tohoto příkazu se do označeného obrázku vloží textové pole, do něhož je možné vkládat textové popisky. TEXTOVÉ POLE Do tohoto textového pole můžete vkládat popisky obrázku. Pole je ohraničeno korekčními uchopovacími body pro změnu velikosti a umístění popisku. Panel VLASTNOSTI OBRÁZKU Tento panel vyvoláte tak, že na označený obrázek dvakrát rychle klepnete levým tlačítkem myši. Volba ŽÁDNÉ Touto volbou nastavíte automatické obtékaní textu kolem obrázku. Automatické znamená to, že FrontPage sám rozhodne o umístění textu a obrázku. Volba VLEVO Touto volbou nastavíte obtékaní textu kolem obrázku zleva. Volba VPRAVO Touto volbou nastavíte obtékaní textu kolem obrázku zprava.
  
  Obr.59 Nastavení obtékání textu v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Obrázky – PICTURES, Textové – TEXT, Vlastnosti Obrázku – PICTURE PROPERTIES, Žádné – NONE, Vlevo – LEFT, Vpravo – RIGHT.
  
  74
  
  TIP: Většiny efektů při zarovnávání textu a obrázků dosáhnete umístěním textu a obrázku do různých buněk „neviditelné“ tabulky.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  6. 6 POUŽITÍ OBRÁZKU JAKO HYPERTEXTOVÉHO ODKAZU obrázek klepne myší, přejde k webové stránce nebo místu, které je k obrázku připojeno.
  
  Obrázky mohou na webových stránkách sloužit nejen jako oživení, ale lze k nim připojit i hypertextový odkaz. Když tedy návštěvník webové stránky na
  
  Obr.60 Nastavení hypertextového odkazu obrázku v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Obrázek – PICTURE, Hypertextový odkaz – HYPERLINK, Vložit hypertextový odkaz – CREATE HYPERLINK, Vložit – INSERT.
  
  75
  
  Označený OBRÁZEK Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Vyvolání místní nabídky obrázku Na označený obrázek umístěte kurzor myši a jednou stiskněte pravé tlačítko myši. Příkaz HYPERTEXTOVÝ ODKAZ Pomocí tohoto příkazu vyvoláte panel Vložit hypertextový odkaz. VLOŽIT HYPERTEXTOVÝ ODKAZ Pomocí tohoto panelu můžete obrázku nastavovat cíl hypertextového odkazu. Cílem mohou být stránky, místo na stránce, soubor nebo webové místo (pokud znáte URL adresu webového místa). Cíl hypertextového odkazu Pokud vyberete zdrojové místo hypertextového odkazu (například importem do Vašeho webového místa), zobrazí se seznam aktuálních položek cílového místa. Označením některé položky (na její název stačí jednou klepnout levým tlačítkem myši – vybarví se modrou barvou) nastavíte cíl hypertextového odkazu. Potvrzovací tlačítko OK Pokud jste v předchozích krocích vybrali nějaký soubor, stránku nebo místo, kterou chcete použít jako cíl hypertextového odkazu, stiskněte toto tlačítko. TIP: Existující hypertextový odkaz můžete upravovat tak, že označíte obrázek, v hlavní nabídce programu VLOŽIT zvolíte volbu HYPERTEXTOVÝ ODKAZ. V panelu potom nastavíte novou cestu k cíli hypertextového odkazu.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  6. 7 CITLIVÉ - AKTIVNÍ OBRÁZKY Většina obrázků s hypertextovými odkazy ukazuje na jedinou URL adresu (cílové místo hypertextového odkazu), je možné však použít i obrázky s tzv. citlivými místy, které ukazují na více různých adres. Takto lze vytvořit
  
  například obrázek mapy a z jednotlivých oblastí na mapě vytvořit citlivá místa. Klepnutím na určitou citlivou oblast se pak může zobrazit například webová stránka o této oblasti. …………………………………………………………... Označený OBRÁZEK Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Panel OBRÁZKY – příkazy pro zadání TVARU CITLIVÉHO MÍSTA Tento panel se zobrazí po označení nějakého obrázku. Pomocí ikon zvolte tvar citlivého místa: • • •
  
  Obr.61 Vytvoření citlivého místa obrázku v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Obrázky – PICTURES, Aktivní místo – HOTSPOT, Obdélníkový aktivní bod – RECTANGULAR HOTSPOT, Kruhový aktivní bod – CIRCULAR HOTSPOT, Mnohoúhelníkový aktivní bod – POLYGONAL HOTSPOT,Upravit hypertextový odkaz – EDIT HYPERLINK.
  
  76
  
  OBDÉLNÍKOVÝ AKTIVNÍ BOD KRUHOVÝ AKTIVNÍ BOD MNOHOÚHELNÍKOVÝ AKTIVNÍ BOD Aktivní – citlivé místo Pomocí kurzoru myši nakreslete výsledný tvar citlivého místa do označeného obrázku. Po vytvoření citlivého místa se automaticky spustí panel Upravit hypertextový odkaz. Panel UPRAVIT HYPERTEXTOVÝ ODKAZ Pomocí tohoto panelu můžete obrázku nastavovat cíl hypertextového odkazu. Cíl hypertextového odkazu Označením některé položky (na její název stačí jednou klepnout levým tlačítkem myši – vybarví se modrou barvou) nastavíte cíl hypertextového odkazu. Potvrzovací tlačítko OK Pokud jste v předchozích krocích vybrali nějaký soubor, stránku nebo místo, kterou chcete použít jako cíl hypertextového odkazu, stiskněte toto tlačítko.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 6. 7. 1 Změna velikosti citlivého místa Často se setkáte s problémem změny velikosti aktivního – citlivého místa obrázku. Tento problém je možné velmi snadno vyřešit dvěma způsoby.
  
  Prvním způsobem je odstranění stávajícího citlivého místa a nahrazení novým. Druhým způsobem je změna jeho velikosti. ………………………………
  
  Obr.62 Změna velikosti citlivého místa obrázku v aplikaci FrontPage 2002
  
  Označený OBRÁZEK s citlivým místem Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Jednak označíte obrázek, ale také aktivujete korekční uchopovací body citlivého místa. Korekční uchopovací body citlivého místa Pomocí těchto bodů můžete měnit geometrii aktivního – citlivého místa obrázku. Stačí pokud na některý z těchto bodů umístíte kurzor myši, ten se změní na černou čtyřšipku. Stisknete levé tlačítko a podržíte jej. Potom pouhým tažením myši upravíte polohu bodu.
  
  6. 7. 2 Odstranění citlivého místa Odstranění citlivého místa je stejné jako odstranění jakéhokoliv jiného objektu umístěného na webové stránce. Nejprve citlivé místo označíme a stiskem
  
  klávesy DELETE odstraníme. Spolu s citlivým místem se odstraní i hypertextový odkaz. …………………………………………………………… Označený OBRÁZEK s citlivým místem Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Jednak označíte obrázek, ale také aktivujete korekční uchopovací body citlivého místa. Odstranění citlivého místa Pokud je aktivní – citlivé místo označeno (je orámováno korekčními uchopovacími body) stiskněte klávesu DELETE a dojde k jeho odstranění.
  
  Obr.63 Odstranění citlivého místa obrázku v aplikaci FrontPage 2002
  
  77
  
  TIP: Změna polohy citlivého místa je velmi snadná. Citlivé místo označte a přesuňte kurzor myši do středu označeného citlivého místa. Stiskněte levé tlačítko myši a podržte jej. Potom pouhým tažením myši měníte polohu citlivého místa v obrázku.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  6. 8 ALTERNATIVNÍ REPREZENTACE OBRÁZKŮ Při vytváření webové stránky musíte mít stále na paměti, že potenciální návštěvníci prohlížejí WWW stránky mnoha způsoby. Někteří si prohlížejí pouze textové údaje, čímž výrazně snižují dobu načítání webové stránky do prohlížeče. Jiný návštěvník používá starší typ prohlížeče s nízkým rozlišením.
  
  Pokud tedy návštěvníkům nabídnete svoje obrázky i v textových verzích, či ve verzích s nižším rozlišením, umožníte jim získat představu o grafickém obsahu i při zachování jejich zvyků. ………………………………………………..
  
  Obr.64 Alternativní reprezentace obrázku v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Vlastnosti obrázku – PICTURE PROPERTIES, Obecné – GENERAL, Text – TEXT, Nízké rozlišení – LOW-RES, Procházet – BROWSE.
  
  78
  
  Označený OBRÁZEK Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Vyvolání místní nabídky obrázku Na označený obrázek umístěte kurzor myši a jednou stiskněte pravé tlačítko myši. Příkaz VLASTNOSTI OBRÁZKU Pomocí tohoto příkazu vyvoláte panel Vlastnosti obrázku, který slouží také pro nastavení alternativní reprezentace obrázku. Panel VLASTNOSTI OBRÁZKU Pomocí myši se přepněte na záložku OBECNÉ. Na této záložce jsou možnosti nastavení alternativní reprezentace. Textové pole TEXT Do tohoto pole můžete zadat alternativní text, který se zobrazí při načítání obrázku do prohlížeče, nebo v případě kdy má uživatel vypnuté zobrazování obrázku v prohlížeči. Pole NÍZKÉ ROZLIŠENÍ Pomocí tlačítka PROCHÁZET můžete vyhledat alternativní obrázek s nízkým rozlišením (musíte jej nejprve vytvořit pomocí programu pro úpravu grafiky a neimportovat do Vašeho webového místa), který se bude zobrazovat jako alternativní. Potvrzovací tlačítko OK Pokud jste v předchozích krocích nastavili alternativní reprezentace označeného obrázku a chcete tyto změny použít, klepněte na toto tlačítko.. TIP: Panel Vlastnosti obrázku můžete vyvolat také pomocí klávesové zkratky – ALT + ENTER.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  6. 9 ZVLÁŠTNÍ EFEKTY OBRÁZKŮ V aplikaci FrontPage můžete měnit vlastnosti libovolného obrázku na webové stránce. Můžete například obrázkům nastavovat průhlednost, přesně je zarovnat na stránce nebo je uzavřít do rámečku. Ukážeme si, jak udělat
  
  obrázek průhledný. Označený OBRÁZEK Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. NASTAVIT PRŮHLEDNOU BARVU Pomocí tohoto příkazu můžete vybranou barvu nastavit jako průhlednou. Výběr barvy Přesuňte kurzor myši do označeného obrázku a jednou klepněte levým tlačítkem na tu barvu obrázku, kterou chcete nastavit jako průhlednou.
  
  Obr.65 Vytvoření průhledného obrázku v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Obrázky – PICTURES, Nastavit průhlednou barvu – SET TRANSPARENT COLOR.
  
  TIP: Pokud není barva souvislá (je v několika odstínech), klepejte myší na jednotlivé odstíny tak dlouho, až zmizí všechny odstíny a obrázek je průhledný.
  
  6. 9. 1 Otočení obrázku Označený OBRÁZEK Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Panel OBRÁZKY – příkazy pro zadání SMĚRU ROTACE obrázku Tento panel se zobrazí po označení nějakého obrázku. Pomocí ikon zvolte směr rotace obrázku: • • • •
  
  Obr.66 Otočení obrázku v aplikaci FrontPage 2002
  
  79
  
  OTOČIT DOLEVA OTOČIT DOPRAVA PŘEKOPIT SVISLE PŘEKLOPIT VODOROVNĚ
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 6. 9. 2 Orámování obrázku Obrázky vložené do webové stránky je také možné doplnit o rámečky. Zvláště vhodné je to u průhledných obrázků, kdy není jasné, kde jeden obrázek začíná a druhý končí. Nicméně stále doporučujeme všechny závažnější změny v
  
  grafice obrázků provádět v některém specializovaném grafickém programu.
  
  Označený OBRÁZEK Obrázek označíte tak, že na něj jednou klepnete levým tlačítkem myši. Vyvolání místní nabídky obrázku Na označený obrázek umístěte kurzor myši a jednou stiskněte pravé tlačítko myši. Příkaz VLASTNOSTI OBRÁZKU Pomocí tohoto příkazu vyvoláte panel Vlastnosti obrázku, který slouží také pro nastavení alternativní reprezentace obrázku. Panel VLASTNOSTI OBRÁZKU Pomocí myši se přepněte na záložku VZHLED. Na této záložce jsou možnosti nastavení orámování obrázku. TLOUŠŤKA OHRANIČENÍ Pomocí tohoto pole zadáváte tloušťku hraniční čáry orámování obrázku. Pokud je hodnota nastavena na nulu – pak žádné orámování není patrné. Tloušťka orámování je uvedena v pixelech (1 pixel = přibližně 0,25 milimetru). Potvrzovací tlačítko OK Pokud jste v předchozích krocích nastavili tloušťku ohraničení označeného obrázku a chcete tuto změnu použít, klepněte na toto tlačítko. Obr.67 Orámování obrázku v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vlastnosti obrázku – PICTURE PROPERTIES, Vhled – APPEREANCE, Tloušťka ohraničení – BORDER THICKNESS.
  
  80
  
  TIP: Kontrast a jas obrázků můžete zvýšit nebo snížit pomocí tlačítek KONTRAST a JAS na panelu nástrojů OBRÁZKY.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  81
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  7. 1 PRÁCE S RÁMY V APLIKACI FrontPage 2002 Stránky s rámy umožňují rozdělit okno webového prohlížeče do několika samostatných „panelů", neboli rámů, což nám dává možnost zobrazit na obrazovce více než jeden dokument HTML najednou. Takto můžete v jednom rámu zobrazit například přehled obsahu vašeho webového místa, zatímco v druhém rámu budou zobrazovány různé webové stránky, které si návštěvník webového místa vyžádá.
  
  Obr.69 Posunutá WWW stránka s rámem Při vytváření stránek s rámy je třeba popsat, jakým způsobem mají být rámy ve webovém prohlížeči zobrazeny. Ke každému rámu pak přiřadíte hypertextový odkaz na příslušný dokument HTML - tedy vlastní webovou stránku - kterou by měl webový prohlížeč v tomto rámu zobrazit. Obr.68 WWW stránky s rámem
  
  Samotná stránka s rámy, stejně jako ostatní stránky, je dokumentem v HTML. Stránku s rámy si tedy návštěvník webového místa zobrazí tak, že prostě klepne na hypertextový odkaz na tuto stránku. Stránku s rámy si může návštěvník zobrazit i nepřímo, například tak, že přejde na webové místo, u nějž stránka s rámy tvoří domovskou stránku. Když uživatel požádá o zobrazení stránky s rámy (ať už přímo, nebo nepřímo), webový server pošle webovému prohlížeči uživatele nejprve vlastní stránku s rámy, za kterou následují jednotlivé dokumenty HTML, které představují obsah rámů na stránce.
  
  Použití rámů má tu výhodu, že určitá část okna prohlížeče nestále zůstává na stejném místě i když se ostatní části stránky pohybují nahoru či dolů. Situace je patrná z níže uvedeného obrázku. Je na něm zobrazena stejná webová stránka jako na obrázku 68 s tím rozdílem, že vlastní část okna je posunuta dolů. Nicméně titulek okna s názvem stránky je stále na stejném místě.
  
  82
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  7. 2 VYTVOŘENÍ WEBOVÉ STRÁNKY S RÁMY Stránku s rámy můžete vytvořit tak, že v dialogovém okně NOVÝ zvolíte některou ze šablon stránek, které obsahují rámy. Aplikace FrontPage obsahuje mnoho možností rozložení rámů na stránce, z nichž si můžete vybrat tu, která
  
  Vám nejvíce vyhovuje. Po vytvoření webové stránky obsahující rámy ze šablony, stačí pouze specifikovat, jaké stránky se mají do rámů umístit.
  
  Obr. 70 Vytvoření stránky s rámy v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Soubor – FILE, Nový – NEW, Stránka – PAGE, Šablony stránek – zobrazuje se NEW, Stránky rámců – FRAMES PAGES, Náhled – PREVIEW.
  
  83
  
  Položka hlavní nabídky SOUBOR Tato nabídka obsahuje příkazy pro vkládání nových stránek ze šablon do aktuálně otevřeného webového místa. Položka NOVÝ Pomocí této podnabídky můžete do aktuálně otevřeného webového místa vkládat nové stránky ze šablon Volba STRÁNKA Touto volbou vložíte do otevřeného webového místa novou stránku. Její podobu si můžete vybrat z nabízených šablon. Volba ŠABLONY STRÁNEK Klepnutím na tuto položku doplňující nabídky spustíte panel Šablony stránek. Panel ŠABLONY STRÁNEK Pomocí panelu můžete do aktuálně otevřeného webového místa vkládat nové stránky ze šablon. V tomto panelu se myší přepnete na záložku STRÁNKY RÁMCŮ. Šablona stránky V tomto poli můžete vybrat šablonu, kterou vložíte do otevřeného webového místa. Pokud jednou klepnete levým tlačítkem myši na některou z ikon představujících šablony stránek, v pravé dolní části panelu se zobrazí NÁHLED rozložení jednotlivých rámů. Pokud máte označenou některou ze šablon (její název je vybarven modrou barvou), stiskněte potvrzovací tlačítko OK. TIP: Postup ve verzi FrontPage 2000 je trochu jiný: klepněte na položku FILE potom NEW, dále zvolte podpoložku PAGE. Dojde ke spuštění panelu NEW, potom již postupujte stejně jako v uvedeném příkladě od bodu 5.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 7. 2. 1 Vložení nové webové stránky do rámu Pokud jste tedy vytvořili novou stránku, která obsahuje rámce je vhodné ji ihned uložit. To provedete tak, že v hlavní nabídce programu SOUBOR vyberete položku ULOŽIT JAKO a stránku uložíte pod jménem do Vašeho
  
  webového místa. Nyní můžete jednotlivé rámce naplňovat obsahem. Jsou možné dvě cesty. První cestou je ruční naplnění obsahu rámce tak, jak byste postupovali při vytváření jakékoliv jiné webové stránky. …………………… Panel zobrazení – STRÁNKA Pomocí této ikony zobrazíte seznam souborů a složek otevřeného webového místa. Na ikonu stačí jednou klepnout levým tlačítkem myši. Aktuální soubor s rámy V seznamu souborů a složek jednou klepněte levým tlačítkem myši na soubor s rámy, který chcete označit (a tím také editovat). Tlačítko NOVÁ STRÁNKA Klepnutím na toto tlačítko vytvoříte novou čistou webovou stránku, kterou můžete upravovat naprosto stejně jako jakoukoliv jinou webovou stránku. Práce s takto vytvořenou stránkou (ukládání, přejmenování a kopírování) je shodná jako u obyčejné stránky. Tlačítko NOVÁ STRÁNKA Klepnutím na toto tlačítko vytvoříte novou čistou webovou stránku, kterou můžete upravovat naprosto stejně jako jakoukoliv jinou webovou stránku. Práce s takto vytvořenou stránkou (ukládání, přejmenování a kopírování) je shodná jako u obyčejné stránky.
  
  Obr. 71 Vytvoření nové stránky jako rámu v aplikaci FrontPage 2002 TIP: Když klepnete na záložku BEZ RÁMŮ, můžete vytvořit nouzovou verzi stránky, která se bude zobrazovat uživatelům s prohlížeči, které neumožňují zobrazení rámů (Internet Explorer verze 3 a nižší).
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Stránka – PAGE, Nová stránka – NEW PAGE, Bez rámů – NO FRAME.
  
  84
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 7. 2. 2 Vložení existující webové stránky do rámu Dalším způsobem vytvoření obsahu webové stránky v rámci je ten, že můžeme do rámce vložit již existující webovou stránku. Vkládaná stránka tedy musí existovat a být uložená ve Vašem webovém místě. Při volbě názvů jednotlivých webových stránek tvořících obsah rámců doporučujeme používat jasné a výstižné názvy, aby nedošlo k odstranění obsahu rámce.
  
  85
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  7. 3 ULOŽENÍ WEBOVÉ STRÁNKY S RÁMY
  
  Dalším způsobem vytvoření obsahu webové stránky v rámci je ten, že můžeme do rámce vložit již Panel zobrazení – STRÁNKA existující webovou stránku. Vkládaná stránka tedy musí existovat a být uložená ve Vašem webovém ikony zobrazítecelkem seznam souborůtři Pokud jste tedy vytvořili stránku obsahují rámce a tyto rámce naplnili 71, pak budetePomocí této ukládat místě. Při volbě názvů jednotlivých webových stránek tvořících obsah rámců doporučujeme používat a složek otevřeného webového místa. Na obsahem – tzn. vytvořili nebo vložili jste do rámců webové stránky, je nutné soubory.…………………………………………………… jasné a výstižné názvy, aby nedošlo k odstranění obsahu rámce. ikonu stačí jednou klepnout levým tlačítkem uložit celou stránku s rámy a to včetně jednotlivých stránek vložených myši. v rámech. Pokud tedy vytvoříte stránku, která obsahuje dva rámy viz. obr. Aktuální soubor s rámy Aktivní rám V seznamu souborů a složek jednou klepněte Klepnete levým tlačítkem myši do rámu , levým tlačítkem myši na soubor s rámy, který chcete označit jako aktivní. Rám se který chcete označit (a tím také editovat). zvýrazní modrým orámováním. Tlačítko NASTAVIT POČÁTEČNÍ Položka hlavní nabídky SOUBOR STRÁNKU Tato nabídka obsahuje příkazy pro ukládání Klepnutím na toto tlačítko spustíte panel nových stránek do aktuálně otevřeného VLOŽIT HYPERTEXTOVÝ ODKAZ, webového místa. pomocí kterého nastavíte cílovou stránku, Položka ULOŽIT která se má v rámci JAKO zobrazit. Pomocí této položky vyvoláte dialogové Vloženou webovou stránku můžete dále okno pro naprosto ukládání stejně webové do upravovat jakostránky jakoukoliv aktuálně otevřeného webového místa. jinou webovou stránku. Okno ULOŽITHYPERTEXTOVÝ JAKO Panel VLOŽIT ODKAZ Pomocí tohoto okna můžete zadatwebovou název a V tomto panelu vyberete existující umístění webové stránky, kteráv je vložena stránku, která se nalézá otevřeném vwebovém rámci. místě. Pole NÁZEV SOUBORU Do tohoto pole napište Cílová stránka rámce název webové stránky vložené do rámce. V seznamu vyberte stránku, která se má Potvrzovací tlačítko ULOŽIT vložit jako obsah rámce. Pokud jste v předchozích krocích vybrali Označíte ji tak, že na její název v seznamu vložené do příslušný název webové stránky souborů a složek webového místa jednou rámce pro uložení, stiskněte toto tlačítko. klepnete levým tlačítkem myši (název se vybarví modrou barvou). Potvrzovací tlačítko OK Pokud jste v předchozích krocích vybrali nějakou stránku, stiskněte toto tlačítko. Obr. 72 Vložení existující stránky do rámu v aplikaci FrontPage 2002 TIP: Obr. 73 Uložení vložené stránky do rámu v aplikaci FrontPage 2002 Do textového pole NÁZEV SOUBORU nemusíte zadávat přípony souborů. Pokud chcete stránku uložit Poznámka: Poznámka: jako klasickou webovou stránku (výchozí nastavení), V V anglické anglické verzi verzi programu programu se se jedná jedná oo příkazy: příkazy: tak aplikace FrontPage automaticky k ukládanému Soubor Uložit jako – počáteční SAVE AS…, Název –souboru – FILE NAME, Stránka – –FILE, PAGE, Nastavit stránku SET INITIAL PAGE, Uložit Vložit souboru přidá příponu HTM. SAVE. hypertextový odkaz – CREATE HYPERLINK.
  
  86
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  7. 4 ROZDĚLOVÁNÍ A ODSTRAŇOVÁNÍ RÁMŮ Jestliže Vámi vytvořené rámy nevypadají tak, jak jste chtěli, nebo nabízené šablony nejsou podle Vašich představ, můžete je snadno dále rozdělovat rámy do dalších tvarů. Také je možné nepotřebné rámy odstranit a potom nahradit
  
  rámy novými. Všechny příkazy pro práci s rámy naleznete v položce hlavní nabídky programu RÁMCE. …………………………………………………. Aktivní rám Klepnete levým tlačítkem myši do rámu , který chcete označit jako aktivní. Rám se zvýrazní modrým orámováním. Položka hlavní nabídky RÁMVE Tato nabídka obsahuje příkazy pro práci s rámy vloženými do webové stránky. Položka ROZDĚLIT RÁMEC Pomocí této položky vyvoláte dialogové okno Rozdělit rámec, ve kterém můžete specifikovat typ rozdělení Okno ROZDĚLIT RÁMEC V tomto okně můžete určit zda chcete označený rámec rozdělit na sloupce či na řádky. ROZDĚLIT DO SLOUPCŮ Pokud zatrhnete tuto volbu, bude označený rámec rozdělen na dva symetrické sloupce. ROZDĚLIT DO ŘÁDKŮ Pokud zatrhnete tuto volbu, bude označený rámec rozdělen na dva symetrické řádky. Položka ODSTRANIT RÁMEC Pomocí této položky vymažete aktivní (označený) rámec z webové stránky.
  
  Obr. 74 Rozdělování a odstraňování rámů v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Soubor – FILE, Rozdělit rámec – SPLIT FRAME, Rozdělit do sloupců – SPLIT INTO COLUMNS, Rozdělit do řádků – SPLIT INTO ROWS. Odstranit rámec – DELETE FRAME.
  
  87
  
  TIP: Rámec můžete odstranit také tak, že jej označíte pomocí levého tlačítky myši a stisknete klávesu DELETE. Také je možné odstranit více rámců naráz. To provedete tak, že pomocí kurzoru myši označíte jeden rámec, potom stisknete klávesu CTRL kterou podržíte a kurzorem myši označíte další rámec nebo rámce. Potom již stačí aplikovat výše uvedený postup.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  7. 5 ÚPRAVA STRÁNEK S RÁMY I po vytvoření odpovídajících rámů můžete dále stránku upravovat. Je možné například upravit nebo změnit velikost rámů na stránce, nebo je možné změnit URL vložené stránky. Také můžete dodatečně změnit uspořádání jednotlivých
  
  vložených
  
  Obr. 75 Úprava rámů v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Rámce – FRAME, Vlastnosti rámce –FRAME PROPERTIES, Název – NAME, Velikost rámce – FRAME SIZE, Okraje – MARGINS, Stránka rámců – FRAMES PAGE, Zobrazit ohraničení – SHOW BORDERS.
  
  88
  
  rámců.……………………………………………………………..
  
  Aktivní rám Klepnete levým tlačítkem myši do rámu , který chcete označit jako aktivní. Rám se zvýrazní modrým orámováním. Položka hlavní nabídky RÁMCE Tato nabídka obsahuje příkazy pro práci s rámy vloženými do webové stránky. Volba VLASTNOSTI RÁMCE Pomocí této volby vyvoláte dialogové okno Vlastnosti rámce. Okno VLASTNOSTI RÁMCE Pomocí tohoto okna můžete přizpůsobovat vzhled a uspořádání aktivního rámce. NÁZEV Pomocí tohoto textového pole můžete zadat nový název rámce. VELIKOS T RÁMCE Pomocí těchto přepínačů můžete nastavovat velikost rámce v horizontální i vertikálním směru. OKRAJE Těmito přepínači nastavujete vzdálenost (v pocelech) vloženého obsahu rámce od jeho okrajů a jak šířku tak i výšku odsazení. STRÁNKA RÁMCŮ Pomocí tohoto tlačítka spustíte dialogové okno VLASTNOSTI STRÁNKY, kde přejděte na záložku RÁMCE. ZOBRAZIT OHRANIČENÍ Toto zaškrtávací tlačítko umožní skrytí dělících čar mezi jednotlivými rámci. Tato volba je obzvláště efektní a má mnoho použití.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  7. 6 NASTAVENÍ CÍLOVÝCH RÁMŮ Když návštěvník webové stránky klepne na nějaký hypertextový odkaz uvnitř rámu, může dojít k několika situacím, které máte možnost pomocí aplikace
  
  FrontPage specifikovat. Konkrétně je možné určit, zda se má nový HTML dokument zobrazit ve stejném rámu, v novém rámu nebo v samostatném okně.
  
  Obr. 76 Nastavení cílových rámů v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vlastnosti stránky – PAGE PROPERTIES, Obecné – GENERAL,Výchozí cílový rámec – DEFAULT TARGET FRAME, Cílový rámec – TARGET FRAME, Společné cíle – COMMON TARGETS.
  
  89
  
  Aktivní rám Klepnete levým tlačítkem myši do rámu, který chcete označit jako aktivní. Rám se zvýrazní modrým orámováním. Vyvolání místní nabídky rámce Na označený rámec umístěte kurzor myši a jednou stiskněte pravé tlačítko myši. Příkaz VLASTNOSTI STRÁNKY Pomocí tohoto příkazu vyvoláte dialogové okno Vlastnosti stránky odkaz. VLASTNOSTI STRÁNKY Pomocí tohoto panelu můžete nastavovat nejrůznější vlastnosti webové stránky. Mimo jiné lze ale také nastavovat cílové rámce. Záložka OBECNÉ Pomocí kurzoru myši zobrazte záložku Obecné (jednou na její název klepněte levým tlačítkem myši). VÝCHOZÍ CÍLOVÝ RÁMEC Pomocí tohoto tlačítka spustíte dialogové okno Cílový rámec. Okno CÍLOVÝ RÁMEC Pomocí tohoto okna můžete nastavit postupně čtyři možnosti zobrazení vložené stránky do rámce. SPOLEČNÉ CÍLE Ze seznamu vyberte požadovaný cílový rám. Váš výběr potvrďte stiskem tlačítka OK v okně Cílový rámec a Vlastnosti stránky. TIP: Cílový rám pro formuláře je možné specifikovat stejným způsobem, jakým se určuje cílový rám pro stránky.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  90
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  8. 1 KOMPONENTY DHTML V APLIKACI FrontPage 2002 Komponenty FrontPage představují jeden z nejdůležitějších nástrojů Microsoft FrontPage. I lidé s minimálními nebo žádnými zkušenostmi s programováním počítačů mohou pomocí komponent FrontPage vytvářet interaktivní webová místa a webová místa s automatickou aktualizací. Komponenty FrontPage dokážou automatizovat takové úkony, jako je zobrazování počtu uživatelů, kteří vaše webové místo navštívili, nebo měnit obrázky na stránkách nebo hypertextové odkazy k určitému datu. Složitější komponenty FrontPage ve formulářových stránkách (popsaných v další kapitole) umí přikázat serveru, aby znovu zobrazil uživatelem zadané údaje, jednodušší komponenty provádějí prostší záležitosti, jako je vkládání navrženého obsahu. Některé komponenty jsou statické a čekají na vstup od uživatele. (Tímto způsobem pracuje například komponenta Confirmation Field.) Jiné jsou dynamické a dokážou se automaticky měnit při každém dalším požadavku na stránku od uživatele. (Tímto způsobem pracuje komponenta Hit Counter.) FrontPage umí pracovat rovněž s webovými komponentami z Microsoft Obce, s jejichž pomocí můžete do svých webových stránek vkládat i interaktivní tabulky, diagramy a grafy Aniž byste na své webové místo nějaké komponenty FrontPage sami vložili, téměř každý web z FrontPage pravděpodobně nějaké již obsahuje. Jestliže jste například webové místo vytvořili za použití některého z průvodců FrontPage, FrontPage do něj při vytváření několik komponent vložil automaticky. Většinu z komponent FrontPage na svých webových spánkách poznáte podle ikony robota, která se objeví, když nad komponentou přejedete myší.
  
  • • •
  
  Generovaný kód HTML obsahuje skript na straně prohlížeče nebo na straně serveru, který vyvolává proměnlivý výstup. Generovaný kód HTML používá program na serveru, například databázový dotaz nebo fulltextové vyhledávání. Generovaný kód HTML zobrazuje informace umístěné na jiném místě webu. Pokud změníte informace umístěné někde jinde, opraví aplikace FrontPage automaticky všechny webové stránky, které na tyto informace odkazují.
  
  Aplikace FrontPage 2002 poskytuje 21 webových součástí. Šestnáct těchto součástí pracuje zcela v prostředí aplikace FrontPage pro vytváření obsahu nebo v prohlížeči návštěvníka webu. Nepoužívají žádné součásti na serveru, proto nevyžadují, aby byla na webovém serveru nainstalována rozšíření FrontPage Server Extensions.
  
  Aplikace FrontPage obsahuje výkonnou sadu inteligentních webových součástí, které umožňují rychle vytvářet webové stránky s rozšířenými funkcemi. Aplikace FrontPage vloží tyto součásti na libovolné zadané místo, zobrazí výzvu k zadání proměnných informací a potom při uložení stránky generuje odpovídající kód DHTML (Dynamické HTML). Spolu s kódem DHTML uloží aplikace FrontPage také hodnoty zadané pomocí dialogového okna. Bude je tak moci znovu zobrazit v dalších relacích úprav nebo v případě, že se změní některé jiné faktory, bude moci vytvořit kód DHTML znovu. Webové součásti poskytují téměř vždy aktivní výstup. To znamená, že se jejich obsah či vzhled automaticky mění v závislosti na událostech, ke kterým dochází mimo webovou stránku obsahující tyto součásti. Může k tomu docházet z následujících příčin:
  
  91
  
  •
  
  Správce proužkové reklamy – zobrazuje řadu obrázků, z nichž každý je zobrazen zadaný počet sekund.
  
  •
  
  Kategorie – pokud existuje jeden nebo více kódů kategorií, vytvoří tato funkce seznam hypertextových odkazů na stránky v těchto kategoriích.
  
  •
  
  Pole pro potvrzení – poskytuje zpětné informace návštěvníkům webu, kteří odeslali formulář.
  
  •
  
  Čítač přístupů – pokud návštěvník otevře stránku obsahující tento prvek, zvýší se hodnota čítače o jedničku.
  
  •
  
  Uložit odpovědi – zpracovává data odeslaná z formuláře HTML.
  
  •
  
  10 nejoblíbenějších – vytváří souhrny a zobrazuje statistiku činností webového serveru.
  
  •
  
  Hledání na webu – vytvoří formulář pro fulltextové vyhledávání na webovém místě.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  8. 2 VLOŽENÍ ČÍTAČE PŘÍSTUPŮ V APLIKACI FrontPage 2002 Počítadla přístupů jsou velmi oblíbenou součástí mnoha webových stánek. Umožňují jak návštěvníkům, tak i tvůrcům webového místa snadno zjistit, jak
  
  často je webová stránky navštěvována. Tuto službu je ale nutné propojit s datovým zdrojem (skriptem) na publikačním místě poskytovatele (serveru).
  
  Obr. 77 Vložení čítače přístupů v aplikaci FrontPage 2002
  
  Obr. 78 Nastavení vlastností čítače přístupů v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Webová součást – COMPONENT, Vložit webovou součást – INSERT COMPONENT, Čítač přístupů – HITCOUNTER.
  
  92
  
  Položka hlavní nabídky VLOŽIT Tato nabídka obsahuje příkazy pro vkládání komponent do webové stránky. Volba WEBOVÁ SOUČÁST Pomocí této volby vyvoláte dialogové okno Vložit webovou součást. Okno VLOŽIT WEBOVOU SOUČÁST Pomocí okna můžete vybrat typ komponenty vkládané do webové stránky. TYP SOUČÁSTI V uvedeném seznamu vyberte součást, kterou chcete vložit do webové stránky – ČÍTAČ PŘÍSTUPŮ Potvrzovací tlačítko DOKONČIT Pokud jste v předchozích krocích vybrali komponentu, stiskněte toto tlačítko. Okno VLASTNOSTI ČÍTAČE PŘÍSTUPŮ Pomocí tohoto dialogového okna, které jste vyvolali klepnutím na tlačítko Dokončit, můžete nastavovat vzhled a vlastnosti komponenty Čítač přístupů. STYL ČÍTAČE Pomocí přepínače u jednotlivých stylů zatrhněte ten , který Vám nejvíce vyhovuje. Nastavení výchozího počtu Pomocí textových polí můžete zadat výchozí hodnotu čítače (implicitně 0) a počet zobrazovaných čísel (řád čísla). Potvrzovací tlačítko OK Pokud jste v předchozích krocích vybrali typ komponenty a nastavili jí požadované vlastnosti, stiskněte toto tlačítko. Dojde k vložení čítače na pozici kurzoru do webové stránky.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  8. 3 VLOŽENÍ REKLAMNÍHO PRUHU V APLIKACI FrontPage 2002 Mnoho webových míst získává finanční prostředky na svůj provoz, prodejem prostoru na svých reklamních pruzích – jde o obrazové proužky, umístěné na
  
  nabízí
  
  Obr. 79 Vložení reklamního pruhu v aplikaci FrontPage 2002 webových stránkách s inzeráty od různých firem. Aplikace FrontPage tedy
  
  Obr. 80 Nastavení vlastností reklamního pruhu v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Webová součást – COMPONENT, Typ součásti – TYPE COMPONENT, Správce proužkové reklamy –BANNER AT MANAGER, Šířka – WIDTH, Výška – HEIGHT, Efekt přechodu – TRANSITION EFEKT, Odkaz na – LINK TO, Zobrazit tyto obrázky – PICTURES TO DISPLAY, Proházet – BROWSE, Přidat – ADD…
  
  93
  
  komponentu,
  
  která
  
  vytváření
  
  těchto
  
  záležitostí
  
  usnadňuje.
  
  Položka hlavní nabídky VLOŽIT Vkládání komponent do webové stránky. Volba WEBOVÁ SOUČÁST Vyvoláte okno Vložit webovou součást. TYP SOUČÁSTI V uvedeném seznamu vyberte součást, kterou chcete vložit do webové stránky – DYNAMICKÉ EFEKTY. SPRÁVCE PROUŽKOVÉ REKLAMY Klepnutím na tuto položku vyberete tento typ komponenty. Potvrzovací tlačítko DOKONČIT Pokud jste v předchozích krocích vybrali komponentu, stiskněte toto tlačítko. ŠÍŘKA A VÝŠKA PRUHU Pomocí těchto textových polí zadejte výšku a šířku (v pixelech) reklamního pruhu. EFEKT PŘECHODU Nastavení způsobu prolínání jednotlivých reklamních pruhů (pokud je jich do stejného místa vloženo více). ODKAZ NA Pomocí tlačítka PROCHÁZET vyhledejte cíl reklamního pruhu (obrázek nebo animaci). ZOBRAZIT TYTO OBRÁZKY Pokud se reklama skládá z více obrázků (není vytvořena animace) vyberte pomocí tlačítka PŘIDAT jednotlivé obrázky. Potvrzovací tlačítko OK Pokud jste v předchozích krocích vybrali typ komponenty a nastavili jí požadované vlastnosti, stiskněte toto tlačítko. TIP: Reklamní pruh musíte vytvořit v některém programu pro tvorbu a úpravu grafiky.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  8. 4 VLOŽENÍ ANIMOVANÝCH TLAČÍTEK V APLIKACI FrontPage 2002 Pomocí aplikace FrontPage můžete vytvářet animovaná tlačítka, která se při přejetí myší přes tlačítko začnou pohybovat. Animovaná tlačítka mohou webové stránce dodat dojem interaktivity, nebo i jen zvýšit její přitažlivost pro
  
  uživatele.
  
  Obr. 81 Vložení animovaného tlačítka v aplikaci FrontPage 2002
  
  Obr. 82 Nastavení vlastností animovaného tlačítka v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Webová součást – COMPONENT, Typ součásti – TYPE COMPONENT, Tlačítko přechodu – HOVER BUTTON, Text Tlačítka – BUTTON TEXT, Odkaz na – LINK TO, Barva tlačítka – BUTTON COLOR, Efekt – EFFECT, Písmo – FONT, Procházet – BROWSE.
  
  94
  
  Položka hlavní nabídky VLOŽIT Vkládání komponent do webové stránky. Volba WEBOVÁ SOUČÁST Vyvoláte okno Vložit webovou součást. TYP SOUČÁSTI V uvedeném seznamu vyberte součást, kterou chcete vložit do webové stránky – DYNAMICKÉ EFEKTY. TLAČÍTKO PŘECHODU Klepnutím na tuto položku vyberete tento typ komponenty. Potvrzovací tlačítko DOKONČIT Pokud jste v předchozích krocích vybrali komponentu, stiskněte toto tlačítko. TEXT TLAČÍTKA Do tohoto textového pole zadejte popisek, který se bude zobrazovat na animovaném tlačítku. Pokud chcete zvolit jiný typ či velikost písma, klepněte na tlačítko PÍSMO. ODKAZ NA Zadejte cíl hypertextového odkazu, na který bude animované tlačítko odkazovat. Průvodce Vložením hypertextového odkazu spustíte klepnutím na tlačítko PROCHÁZET. BARVA TLAČÍTKA Pomocí tohoto rolovacího menu vyberte barvu animovaného tlačítka. EFEKT Pomocí rolovacího menu vyberte efekt, který se provede po přetažení myši přes tlačítko. Potvrzovací tlačítko OK Pokud jste v předchozích krocích nastavili požadované vlastnosti, stiskněte toto tlačítko.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  8. 5 VLOŽENÍ PŘEHLEDU WEBOVÉHO MÍSTA V APLIKACI FrontPage 2002 Přehled webového místa představuje strukturu hypertextových odkazů na všechny stránky Vašeho webu. Návštěvníci webového místa se mohou prostřednictvím tohoto přehledu snadno po webu pohybovat. Konfiguraci přehledu je možné měnit po každém přidání či odebrání stránky či odkazu do
  
  webového
  
  Obr. 83 Vložení přehledu webového místa v aplikaci FrontPage 2002
  
  Obr. 84 Nastavení přehledu webového místa v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Webová součást – COMPONENT, Typ součásti – TYPE COMPONENT, Obsah – TABLE OF CONTENTS, Adresa URL stránky – PAGE URL, Velikost písma záhlaví – HEADLING FONT SIZE, Zobrazit každou stránku jednou – SHOW EACH PAGE ONLY ONCE, Zobrazit stránky, na které nevedou odkazy – SHOW PAGES WITH NO HYPELINKS.
  
  95
  
  místa.
  
  ………………………………………………………………
  
  Položka hlavní nabídky VLOŽIT Vkládání komponent do webové stránky. Volba WEBOVÁ SOUČÁST Vyvoláte okno Vložit webovou součást. TYP SOUČÁSTI V uvedeném seznamu vyberte součást, kterou chcete vložit do webové stránky – OBSAH. PRO TENTO WEBOVÝ SERVER Klepnutím na tuto položku vyberete tento typ komponenty. Potvrzovací tlačítko DOKONČIT Pokud jste v předchozích krocích vybrali komponentu, stiskněte toto tlačítko.
  
  ADRESA URL STRÁNKY Zadejte ve formátu URL adresu první webové stránky, z níž má přehled vycházet. VELIKOS T PÍSMA ZÁHLAVÍ V rozbalovacím seznamu vyberte velikost písma nadpisů. Zobrazit každou stránku jen jednou Zatrhněte v případě, že chcete každou webovou stránku uvést v přehledu jednou. Zobrazit stránky, na které nevedou hypertextové odkazy Pokud chcete zobrazit všechny stránky webového místa, zaškrtněte tuto volbu. Přepočítat obsah po úpravě stránky Pokud chcete, aby se všechny úpravy webového místa automaticky promítly do přehledu, zatrhněte toto políčko.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  8. 6 VLOŽENÍ POHYBLIVÉHO NÁPISU V APLIKACI FrontPage 2002 Další možností, jak můžete zvýšit zajímavost svých webových stránek, je použití pohyblivých nápisů. U nich se zdůraznění zobrazovaného textu dosahuje pohybem – stejným jakým se v televizi uvádějí názvy pořadů či
  
  jména
  
  Obr. 85 Vytvoření pohyblivého nápisu v aplikaci FrontPage 2002
  
  Obr. 86 Nastavení vlastností pohyblivého nadpisu v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Webová součást – COMPONENT, Typ součásti – TYPE COMPONENT, Běžící text – MARQUEE, Text – TEXT, Směr – DIRECTION, Rychlost SPEED, Chování – BEHAVIOR, Barva pozadí – BACKROUND COLOR.
  
  96
  
  účinkujících
  
  herců.
  
  …………………………………………………..
  
  Položka hlavní nabídky VLOŽIT Vkládání komponent do webové stránky. Volba WEBOVÁ SOUČÁST Vyvoláte okno Vložit webovou součást. TYP SOUČÁSTI V uvedeném seznamu vyberte součást, kterou chcete vložit do webové stránky – DYNAMICKÉ EFEKTY. BĚŽÍCÍ TEXT Klepnutím na tuto položku vyberete tento typ komponenty. Potvrzovací tlačítko DOKONČIT Pokud jste v předchozích krocích vybrali komponentu, stiskněte toto tlačítko.
  
  TEXT Do textového pole napište obsah pohyblivého nadpisu. SMĚR Pomocí těchto přepínačů nastavíte, zda se má nápis pohybovat zprava doleva, nebo zleva doprava. RYCHLOST Nastavením těchto atributů můžete ovlivnit rychlost posouvání zobrazeného nápisu. CHOVÁNÍ Pomocí těchto přepínačů nastavujete, jakým způsobem se bude nápis pohybovat. Jestli skokem, plynule nebo střídavě. BARVA POZADÍ Pokud chcete odlišit pozadí běžícího nápisu od stránky, vyberte v rolovacím menu některou z nabízených barev pozadí.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  97
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  9. 1 PRÁCE S FORMULÁŘI V APLIKACI FrontPage 2002 Formuláře umožňují od návštěvníků webového místa r zjišťovat nejrůznější informace. Formulář se používá jednoduše tak, že návštěvník vloží příslušné informace do polí formuláře a klepne na tlačítko, které zadané informace odešle na webový server, načež server tyto informace převezme a zpracuje podle instrukcí, daných řídicím programem formuláře. Všechny formuláře Microsoft FrontPage obsahují několik společných prvků: • •
  
  formulářových dat od vás FrontPage nevyžaduje žádné programování počítačových skriptů. (Což je při vkládání formulářů do webových stránek obvyklé.) FrontPage totiž umí vytvořit skripty pro řízení formuláře automaticky. Webový server však musí podporovat FrontPage Server Extensions.
  
  dotazy nebo požadavky na informace, pole, do nichž uživatelé zadávají údaje,
  
  tlačítka pro odeslání a vymazání formuláře, řídicí programy, připojené k formuláři, které specifikují, co se má s uživatelovým vstupem provést. Je důležité se zmínit, že při tvorbě formulářů či programů pro zpracování • •
  
  Obr. 87 Součásti formulářů obsažených v aplikaci FrontPage 2002
  
  98
  
  Textové pole Pomocí textového pole mohou uživatelé webových stránek odesílat a vkládat textové informace. Přepínače Pomocí těchto ovládacích prvků můžete vybírat mezi nabízenými možnosti (vždy může být označen pouze jeden přepínač). Rozbalovací nabídky (menu) Pomocí tohoto prvku mohou uživatelé vybrat jednu či více položek z nabízeného seznamu. Posuvné textové pole Pomocí tohoto ovládacího prku mohou uživatelé odesílat rozsáhlé textové údaje. Zaškrtávací políčka Umožňují uživatelům určit, zda je nějaká textem vyjádřená podmínky pravdivá, nepravdivá, vyhovující či nevyhovující. Tlačítka Umožňují uživatelům odesílat údaje z formuláře na webový server nebo tyto údaje vymazat.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  9. 2 VYTVÁŘENÍ FORMULÁŘE ZE ŠABLON Pomocí šablon aplikace FrontPage můžete automaticky vytvářet různé typy formulářů. Formulář typu FeedBack lze například použít k získání uživatelovy odezvy na Vaše webové místo, službu nebo produkt. Pomocí formuláře typu
  
  Registrace uživatele se mohou návštěvníci registrovat při vstupu na webové místo apod. ……………………………………………………………………..
  
  Obr. 88 Použití šablon formulářů obsažených v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Soubor – FILE, Nový – NEW, Stránka – PAGE, Šablony stránek – zobrazuje se NEW, Obecné - GENERAL, Náhled – PREVIEW.
  
  99
  
  Položka hlavní nabídky SOUBOR Tato nabídka obsahuje příkazy pro vkládání nových stránek ze šablon do aktuálně otevřeného webového místa. Položka NOVÝ Pomocí této podnabídky můžete do aktuálně otevřeného webového místa vkládat nové stránky ze šablon Volba STRÁNKA Touto volbou vložíte do otevřeného webového místa novou stránku. Její podobu si můžete vybrat z nabízených šablon. Volba ŠABLONY STRÁNEK Klepnutím na tuto položku doplňující nabídky spustíte panel Šablony stránek. Panel ŠABLONY STRÁNEK Pomocí panelu můžete do aktuálně otevřeného webového místa vkládat nové stránky ze šablon. V tomto panelu se myší přepnete na záložku OBECNÉ. Šablona stránky V tomto poli můžete vybrat šablonu, kterou vložíte do otevřeného webového místa. Pokud jednou klepnete levým tlačítkem myši na některou z ikon představujících šablony stránek, v pravé dolní části panelu se zobrazí NÁHLED rozložení formuláře. Pokud máte označenou některou ze šablon, (její název je vybarven modrou barvou) stiskněte potvrzovací tlačítko OK. TIP: Postup ve verzi FrontPage 2000 je trochu jiný: klepněte na položku FILE potom NEW, dále zvolte podpoložku PAGE. Dojde ke spuštění panelu NEW, potom již postupujte stejně jako v uvedeném příkladě od bodu 5.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  9. 3 POUŽITÍ PRŮVODCE FORMULÁŘEM Použití průvodce vytvořením formuláře urychluje tvorbu formulářů a současně nabízí šablony pro určité typy formulářů, které se velmi často používají. Kromě toho, že pomocí průvodce vytvoříte obsah samotného formuláře, se
  
  navíc k formuláři automaticky přiřadí vhodný řídící program pro odeslání a zpracování dat. ………… …………………………………………. Položka hlavní nabídky SOUBOR Tato nabídka obsahuje příkazy pro vkládání nových stránek ze šablon do aktuálně otevřeného webového místa. Položka NOVÝ Pomocí této podnabídky můžete do aktuálně otevřeného webového místa vkládat nové stránky ze šablon Volba STRÁNKA Touto volbou vložíte do otevřeného webového místa novou stránku. Její podobu si můžete vybrat z nabízených šablon. ŠABLONY WEBOVÝCH SERVERŮ Klepnutím na tuto položku doplňující nabídky spustíte panel Šablony webových serverů. PRŮVODCE ŠABLONOU SERVERU Tento panel spustíte tak, že v okně Šablony webových serverů označíte příslušnou šablonu, kterou chcete použít a klepněte na potvrzovací tlačítko OK. Tlačítka pro procházení šablonou Pomocí tlačítek ZPĚT a DALŠÍ procházíte jednotlivými kroky průvodce šablonou. kroku upravujete vzhled V každém výsledných formulářů.
  
  Obr. 89 Použití Průvodce formulářem obsažených v aplikaci FrontPage 2002 Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Soubor – FILE, Nový – NEW, Stránka – PAGE, Šablony stránek – zobrazuje se NEW, Průvodce formulářovými stránkami – FORM PAGE WIZARD, Zpět – BACK, Další – NEXT, Přidat –ADD…
  
  100
  
  TIP: Postup ve verzi FrontPage 2000 je trochu jiný: klepněte na položku FILE potom NEW, dále zvolte podpoložku PAGE. Ze seznamu šablon vyberte položku FORM PAGE WIZARD, dále klepněte na OK a NEXT. Poklepnutí na ADD se vytvoří nová otázka. Dále již postupujete shodně jako ve výše uvedeném příkladu a na jednotlivých panelech průvodce měníte obsah vkládaného formuláře.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  9. 4 VKLÁDÁNÍ TEXTOVÝCH POLÍ DO FORMULÁŘE Kromě použití šablon formulářů nabízí aplikace FrontPage několik způsobů, jak do použití Kromě stránkyšablon vložit formulářů různé formulářové nabízí aplikace prvky. FrontPage Kterou několik možnostzpůsobů, si zvolítejak9. do4.stránky vložit různé 1 Omezení vstupních formulářové si zvolíte záležípole pouze na Vaší úvaze. záleží pouze prvky. na VašíKterou úvaze.možnost Jednořádková textová slouží například proJednořádková textová pole zjištění slouží odpovědi pro na zjištění jednoduché dotazy naapod. jednoduché …………………………………. dotazy apod. …………………………………. Pomocínapříklad následujícího paneluodpovědi můžete nastavovat vlastnosti vkládaného textu do pole. Pokud například chcete zamezit, aby uživatel do textového pole zadal text, můžete použít následující postup. Ověřováním vyplňovaných informací můžete zabránit mnoha nepříjemnostem při zpracování zaslaných informací uživatelem na server. ……………………………………………………………
  
  Obr. 90 Vložení a úprava textového pole v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Formulář – FORM, Textové pole – ONE-LINE TEXT BOX, Vlastnosti pole formuláře – FORM FIELD PROPERTIES, Název – NAME, Počáteční hodnota – INITIAL VALUE, Ověřit – VALIDATION.
  
  101
  
  hlavní pole nabídky VLOŽIT údajůPoložka textového
  
  Tato nabídka obsahuje příkazy pro vkládání formulářových komponet do aktuálně otevřeného webového místa. Položka FORMULÁŘ Pomocí této podnabídky můžete do aktuálně otevřeného webového místa vložit formulářové komponenty. Volba TEXTOVÉ POLE Touto volbou vložíte do otevřeného webového místa textové pole. Textové pole Pokud vložené pole označíte (jednou na něj klepnete levým tlačítkem myši), můžete pomocí korekčních uchopovacích bodů měnit jeho geometrii. Také můžete do řádku vkládat textové popisky na pozici kurzoru. VLASTNOSTI POLE FORMULÁŘE Pomocí této volby místní nabídky (otevřete ji tak, že na označení textové pole klepnete pravým tlačítkem myši), můžete editovat vzhled a nastavení textového pole. Okno Vlastnosti textového pole Pomocí položky NÁZEV můžete zadat nové jméno prvku, na které se potom budete odvolávat v HTML kódu. Pomocí pole POČÁTEČNÍ HODNOTA můžete zadat výchozí text, který bude v poli zobrazen. Dále můžete nastavovat šířku pole ve znacích a zda chcete pole použít pro zadávání hesel. Tlačítko OVĚŘIT Pomocí tohoto tlačítka spustíte panel pro omezení vstupních údajů a kontrolu funkčnosti textového pole na webové stránce.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 9. 4. 2 Vložení posuvného textového pole
  
  Pomocí následujícího panelu můžete nastavovat vlastnosti vkládaného textu do pole. Pokud například Volba TEXTOVÉ POLE chcete zamezit, aby uživatel do textového pole zadal text, můžete použít následující postup. Ověřováním volbou budou vložíteuživatelé do otevřeného Posuvná textová pole slouží pro zadávání víceřádkových souvislých rozhodnete, že délku vkládanýchTouto údajů neomezíte, moci vládat vyplňovaných zabránit podobně mnoha jako nepříjemnostem zpracování zaslaných informací více webového místa textové pole. textových a informací číselných můžete údajů. Fungují jednořádkovápřitextová i odstavců textů. uživatelem Textové pole pole až na naserver. to, že…………………………………………………………… uživatelům umožňují vložit více informací. Pokud se Pokud vložené pole označíte, (jednou na něj klepnete levýmnabídky tlačítkem myši) můžete Položka hlavní VLOŽIT pomocí korekčních uchopovacích bodů měnit Tato nabídka obsahuje příkazy pro vkládání jeho geometrii. Také můžete do řádku formulářových komponent do aktuálně vkládat textové popiskymísta. na pozici kurzoru. otevřeného webového VLASTNOSTI POLE FORMULÁŘE Položka FORMULÁŘ Pomocí této místní nabídky (otevřete Pomocí této volby podnabídky můžete do aktuálněji tak, že na označení textové místa pole klepnete otevřeného webového vložit pravým tlačítkem myši) můžete editovat formulářové komponenty. vzhled TEXTOVÁ a nastavení textového Volba OBLASTpole. Okno Vlastnosti pole otevřeného Touto volbou textového vložíte do Pomocí Ověřittextové spustíte webovéhotlačítka místa posuvné pole. panel OVĚŘENÍ TEXTOVÉ POLE, ve kterém Posuvné textové pole můžete definovat různá omezení týkající se Pokud vložené pole označíte, (jednou na něj zapisování hodnot do textového pole. klepnete levým tlačítkem myši) můžete Okno POLE pomocíOVĚŘENÍ korekčních TEXTOVÉ uchopovacích bodů měnit V poli geometrii. ZOBRAZOVANÝ NÁZEV jeho Také můžete do můžete řádku zobrazovaného textu zadat výchozí vkládat textovéhodnotu popisky na pozici kurzoru. v poli. Pomocí rolovacího menu TYP DAT VLASTNOSTI POLE FORMULÁŘE můžete této specifikovat, jaké nabídky údaje je(otevřete možné doji Pomocí volby místní textového pole vkládat (text,poli čísla, bez tak, že na označeném textovém klepnete omezení atd.) . pravým tlačítkem myši), můžete editovat Přepínače FORMÁT TEXTUpole. vzhled a nastavení textového Těmito přepínači definujete Okno Vlastnosti pole Textová oblast formát do textového pole (v zapisovaného textu Pomocí položky NÁZEV můžete zadat nové rolovacím menunamusí býtsevybrána jméno prvku, které potom položka budete TEXT). odvolávat v HTML kódu. Pomocí pole Volba DÉLKA HODNOTA DAT POČÁTEČNÍ můžete zadat Touto volbou nastavíte maximální výchozí text, který bude v poli zobrazen.délku Obr. 91 Omezení vstupních údajů textového pole v aplikaci FrontPage 2002 Obr. 92 Vložení a úprava posuvného textového pole v aplikaci FrontPage 2002 zadávaného Dále můžete textového nastavovatřetězce. šířku pole ve znacích a zda chcete pole použít pro zadávání hesel. Poznámka: Poznámka: Tlačítko OVĚŘIT V anglické verzi programu se jedná o příkazy: V anglické verzi programu se jedná o příkazy: Pomocí tohoto tlačítka spustíte panel pro Textové pole ONE-LINE TEXT BOX, Vlastnosti pole formuláře – FORM FIELD Vložit – INSERT, Formulář – FORM, Textová oblast – SCROLLING TEXT BOX, omezení vstupních údajů a kontrolu PROPERTIES, Ověření textového pole – TEXTBOX VALIDATION. Vlastnosti pole formuláře – FORM FIELD PROPERTIES, Název – NAME, funkčnosti posuvného textového pole na Počáteční hodnota – INITIAL VALUE, Ověřit – VALIDATION. webové stránce.
  
  102
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  9. 5 VKLÁDÁNÍ PŘEPÍNAČŮ DO FORMULÁŘE Formuláře mohou obsahovat obsahovat ii přepínače, přepínače, či či zaškrtávací zaškrtávací pole. pole. Oba Oba prvky prvky mají mají shodnou 9. 6 VKLÁDÁNÍ Formuláře mohou vlastnost, tou je shodnou vlastnost, tou je skutečnost, že pokud stránka obsahuje více přepínačů skutečnost, že pokud stránka obsahuje více přepínačů může být vždy zatržen pouze jeden z nich. Toho je FORMULÁŘE může vždy zatržen pouze jeden ztam, nich. Toho je možnévybrat s úspěchem využít možnébýt s úspěchem využít především kde potřebujeme některou z nabízených možností. především tam, kde potřebujeme vybrat některou z nabízených možností. Zaškrtávací pole mají na webových stránkách funkci výběru více položek. Pokud například potřebujete, aby uživatel označil software, který vlastní, můžete s úspěchem využít těchto prvků. Těchto prvků může být na jedné webové stránce „zatrženo“ více. ………………………………………………..
  
  Obr. 93 Vložení a úprava přepínače v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Formulář – FORM, Přepínač – RADIO BUTTON, Vlastnosti pole formuláře – FORM FIELD PROPERTIES, Název skupiny – NAME, Hodnota – VALUE, Počáteční stav – INITIAL STATE..
  
  103
  
  ZAŠKRTÁVACÍCH POLÍVLOŽIT DO Položka hlavní nabídky
  
  Tato nabídka obsahuje příkazy pro vkládání formulářových komponent do aktuálně otevřeného webového místa. Položka FORMULÁŘ Pomocí této podnabídky můžete do aktuálně otevřeného webového místa vložit formulářové komponenty. Volba PŘEPÍNAČ Touto volbou vložíte do otevřeného webového místa přepínač. Přepínač Pokud přepínač označíte (jednou na něj klepnete levým tlačítkem myši) můžete pomocí korekčních uchopovacích bodů měnit jeho geometrii. VLASTNOSTI PŘEPÍNAČE Pomocí této volby místní nabídky (otevřete ji tak, že na označeném přepínači klepnete pravým tlačítkem myši), můžete editovat vzhled a nastavení přepínače. Okno Vlastnosti přepínače Pomocí položky NÁZEV SKUPINY můžete zadat nové jméno skupiny přepínačů, na které se potom budete odvolávat v HTML kódu. Pomocí pole HODNOTA můžete zadat výchozí hodnotu popisku přepínače Počáteční stav Pomocí těchto přepínačů můžete určit, který prvek bude zaškrtnut jako výchozí.
  
  TIP: Pokud potřebujete do jedné webové stránky vložit více přepínačů jedné skupiny, označte první, který vytvoříte výše uvedeným způsobem. Ostatní vložíte na pozici kurzoru pomocí kombinace kláves: Kopírovat - CTRL + C a Vložit – CTRL + V.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  9. 7 VKLÁDÁNÍ ROZBALOVACÍCH POLÍ DO FORMULÁŘE
  
  Zaškrtávací pole mají na webových stránkách funkci výběru více položek. Pokud například potřebujete, Položka hlavní nabídky VLOŽIT abyTlačítko uživatel Rozevírací označil software, který vlastní, můžete s úspěchem využít těchto prvků. Těchto prvků může nabídka funkci obsahuje pro ovšem vkládání seznam slouží k vytváření rozbalovacích nabídek a nastavíte. Rozbalovací seznamy Tato mají stejnou jakopříkazy přepínače, na být na jedné webové stránce „zatrženo“ více. ……………………………………………….. formulářových komponent do aktuálně seznamů ve formulářích. Rozbalovací nabídky či seznamy umožňují stránce zabírají méně místa a tím jsou vhodnější pro podrobné a dlouhé otevřeného webového místa. uživatelům webové stránky zobrazit seznam možných odpovědí a z nich seznamy. Položka FORMULÁŘ zvolit jednu nebo více vyhovujících odpovědí, podle toho, jak tento prvek Pomocí této podnabídky můžete do aktuálně Položka FORMULÁŘ menu místa VLOŽIT vložit otevřeného webového Pomocí této komponenty. podnabídky můžete do aktuálně formulářové otevřeného webového POLÍČKO místa formulářové Volba ZAŠKRTÁVACÍ komponenty. Touto volbou vložíte do otevřeného Volba ROZEVÍRACÍ SEZNAM webového místa zaškrtávací políčko. Touto volbou vložíte do otevřeného Zaškrtávací políčko webového místa rozevírací Pokud políčko označíte, seznam. (jednou na něj Rozevírací seznam klepnete levým tlačítkem myši) můžete Pokud seznam označíte, (jednou naměnit něj pomocí korekčních uchopovacích bodů klepnete levým tlačítkem myši) můžete jeho geometrii. pomocí korekčních uchopovacíchPO bodů měnit VLASTNO STI ZAŠKRTÁVACÍHO LÍČKA jeho geometrii. Pomocí této volby místní nabídky (otevřete ji VLASTNO PO LÍČKA tak, že STI na ZAŠKRTÁVACÍHO označeném políčku klepnete Pomocí volby místní pravým této tlačítkem myši),nabídky můžete(otevřete editovatji tak, na označeném vzhledžea nastavení políčka. políčku klepnete pravým tlačítkempřepínače myši), můžete editovat Okno Vlastnosti vzhled a nastavení políčka. Pomocí položky NÁZEV můžete zadat nové Okno rozevíracího seznamu jméno Vlastnosti políčka, na které se potom budete Pomocí položky NÁZEV můžete zadat nové odvolávat v HTML kódu. Pomocí pole jméno seznamu, na zadat které se potomhodnotu budete HODNOTA můžete výchozí odvolávat v HTML kódu. popisku zaškrtávacího políčka. Tlačítko PŘIDAT Počáteční stav Pokud toto tlačítko, do Pomocí stisknete těchto přepínačů můžete můžete určit, který seznamu vkládat jednotlivé položky. prvek bude zaškrtnut. V položce se zapisuje její obsah u určuje se TIP: typ obsahudo(text, číslo apod.). Pokud potřebujete jedné webové stránky vložit více Obr. 94 Vložení a úprava zaškrtávacího pole v aplikaci FrontPage 2002 Seznam položek zaškrtávacích políček, označte první, které vytvoříte Pomocí způsobem. tlačítka Změnit potom namůžete výše uvedeným Ostatní vložíte pozici Obr. 95 Vložení a úprava rozevíracího seznamu v aplikaci FrontPage 2002 Poznámka: editovat označené položky v seznamu kurzoru pomocí kombinace kláves: Kopírovat - CTRL V anglické verzi programu se jedná o příkazy: (označíte je tak, + C a Vložit – CTRL + V.že na název položky jednou Poznámka: Vložit – INSERT, Formulář – FORM, Přepínač – CHECK BOX, Vlastnosti pole klepnete levým tlačítkem myši). V anglické –verzi programu jedná o příkazy: formuláře FORM FIELDsePROPERTIES, Název – NAME, Hodnota – VALUE, TIP: Vložit – INSERT, Formulář – FORM, Rozevírací seznam – DROP DOWN MENU, Počáteční stav – INITIAL STATE.. Pokud chcete otevřít panel vlastností jakéhokoliv Vlastnosti pole formuláře – FORM FIELD PROPERTIES, Název – NAME, Přidat – prvku formuláře, stačí jej označit a pak na něj dvakrát ADD…, Změnit – MODIFY. rychle po sobě klepnout levým tlačítkem myši.
  
  104
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  9. 8 VKLÁDÁNÍ TLAČÍTEK DO FORMULÁŘE S ohledem na správnou činnost formuláře je nutné, aby uživatelé měli možnost potvrdit vložené údaje, načež se odpovědi odešlou a zpracují řídícím programem formuláře. V tomto smyslu hrají ve formuláři nejdůležitější roli
  
  tlačítka. Jejich stisknutím uživatel přikáže řídícímu programu formuláře, aby formulář zpracoval. Při použití tlačítek je důležité, aby byla tlačítka dobře viditelná a identifikovatelná.
  
  9. 9 UKLÁDÁNÍ ÚDAJŮ Z FORMULÁŘŮ
  
  Když budete mít hotový formulář, musíte specifikovat, co chcete se získanými daty z formuláře udělat. U formulářů, které jste vytvořili pomocí šablon můžete prostřednictvím řídícího programu přikázat serveru, jaké
  
  informace chcete od …………………………
  
  Obr. 96 Vložení a úprava tlačítek v aplikaci FrontPage 2002
  
  Položka FORMULÁŘ menu VLOŽIT Pomocí této podnabídky můžete do aktuálně otevřeného místa ukládat. vložit uživatelů zjišťovat webového a jak je chcete formulářové komponenty. Volba TLAČÍTKO Touto volbou vložíte do otevřeného webového místa tlačítko. Tlačítko Pokud tlačítko označíte, (jednou na něj klepnete levým tlačítkem myši) můžete pomocí korekčních uchopovacích bodů měnit jeho geometrii. VLASTNOSTI POLE FORMULÁŘE Pomocí této volby místní nabídky (otevřete ji tak, že na označeném tlačítku klepnete pravým tlačítkem myši), můžete editovat vzhled a nastavení tlačítka. Okno Vlastnosti tlačítka Pomocí položky NÁZEV můžete zadat nové jméno tlačítka, na které se potom budete odvolávat v HTML kódu. Pomocí pole HODNOTA ČI POPISEK můžete zadat výchozí textový údaj, který se zobrazuje jako popisek tlačítka. TYP TLAČÍTKA Pomocí těchto přepínačů specifikujete inicializaci funkce, kterou chcete tlačítkem spustit. Nastavení NORM8LN9 znamená, že danou funkci budete definovat přímo v kódu HTML.
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Formulář – FORM, Tlačítko – PUSH BUTTON, Vlastnosti pole formuláře – FORM FIELD PROPERTIES,Vlastnosti tlačítka – BUTTON PROPERTIES, Hodnota či popisek – VALUE OR CAPTION.
  
  105
  
  TIP: Pokud chcete otevřít panel vlastností jakéhokoliv prvku formuláře, stačí jej označit a pak na něj dvakrát rychle po sobě klepnout levým tlačítkem myši.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  Obr. 97 Ukládání údajů z formuláře v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vlastnosti formuláře – FORM PROPERTIES, Odeslat – SEND TO, Název souboru – NAME FILE, Elektronická adresa – E-MAIL ADDRESS, Odeslat do databáze – SEND TO DATABASE, Možnosti – OPTIONS, Ukládání výsledků – SAVING RESULTS, Formát souboru – FILE FORMAT, Ukládaná pole – SAVED FIELDS.
  
  VLASTNOSTI FORMULÁŘE Toto okno spustíte tak, že vyvoláte místní nabídku formuláře (klepnete levým tlačítkem do formuláře a stisknete pravé tlačítko myši). ODESLAT Do vstupního pole NÁZEV SOUBORU zadejte jméno souboru, do něhož chcete získané údaje ukládat. ELEKTRONICKÁ ADRESA Do tohoto pole zapište příslušnou Emailovou adresu, pokud chcete, aby se údaje posílaly elektronickou poštou. ODESLAT DO DATABÁZE Pokud máte vytvořenou databázi, která je propojena z formulářem, zadejte její název. Tlačítko MOŽNOSTI Pomocí tohoto tlačítka můžete zobrazit doplňkové okno UKLÁDÁNÍ VÝSLEDKŮ. Okno UKLÁDÁNÍ VÝSLEDKŮ Do pole název souboru můžete opět zadat soubor, do něhož se vepsané údaje formuláře vloží. Můžete navíc specifikovat i FORMÁT SOUBORU. Volba FORMÁT SOUBORU Pomocí tohoto rozbalovacího menu definujte formát výstupního souboru, do kterého chcete vložit získané údaje. Pomocí přepínače ZAHRNOUT NÁZVY POLÍ můžete ukládat jednotlivé údaje včetně názvů příslušných polí. Pokud chcete ukládat i další informace o uživateli (typ počítače, název počítače, typ prohlížeče apod.), přepněte se na záložku UKLÁDANÁ POLE, ve které definujte svoje požadavky.
  
  9. 9. 1 Omezení přístupu k webovému místu Jestliže chcete povolit přístup k Vašemu webovému místu pouze registrovaným uživatelům a použijete k tomu šablonu REGISTRACE UŽIVATELE, návštěvníci, kteří budou chtít navštívit Vaše webové místo,
  
  budou muset zadat svoje uživatelské heslo a jméno. Seznam registrovaných uživatelů a formulář pro zadání uživatelského jména a hesla obsluhuje řídící program formuláře. ………………………………………………………….
  
  106
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 VLASTNOSTI FORMULÁŘE Pokud jste pomocí šablony REGISTRACE UŽIVATELE vytvořili registrační formulář, vyvolejte si jeho místní nabídku a zvolte možnost Vlastnosti formuláře. Tlačítko MOŽNOSTI Pomocí tohoto tlačítka můžete specifikovat způsob přihlašování uživatelů. NÁZEV SADY WEB. SOUBORŮ Zde můžete nepovinně změnit název webového místa. POLE S UŽIVATELS KÝMI JMÉNY Zde můžete nepovinně změnit název vstupního pole pro zadání uživatelského jména. POLE PRO HESLO Zde můžete nepovinně změnit název vstupního pole pro zadání uživatelského hesla. POLE PRO POTRZENÍ HESLA Zde můžete nepovinně změnit název vstupního pole pro zadání potvrzení hesla. ADRESA URL STRÁNKY NEÚSPĚŠNÉ REGISTRACE Zde můžete nepovinně změnit umístění webové stránky, která se spustí, pokud uživatel zadá chybné jméno i heslo.
  
  Obr.98 Vlastnosti registračního formuláře
  
  Obr. 99 Nastavení registračního formuláře Poznámka: V anglické verzi programu se jedná o příkazy: Vlastnosti formuláře – FORM PROPERTIES, Registrace uživatele – USER REGISTRATION, Možnosti – OPTION, Název sady web. Souborů – WEB NAME, Pole s uživatelskými jmény – USERNAME FIELD, Pole pro heslo – PASSWORD FIELD, Stránka pro potvrzení – CONFIRMATION PAGE.
  
  TIP: Pokud přejdete na záložku STRÁNKA PRO POTVRZENÍ, můžete specifikovat webovou stránku nebo formulář, který se zobrazí po vyplnění registračního formuláře.
  
  9. 9. 2 Napojení webového místa na databázi Databáze je vynikající prostředek pro vyhledávání a ukládání dat formulářů. Aplikace FrontPage proces propojení s existující databází co nejvíce usnadňuje, což návštěvníkům webového místa umožňuje zadávat data
  
  z formulářů přímo do databáze. Je rovněž možné umožnit uživatelům přístup do databáze pomocí webových stránek. ……………………………………….
  
  107
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Položka hlavní nabídky NÁSTROJE Tato nabídka obsahuje příkazy pro nastavení vlastností databáze připojené do aktuálně otevřeného webového místa. NASTAVENÍ SADY WEB. SOUBORŮ Pomocí této podnabídky můžete do aktuálně otevřeného webového místa připojit databázi. Panel Nastavení sady web. souborů Přepněte se na záložku DATABÁZE, kde můžete k aktuálnímu webovému místu připojit externí databázi. Tlačítko PŘIDAT Pomocí tohoto tlačítka spustíte průvodce přidáním databáze webového místa NOVÉ PŘIPOJENÍ DATABÁZE. NOVÉ PŘIPOJENÍ DATABÁZE Do textového pole Název zadejte jméno databáze, kterou chcete propojit s webovým místem. TYP PŘIPOJENÍ Pomocí přepínačů vyberte příslušný typ propojení databáze s webovým místem. Pomocí tlačítka PROCHÁZET můžete použít již dříve vytvořenou databázi. Tlačítko OVĚŘIT Pomocí tlačítka ověřte funkčnost propojení databáze s webovým místem. Obr. 100 Nastavení připojení k databázi v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Nástroje - TOOLS, Nastavení sady web. Souborů – WEB SETTINGS, Databáze – DATABASE, Přidat – ADD, Nové připojení databáze – NEW DATABASE CONNECTION, Typ připojení – TYPE OF CONNECTION, Procházet – BROWSE.
  
  108
  
  TIP: Externí databáze můžete vytvářet například pomocí programu ze sady Microsoft Office – Access. Tento typ databází je plně kompatibilní s programem FrontPage 2000 a 2002.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  109
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  10. 1 MANIPULACE S WEBOVÝMI STRÁNKAMI V APLIKACI FrontPage 2002 Když vytváříte nějaké webové místo, je důležité mít na paměti, jakým způsobem si vaši návštěvníci budou vaše stránky prohlížet. Je totiž žádoucí, aby vaše stránky vypadaly dobře v prohlížeči každého návštěvníka, nezávisle na tom, jak je prohlížeč nastaven. Většina lidí nejspíše bude používat standardní stolní systém, podobný tomu vašemu, tedy maximalizovaný prohlížeč v rozlišení 800 X 600, a k Internetu budou připojeni přes modem o rychlosti 56 kb/s. Mnoho lidí však používá i starší počítače, které disponují přenosovou rychlostí 14,4 kb/s, a webové stránky si prohlížejí v rozlišení 640 x 480. Někteří lidé mohou k prohlížení používat televizory a jiní mohou pracovat s přenosnými počítači, které mají ještě menší rozlišení, než 640 x 480. Určitá část vašich návštěvníků může být slepá a k prohlížení používat syntezátory převádějící text na mluvené slovo. Abyste vyhověli všem těmto lidem, musíte se snažit zachovat nezávislost na rozlišení obrazovky a tam, kde je to možné, rovněž nabídnout textové verze. (Pro více informací o použití textových reprezentací obrazového obsahu viz odstavec „Použití alternativního textu k obrázkům" na straně 76. Viz rovněž „Použití doplňků" na straně 205, kde najdete informace o tom, jak zajistit, aby vaše webové místo bylo přístupné i handicapovaným lidem.)
  
  budou používat spíše skromnější počítače, nebo si budou vaše webové stránky prohlížet dokonce na televizorech nebo počítačích do dlaně, měli byste svoje stránky navrhnout pro rozlišení 640 X 480. Při vývoji stránek pro určité konkrétní rozlišení je důležité, abyste si stránky často kontrolně prohlíželi v prohlížeči, jehož okno je zvětšeno na příslušné rozlišení. Dbejte přitom na to, aby se do okna vešly i navigační pruhy a aby se uspořádání stránky při změně rozlišení dramaticky neměnilo. Pokud používáte nějaký druh rozšířeného formátování, například text, zalomený okolo obrázků, tabulky nebo formuláře, nezapomeňte stránku často kontrolovat v různých rozlišeních.
  
  Úpravy typu WYSIWYG v aplikaci FrontPage 2002 Návrháři webových stránek pracující s textovým editorem mají obvykle na pozadí spuštěný prohlížeč, ve kterém zobrazují stránky, s nimiž pracují. Jestliže chce autor zobrazit náhled stránky, musí ji nejdříve uložit na disk a potom klepnutím na tlačítko prohlížeče Aktualizovat znovu načíst soubor uložený na disku do prohlížeče. „To je ale směšné," říkáte. „Proč ještě někdo nevymyslel editor webových stránek typu WYSIWYG (what-you-see-is-whatyou-get), který zobrazuje to, co uvidí koncový uživatel, a nikoli hromadu nesrozumitelných značek jazyka HTML?" Aplikace FrontPage právě toto umožňuje.
  
  Skutečná nezávislost na rozlišení, přesněji vytvoření webových stránek, které vypadají dobře v okně o libovolné velikostí, je téměř nesplnitelný úkol. Dobrého výsledku však je možné dosáhnout uspokojením většiny nejčastěji používaných rozlišení, aniž byste museli příliš obětovat. Lidé si budou moci všechny vaše stránky prohlédnout v každém případě, a to i když si je nechají zobrazit v jiném rozlišení, než jste původně zamýšleli. Vaše stránky ovšem nemusí být upraveny tak, jak jste chtěli.
  
  Pomocí aplikace FrontPage 2002 můžete rychle vytvářet webové stránky a využívat při tom všechny známé a snadno použitelné prvky obsažené i v jiných aplikacích sady Office, například Microsoft Word nebo Microsoft PowerPoint. Struktura nabídek, ikony na panelech nástrojů, dialogová okna a způsob práce v aplikaci FrontPage se v co možná maximálním rozsahu podobají těmto aplikacím. Kód HTML můžete v případě potřeby zobrazit a dokonce jej měnit, ale webové stránky s vynikajícím vzhledem lze vytvářet i bez toho, aniž by bylo nutné tento kód vůbec zobrazit. Můžete se tedy plně soustředit na obsah a aplikace FrontPage za vás provede potřebné kroky.
  
  V současné době se nejčastěji používají rozlišení 640 X 480 a 800 X 600 s tím, že jak se stávají dostupnějšími stále větší monitory, rozšiřuje se i rozlišení 1024X 768. Tato rozlišení označují počet pixelů, neboli obrazových bodů, zobrazených na monitoru: při rozlišení 640 X 480 je vodorovně zobrazováno 640 bodů a svisle 480 bodů, které dohromady vytvářejí obraz, jenž vidíte na obrazovce. Pokud máte alespoň představu, jaký typ vybavení vaše cílové obecenstvo používá, můžete omezit počet rozlišení, v nichž si musíte vaše webově místo kontrolně prohlédnout. Jestliže si myslíte, že vaši návštěvníci
  
  110
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  10. 2 POUŽITÍ POZIČNÍCH OKEN Pomocí pozičních oken je možné v aplikaci FrontPage seskupovat texty a obrázky do libovolného místa na obrazovce. Poziční okna mohou být velmi užitečná tam, kde je důležité nějaký prvek přesně umístit na obrazovku, nebo
  
  tam, kde je potřeba zajistit, aby text a ostatní objekty neměnily pozici při různých rozlišeních. ………………………………………………………….
  
  Obr. 101 Poziční okna v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Formát – FORMAT, Pozice – POSITION, Styl obtékání – WRAPPING STYLE, Styl umístění – POSITIONING STYLE, Absolutní – ABSOLUTE, Relativní – RELATIVE, Velikost a umístění – LOCATION AND SIZE.
  
  111
  
  Označené objekty Pomocí kurzoru myši označte požadované objekty (označte je přetažením myši při stisknutí levého tlačítka). Položka hlavní nabídky FORMÁT Tato nabídka obsahuje příkazy pro formátování objektů umístěných na aktuálně otevřené webové stránce. Položka POZICE Pomocí této podnabídky můžete vyvolat panel POZICE, který slouží pro vytváření pozičních oken. STYL OBTÉKÁNÍ Pomocí ikon jednotlivých stylů vyberte způsob obtékání textu kolem obrázků. STYL UMÍSTĚNÍ Pomocí ikon jednotlivých stylů vyberte způsob umístění označených objektů na webové stránce. ABSOLUTNÍ – znamená, že se objekty nebudou v prohlížeči posunovat a vždy zůstanou na stejném místě i při jiném rozlišení RELATIVNÍ – objekty se budou posunovat v závislosti na rozlišení prohlížeče. UMÍSTĚNÍ A VELIKOST Pomocí těchto prvků můžete nastavit pevné hodnoty velikosti a umístění jednotlivých prvků na webové stránce. Objekty potom budou zobrazovány vždy podle tohoto nastavení a to nezávisle na rozlišení obrazovky prohlížeče. Jednotlivé velikosti jsou udávány v pixelech (1 pixel = přibližně 0,25 milimetru).
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  10. 3 VLOŽENÍ DATA A ČASU Velmi často bývá vhodné umístit do webové stránky aktuální čas a datum, aby byli návštěvníci informováni, kdy byla stránky naposledy aktualizována.
  
  Pokud použijete pro vložení data a času následující postup, budou tyto údaje automaticky aktualizovány po každé úpravě webových stránek.
  
  Obr. 102 Vložení data a času v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Datum a čas – DATE AND TIME, Zobrazit – DISPLAY, Formát data – DATE FORMAT, Formát času – TIME FORMAT.
  
  112
  
  Pozice kurzoru Klepnutím levým tlačítkem myši umístěte kurzor na místo, kam má být vložen datum a čas. Nabídka VLOŽIT Obsahuje příkazy pro vložení objektů do aktuálně otevřené webové stránky. Volba DATUM A ČAS Pomocí této volby vyvoláte panel DATUM A ČAS, ve kterém můžete specifikovat formát vkládaných údajů. Panel DATUM A ČAS V tomto panelu můžete specifikovat formát data a času, jehož obsah chcete vložit do aktuálně otevřené WWW stránky. ZOBRAZIT Pomocí těchto přepínačů můžete určit, kdy má dojít k aktualizaci zobrazeného data a času. FORMÁT DATA Pomocí tohoto rozbalovacího menu můžete vybrat formát zobrazovaného data. FORMÁT ČASU Pomocí tohoto rozbalovacího menu můžete vybrat formát zobrazovaného času. Potvrzovací tlačítko OK Pokud jste v předchozích krocích vybrali formát data a času, které chcete použít jako součást aktuální WWW stránky, stiskněte toto tlačítko. TIP: Mějte na paměti, že pokud budou stránky navštěvovat především uživatelé z anglosaských zemí, musíte tomu přizpůsobit i zobrazení formátu data a času.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  10. 4 NASTAVENÍ VZHLEDU WEBOVÉ STRÁNKY Pokud máte vytvořené webové místo, které obsahuje stránky s uspořádaným obsahem a zjistíte, že Vám nevyhovuje barevné členění, můžete dodatečně jak změnit barevné uspořádání stránek, tak použít i různých stylů pozadí. Pro všechny tyto úpravy musíte nejprve vyvolat vlastnosti stránky a ty potom dále editovat. …………………………………………………………
  
  113
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 10. 4. 1 Změna barev pozadí webové stránky
  
  Pokud máte vytvořené webové místo, které obsahuje stránky s uspořádaným obsahem a zjistíte, že Vám Panel zobrazení – STRÁNKA nevyhovuje můžete dodatečně jak většinou změnit barevné stránek, tak Dodatečnou použít i Pomocí této musíte ikony provést zobrazítes seznam Přestože barevné výchozí členění, barvy pro webové stránky celkem uspořádání dobře vloženy. změnu pozadí stránky každou souborů webovou různých stylů někdy pozadí.jePro všechny tyto úpravy musíte nejprve vlastnosti a ty potom dále a složek otevřeného webového místa. Na postačují, potřeba je změnit, například kvůli lepší vyvolat čitelnosti nebo stránky stránkou zvlášť. editovat. ………………………………………………………… ikonu stačí jednou klepnout levým tlačítkem kvůli přizpůsobení barev Vašim obrázkům, které jsou do webové stránky myši. VLASTNOSTI Aktuální soubor STRÁNKY Panel vyvoláte výše auvedeným postupem. V seznamu souborů složek jednou klepněte Záložka POZADÍ levým tlačítkem myši na soubor, který chcete označit (ase Přepněte tímnataké tutoeditovat). záložku a to tak, že na její název jednou klepnete levým tlačítkem myši. Pozice kurzoru BARVY Kurzorem je možné pohybovat pomocí myši, nebo pomocí Pomocí rolovacích klávesnice nabídek (směrové otevřete šipky). seznam Vkládání barev a vyberte textu jetu,možné kteroupouze chcetev případě, použít jako že kurzor v barvu výchozí ploše pro „bliká“. pozadí a text stránky. BARVY Kurzor HYPERTEXTO také není VÝCH možné O DKAZŮ přesunout na Pomocí rolovacích doposudtěchto neotevřený řádek. nabídek vyberte barvy pro neotevřené, otevřené a aktivní VLASTNOSTI STRÁNKY Obr. 104 Změna barvy pozadí stránky v aplikaci FrontPage 2002 hypertextové odkazy na stránce. Pomocí této volby místní nabídky (otevřete ji tak, že klepnetetlačítko Potvrzovací pravým OK tlačítkem myši do otevřené webové stránky), můžete editovat vzhled a nastavení webové stránky. 10. 4. 2 Vložení obrázku jako pozadí webové stránky Panel VLASTNOSTI STRÁNKY VLASTNOSTI Pomocí tohotoSTRÁNKY panelu můžete měnit Panel vyvoláte výše uvedeným postupem. nastavení a vzhled aktuálně otevřené webové Přepněte se na záložku POZADÍ. stránky. OBRÁZEK NA POZADÍ Obsahuje záložky: Pokud zaškrtnete OBECNÉtoho políčko, můžete použít libovolný obrázek jako pozadí aktuálně POZADÍ otevřené webové stránky. OKRAJE VODOZNAK VLASTNÍ Pokud - zaškrtnete JAZYK toto políčko, tak se vložený obrázek zobrazí pouze SKUPINA ve světlých odstínech PRACOVNÍ šedé a ostatní barvy budou Každá záložka slouží potlačeny. pro manipulaci Obr. 103 Vyvolání panelu vzhled stránky v aplikaci FrontPage 2002 PROCHÁZET s určitými vlastnostmi webové stránky. Tlačítkem spustíte panel procházení soubory Obr. 105 Nastavení obrázku jako pozadí stránky v aplikaci FrontPage 2002 Poznámka: a složkami, kde můžete vybrat obrázek, který V anglické verzi programu se jedná o příkazy: Poznámka: chcete použít jako pozadí. Stránka – PAGE, Vlastnosti stránky – PAGE PROPERTIES, Obecné – GENERAL, V anglické verzi programu se jedná o příkazy: TIP: Pozadí – BACKROUND, Okraje – BORDERS, Vlastní – CUSTOM, Barvy Jazyk –– Vlastnosti stránky – PAGE PROPERTIES, Pozadí – BACKROUND, Než použije obrázek jako pozadí, tak jej naimportujte LANGUAGE, Pracovní skupina – WORKGROUP. COLORS, Obrázek na pozadí – BACKROUND PICTURE, Vodoznak – do webového místa. WATERMARK, Procházet – BROWSE.
  
  114
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 10. 4. 3 Nastavení jazyka webových stránek Pokud chcete zobrazovat českou znakovou sadu na Vašich webových stránkách, je nutné ji definovat. Tato potřeba vyvstává především v anglických lokacích aplikace FrontPage, které nejsou součástí programového balíku
  
  Microsoft Office. Naopak můžete definovat i jinou znakovou sadu podle cílové skupiny uživatelů. …………………………………………………………….. VLASTNOSTI STRÁNKY Panel vyvoláte výše uvedeným postupem. Přepněte se na záložku JAZYK. OZNAČIT AKTUÁLNÍ DOKUMENT JAKO Pomocí rolovacího menu vyberte příslušnou znakovou řadu, kterou chcete použít pro aktuálně otevřenou webovou stránku. KÓDOVÁNÍ HTML Pomocí rolovacího menu ULOŽIT DOKUMENT JAKO vyberte příslušnou znakovou řadu (pro češtinu je Středoevropská). KÓDOVÁNÍ DOKUMENTU PŘI NAČTENÍ V rolovacím menu vyberte způsob kódování webové stránky.
  
  Obr. 106 Nastavení znakové sady v aplikaci FrontPage 2002
  
  10. 4. 4 Nastavení okraje webových stránek Pomocí nastavení okrajů webové stránky můžete zajistit “pevné“ zobrazování webových stránek v prohlížeči nezávisle na jeho rozlišení. Můžete zadat
  
  hodnotu horního a levého okraje (absolutní nula souřadnic je totiž v levém horním rohu okna aplikace FrontPage). …………………………………..
  
  Obr. 107 Nastavení pevného okraje stránky v aplikaci FrontPage 2002
  
  115
  
  VLASTNOSTI STRÁNKY Panel vyvoláte výše uvedeným postupem. Přepněte se na záložku OKRAJE. ZADAT HORNÍ OKRAJ Zaškrtnutím tohoto políčka a zadáním příslušné hodnoty (v pixelech) nastavíte velikost horního okraje aktuálně otevřené webové stránky. ZADAT LEVÝ OKRAJ Zaškrtnutím tohoto políčka a zadáním příslušné hodnoty (v pixelech) nastavíte velikost levého okraje aktuálně otevřené webové stránky.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 10. 4. 5 Použití ohraničení a stínování webových stránek Libovolný označený odstavec nebo objekt umístěný na aktuálně otevřené webové stránce můžete zdůraznit tak, že kolem něj vytvoříte ohraničení. Také
  
  je možné toto ohraničení vyplnit nějakou barvou (stínování). Tyto úpravy je možné provádět i s objekty, které nejsou vloženy do tabulek.
  
  Obr. 108 Nastavení ohraničení a stínování v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Formát – FORMAT, Ohraničení a stínování – BORDERS AND SHADING, Ohraničení – BORDERS, Stínování – SHADING, Vlastnosti tabulky- TABLE PROPRTIES.
  
  116
  
  Označené objekty Pomocí kurzoru myši označte požadované objekty (označit je můžete přetažením myši při stisknutém levém tlačítku myši). Nabídka FORMÁT Obsahuje příkazy pro formátování objektů vložených do aktuálně otevřené webové stránky. Volba OHRANIČENÍ A STÍNOVÁNÍ Pomocí této volby vyvoláte panel Ohraničení a stínování, ve kterém můžete měnit vlastnosti označených objektů. Panel OHRANIČENÍ A STÍNOVÁNÍ Obsahuje dvě záložky, pomocí kterých můžete měnit ohraničení a stínování označených objektů vložených do webové stránky. Záložka OHRANIČENÍ Pomocí příkazů na této záložce můžete ohraničit vybrané objekty. Máte k dispozici příkazy pro volbu stylu ohraničení, pro barvu ohraničení, pro typ čáry ohraničení apod. Záložka STÍNOVÁNÍ Pomocí příkazů na této záložce můžete stínovat (vyplňovat barvou) ohraničené objekty. Máte k dispozici příkazy pro volbu barvy stínování a styl stínování.
  
  TIP: Pokud používáte tabulek, jako podkladu webové stránky, můžete tyto úpravy provádět i s vlastní tabulkou. Stačí, pokud si z místní nabídky tabulky vyberete volbu VLASTNOSTI TABULKY.
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 10. 4. 6 Použití motivů webových stránek Aplikace FrontPage obsahuje více než padesát předem připravených kombinací barevných a grafických schémat, které se označují jako motivy. Pomocí těchto motivů můžete vylepšit jednotlivé webové stránky celého webového místa. Použití motivů představuje snadný způsob, jak učinit Vaše webové stránky přitažlivé a zajímavé pro návštěvníky.
  
  117
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  10. 5 SDÍLENÉ OHRANIČENÍ WEBOVÉ STRÁNKY
  
  Aplikace FrontPage obsahuje více než padesát předem připravených kombinací barevných a grafických Nabídka FORMÁT schémat, které se označují jako motivy. Pomocí těchto motivů můžete vylepšit jednotlivé webové stránky Obsahuje rámy, příkazy nastavení Aplikace FrontPage umožňuje vytvořit pro webové stránky jednu skupinu aktuální stránky. Jedná se o zjednodušené které pro jsou ale součástí motivu webové celého webového místa. Použití motivů představuje snadný způsob, jak učinit Vaše webové stránky aktuálně otevřené webové stránky, zvlášť. nebo ohraničení s určitými informacemi, například s názvem stránky a stránky a tudíž je nemusíme vytvářet přitažlivé a zajímavé pro návštěvníky. celého webového místa. informacemi o kontaktech spolu navigačními tlačítky, která mohou být ………………………………………………….. Volba MOTIV použita na všech stránkách webového místa, případně pouze u jedné Pomocí této volby vyvoláte panel MOTIVY, ve kterém můžete zvolit typ motivu a způsob jeho použití Panel MOTIVY Obsahuje příkazy pro výběr typu motivu a způsob jeho použití. POUŽITÍ MOTIVU Pomocí těchto přepínačů zvolíte způsob použití vybraného motivu: VŠECHNY STRÁNKY – vybraný motiv se použije na všechny stránky otevřeného webového místa. VYBRANÉ STRÁNKY - vybraný motiv se použije pouze pro vybrané (označené) stránky otevřeného webového místa. Seznam motivů V tomto seznamu můžete vybrat požadovaný motiv. Označíte jej tak, že jednou klepnete levým tlačítkem myši na jeho název (označený motiv je vybarven modře). UKÁZKA MOTIVU V tomto okně se zobrazuje rozvržení a barva aktuálně označeného motivu.
  
  TIP: Motiv na existující stránce můžete změnit stejným způsobem, jakým se definuje motiv pro nově vznikající stránku.
  
  Obr. 110 Použití motivů v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Formát – FORMAT, Motiv – THEME, Motivy – THEMES, Použití motivu – APPLY THEME TO, Všechny stránky – ALL PAGES, Vybrané stránky – SELECTED PAGES, Ukázka motivu – SAMPLE OF THEME.
  
  118
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002
  
  Obr. 111 Vytvoření sdíleného ohraničení v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Formát – FORMAT, Sdílené ohraničení – SHARED BORDERS, Použít na – APPLY TO, Všechny stránky – ALL PAGES, Aktuální stránka – CURRENT PAGES, Nahoře – TOP, Vlevo – LEFT, Vpravo – RIGHT, Dole – BOTTOM.
  
  10. 6 VLOŽENÍ ZVUKŮ NA POZADÍ WEBOVÉ STRÁNKY
  
  Nabídka FORMÁT Obsahuje příkazy pro nastavení sdíleného ohraničení webové stránky, nebo celého webového místa. Volba SDÍLENÉ OHRANIČENÍ Pomocí této volby vyvoláte panel Sdílené ohraničení, ve kterém můžete zvolit typ ohraničení a způsob jeho použití Panel SDÍLENÉ OHRANIČENÍ Obsahuje příkazy pro výběr typu sdíleného ohraničení a způsob jeho použití. POUŽIT NA Pomocí těchto přepínačů zvolíte způsob použití vybraného sdíleného ohraničení: VŠECHNY STRÁNKY – vybrané sdílené ohraničení se použije na všechny stránky otevřeného webového místa. AKTUÁLNÍ STRÁNKA - vybrané sdílené ohraničení se použije pouze pro vybranou (označenou) stránku otevřeného webového místa. Tvar sdíleného ohraničení Pomocí přepínačů zvolte příslušný tvar sdíleného ohraničení, které chcete použít. K dispozici jsou čtyři tvary ohraničení: NAHOŘE VLEVO VPRAVO DOLE Pomocí jednotlivých voleb vytvořte požadovaný tvar sdíleného ohraničení. Ukázka sdíleného ohraničení V tomto okně se zobrazuje rozvržení a tvar aktuálně zvolených tvarů sdíleného ohraničení.
  
  aby stahování zvuků nebo videosnímků netrvalo příliš dlouho, proto zvolte vhodný formát a velikost vloženého zvuku nebo videa. ………………………
  
  Pomocí zvuku nebo videa vloženého do vašich webových stránek můžete dosáhnout toho, že Vaše stránky budou mnohem živější. Musíte ale dbát na to,
  
  119
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Nabídka FORMÁT Obsahuje příkazy pro vložení zvukového souboru do aktuálně otevřené webové stránky. Volba POZADÍ Pomocí této volby vyvoláte panel Vlastnosti stránky, ve kterém můžete zvolit zvukový soubor a způsob jeho přehrávání. Panel VLASTNOSTI STRÁNKY Obsahuje příkazy pro výběr typu zvukového souboru a způsobu jeho použití. Záložka OBECNÉ Záložku zobrazíte tak, že na její název jednou klepnete levým tlačítkem myši. Tlačítko PROCHÁZET Po stisknutí tlačítka se spustí průvodce soubory a složkami otevřeného webového místa. Vyberte příslušný zvukový soubor. OPAKOVAT Pomocí přepínače a nastavení příslušného počtu opakování nastavte způsob přehrávání zvukového souboru.
  
  Obr. 112 Vložení zvuku na pozadí v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Formát – FORMAT, Pozadí – BACKROUND, Vlastnosti stránky – PAGE PROPERTIES, Obecné – GENERAL, Procházet – BROWSE, Opakovat – LOOP, stále – FOREVER.
  
  TIP: Předtím, než zvukový soubor propojíte s webovou stránkou, musíte jej importovat do webového místa, aby byla zajištěna funkčnost přehrávání po napublikování stránek na web. Jsou podporovány následující zvukové formáty: MIDI, MID, WAVE, REAL AUDIO, AIFF, AU.
  
  10. 7 VLOŽENÍ VIDEA DO WEBOVÉ STRÁNKY Vkládání video souborů do webových stránek je velmi rozšířená možnost. Musíte mít na paměti, že video soubory jsou velmi náročné na přenosovou rychlost a proto není příliš dobré je umisťovat na stránky přímo. Lepší
  
  variantou je umístit na webovou stránku pouze náhled videa a vlastní video soubor zpřístupnit pomocí hypertextového odkazu. Sám uživatel potom usoudí, zda si video soubor uloží do svého počítače a tam přehraje. ……………
  
  120
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Nabídka VLOŽIT Obsahuje příkazy pro vložení video souboru do aktuálně otevřené webové stránky. Volba OBRÁZEK Pomocí této volby vyvoláte doplňkový panel pro vložení videa do aktuálně otevřené webové stránky. Volba VIDEO Po klepnutí na tuto volbu dojde ke spuštění panelu Video, pomocí kterého můžete vybrat video soubor, který chcete vložit do webové stránky. Panel VIDEO Pomocí volby OBLAST HLEDÁNÍ můžete procházet soubory a složky webového místa, ve kterém je umístěn video soubor. Označený video soubor Příslušný video soubor označíte tak, že na jeho název jednou klepnete levým tlačítkem myši (název se vybarví modře). Náhled video souboru Pokud je formát video souboru kompatibilní s prohlížečem, zobrazí se v tomto okně jeho náhled. Pokud se náhled nezobrazí, použijte jiný video soubor.
  
  Obr. 113 Vložení video souboru do webové stránky v aplikaci FrontPage 2002
  
  Poznámka:
  
  V anglické verzi programu se jedná o příkazy: Vložit – INSERT, Obrázek – PICTURE, Video – VIDEO, Oblast hledání – LOOK IN.
  
  10. 8 POUŽITÍ EFEKTŮ DYNAMICKÉHO HTML Pomocí prvků dynamického HTML (DHTML) lze vytvářet texty a obrázky, které se vznášejí nad webovou stránkou nebo dokáží odpovídat na různé
  
  TIP: Předtím, než video soubor vložíte do webové stránky, musíte jej importovat do webového místa, aby byla zajištěna funkčnost přehrávání po napublikování stránek na web.
  
  činnosti uživatele. Takovou typickou činností je například přejetí kurzorem myši přes obrázek či text v prohlížeči. ………………………………………..
  
  121
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Označené objekty Pomocí kurzoru myši označte požadované objekty (označit je můžete přetažením myši při stisknutém levém tlačítku myši). Nabídka FORMÁT Obsahuje příkazy pro formátování objektů vložených do aktuálně otevřené webové stránky. Volba EFEKTY DYNAMIC HTML Pomocí této volby vyvoláte panel Efekty Dynamic HTML, kterým můžete nastavovat efekty označeným objektům. PŘI Tímto rolovacím menu vyberete událost, při které se má efekt aktivovat. To znamená, že můžete specifikovat podmínky, kdy má k efektu dojít. POUŽÍT Pomocí rozbalovacího menu můžete vybrat činnost, která má být provedena po aktivaci efektu vybranou událostí. EFEKT Pomocí tohoto rozbalovacího menu můžete specifikovat další podrobnosti činnosti vybraného efektu. Obr. 114 Doplnění efektu DHTML v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Formát – FORMAT, Efekty dynamic HTML – DYNAMIC HTML EFFECTS, Při – ON, Použít – APPLY.
  
  10. 9 DOPLNĚNÍ PŘECHODŮ MEZI STRÁNKAMI Přechody mezi stránkami umožňují vytvářet efekty zatmívání a roztmívání stránek ve stylu filmů, které návštěvníci stránek uvidí, když na danou stránku vstoupí nebo ji opustí. Přechody mezi stránkami můžete použít tehdy, když
  
  TIP: Efekty DHTML, které ve FrontPage vytvoříte, budou vypadat stejně, ať si budete stránky prohlížet v jakémkoliv typu prohlížeče (Internet Explorer, NetScape Navigátor, Mozzila apod.). Platí pouze to omezení, že aplikace Internet Explorer musí být verze 3 a vyšší. U aplikace NetScape Navigátor to musí být verze 4 a vyšší. Pokud není toto splněno, nedojde ke spuštění efektu, ale objekty se zobrazí normálně.
  
  vytváříte nějakou webovou prezentaci nebo sledy webových stránek, u nichž chcete zvýšit dojem interaktivity. ……………………………………………
  
  122
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 Nabídka FORMÁT Obsahuje příkazy pro formátování objektů vložených do aktuálně otevřené webové stránky. Volba PŘECHOD STRÁNKY Pomocí této volby vyvoláte panel Přechod stránky, kterým můžete nastavovat efekty přechodu aktuální webové stránce. Panel PŘECHOD STRÁNKY Panel obsahuje možnosti nastavení přechodu webové stránky. UDÁLOST V rozbalovacím menu vyberte událost, při které se má daný přechod spustit. K dispozici jsou tyto události: VSTUP NA STRÁNKU OPUŠTĚNÍ STRÁNKY VSTUP NA SERVER OPUŠTĚNÍ SERVERU EFEKT PŘECHODU V seznamu můžete vybírat jednotlivé typy efektů přechodu webové stránky. Příslušný efekt přechodu vyberete tak, že na název efektu jednou klepnete levým tlačítkem myši (název se vybarví modře). Obr. 115 Přechody mezi stránkami v aplikaci FrontPage 2002
  
  Poznámka: V anglické verzi programu se jedná o příkazy: Přechod stránky , PAGE TRANSITION, Událost – EVENT, Vstup na stránku/ server – PAGE/ SITE ENTER, Opuštění stránky/ serveru - PAGE/ SITE EXIT.
  
  DOPORUČENÁ STUDIJNÍ LITERATURA 1) LAPÁČEK, J. Internet pro úplné začátečníky. 1. vyd. Praha: Computer Press. 2000. 198 s. ISBN 80-7226-226-2.
  
  123
  
  PhDr. Milan Klement© – Tvorba webových stránek pomocí aplikace Microsoft® FRONT PAGE 2002 2) MUSCIANO, C. HTML a XHTML – kompletní průvodce. 1. vyd. Praha: Computer Press. 2000. 633 s. ISBN 80-7226-407-9. 3) BROŽA, P. Programování WWW stránek pro úplné začátečníky. 1. vyd. Praha: Computer Press. 2000. 153 s. ISBN 80-7226-421-4. 4) KOSEK, J. HTML tvorba dokonalých WWW stránek– podrobný průvodce. 1. vyd. Praha: Grada Publishing. 1998. 296 s. ISBN 80-7169-608-0. 5) HLAVENKA, J. Vytváříme WWW stránky a spravujeme moderní WEB Site. 3. vyd. Brno: Computer Press, 1999. 473 s. ISBN 80-7226-163-0. 6) ZRZAVÝ, J. VRML tvorba dokonalých WWW stránek. 1. vyd. Praha: Grada Publishing. 1999. 204 s. ISBN 80-7169-643-9.
  
  7) VORÁČEK, K. FRONTPAGE 2000. 1. vyd. Praha : Grada publishing, 1999. 198 s. ISBN 80-7845-125-0. 8) NELSON, S. FrontPage 2000 na první pokus. 1. vyd. Praha: Computer Press. 1999. 211 s. ISBN 80-7226-208-4. 9)
  
  KLEMENT, M. Výpočetní technika – software a hardware. 1. vyd. Olomouc: Vydavatelství UP Olomouc, 2002. 178 s. ISBN 80-244-4012-6.
  
  10) KLEMENT, M. Základy práce s PC. 1. vyd. Olomouc: Vydavatelství UP Olomouc, 2001. 214 s. ISBN 80-244-0317-X.. 11) KLEMENT, M. Základy programování v jazyce Visual Basic. 1. vyd. Olomouc: Vydavatelství UP Olomouc, 2002. 328 s. ISBN 80-262-4287-9. 12) RENDA, M. Český Internet a MS Internet Explorer 5. 1. vyd. Praha, Grada Publishing, 1999. 260 s. ISBN 80-7169-846-6. 13) HRADSKÝ, J.Český Office 2000 Professional: podrobný průvodce začínajícího uživatele. 1. vyd. Praha, Grada Publishing, 2000. 476 s. ISBN 80-7169-882-2 14) HYNEK, D. Microsoft Office 97 - kompletní průvodce. 1. vyd. Praha, Grada, 1997. 381 s. ISBN 80-7169-546-7. 15) PLECHÁČ, V. Microsoft FrontPage 98 : vytvoření a správa webu. 1. vyd. Praha: GComp, 1998. 256 s. ISBN: 80-85649-66-7. 16) PASTYŘÍK, P. Microsoft FrontPage: jednoduše. 1. vyd. Praha : Computer Press, 2001. 117 s. ISBN: 80-7226-527-X.
  
  124