Průvodci a šablony jsou efektivním nástrojem pro vytváření webových stránek ve Frontpage. V kapitole 3 jsme se podívali na průvodce, kteří interaktivně generují webové stránky a stránky. Tato kapitola je o šablonách. Naučíte se nejen vytvářet webové stránky a webové stránky na základě vestavěných šablon, ale také jak vytvářet vlastní šablony.
Šablony webových stránek
Frontpage poskytuje šablony pro vytvoření webu i webové stránky. Nejprve se podíváme na šablony webových stránek. Stáhnout Frontpage. Po dokončení procesu stahování aktivujte příkaz podnabídky Web nabídka Nový soubor. V dialogovém okně Nový, které se otevře, se zobrazí seznam průvodců a šablon webových stránek. Existuje celkem pět šablon:
Web jedné stránky;
Web zákaznické podpory (web zákaznické podpory);
Prázdný web (prázdný web);
Persona] Web (osobní web);
Web projektu.
Webová šablona s jednou stránkou
Ve výchozím nastavení je v dialogovém okně Nový vybrána šablona One Page Web. Při použití této šablony se vytvoří struktura složek webu a vygeneruje se jedna stránka (domovská stránka). Dále proveďte následující:
Akce:
1. V dialogovém okně Nový zadejte název webového serveru a název webového serveru (například Jedna stránka) do pole Zadat umístění nového webu. Klepněte na tlačítko OK.
2. Přejděte do režimu zobrazení Složky kliknutím na stejnojmenný ovládací prvek v panelu Pohledy pro zobrazení struktury uzlu (obr. 4.1.)
3 Poklepáním na soubor domovské stránky (výchozí htm) jej otevřete v režimu zobrazení stránky B tento moment stránka je prázdná. Zadejte název stránky „Domovská stránka“

Obrázek 4.1. Web založený na šabloně Jedna stránka v zobrazení Složky

V budoucnu můžete na web přidávat nové stránky v libovolném režimu zobrazení a v zobrazení Navigace vytvářet odkazy mezi stránkami Postupujte následovně: 1 Přejděte do zobrazení Navigace Klepněte na ikonu domovské stránky v pravém podokně (barva ikona se změní). Chcete-li vytvořit novou stránku, klikněte na tlačítko Nová stránka na panelu nástrojů Standardní. Ve výchozím nastavení se nová stránka jmenuje Nová stránka 1. Tato stránka bude vytvořena jako podřízená stránka domovské stránky. Tímto způsobem můžete vytvořit libovolné počet stránek a pak v případě potřeby změňte vazby mezi nimi 2 Vytvořte dalších šest stránek na stejné úrovni jako Nová stránka 1 (s vybranou ikonou domovské stránky)
3. Nyní změňte vazby mezi stránkami, vyberte například stránku Nová stránka 4 a při stisknutém tlačítku myši ji přetáhněte pod stránku Nová stránka 2. Spusťte tlačítko myši. Stránka Nová stránka 4 se tak stala potomkem stránky Nová stránka 2. Nyní nastavte stránku Nová stránka 5 jako potomka stránky Nová stránka 2 a stránku Nová stránka 6 jako potomka stránky Nová stránka 4 (obr. 4.2.)

Poznámka
V režimu prohlížení Navigace můžete využít nástroje stejnojmenného panelu, který se po přepnutí do tohoto režimu objeví na obrazovce Jedním z těchto nástrojů je seznam Lupa, ve kterém lze vybrat měřítko pro zobrazení struktura webu Vyberte položku Velikost v tomto seznamu Přizpůsobit (vyberte velikost) Po výběru se zobrazí ikony všech stránek webu. Velikost ikon závisí na velikosti plochy okna Frontpage aktuálně zabírá pravý panel (oblast tohoto panelu je upravena svislým posuvníkem, který jej odděluje od panelu Seznam složek) 2 Vytvořte dalších šest stránek na stejné úrovni jako stránka Nová stránka 1 (ikona domovské stránky musí být vybraný)
3. Nyní změňte vazby mezi stránkami, vyberte například stránku Nová stránka 4 a při stisknutém tlačítku myši ji přetáhněte pod stránku Nová stránka 2. Uvolněte tlačítko myši. Stránka Nová stránka 4 se tak stala potomkem stránky Nová stránka 2. Nyní nastavte stránku Nová stránka 5 jako potomka stránky Nová stránka 2 a stránku Nová stránka 6 jako potomka stránky Nová stránka 4 (obr. 4.2).

Obrázek 4.2. Změna odkazů mezi stránkami v zobrazení Navigace

Poznámka
V režimu zobrazení Navigace můžete využít nástroje stejnojmenného panelu, který se po přepnutí do tohoto režimu objeví na obrazovce Jedním z těchto nástrojů je seznam Lupa, ve kterém lze vybrat měřítko pro zobrazení strukturu webu. Z tohoto seznamu vyberte položku Size to Fit. Po výběru se zobrazí ikony všech stránek webu. Velikost ikon závisí na tom, jak velkou plochu okna Frontpage aktuálně zabírá pravý panel (tzv. oblast tohoto panelu je upravena svislým posuvníkem, který ji odděluje od panelu Seznam složek)
3. Odstraňte prázdný web výběrem příkazu Odstranit web z nabídky Soubor a aktivací přepínače Odstranit celý web v dialogovém okně Potvrdit odstranění.
Když použijete šablonu Personal Web, vytvoříte web, který se skládá z pěti stránek, které jsou navrženy tak, aby reprezentovaly malou organizaci nebo jednotlivce. Chcete-li vytvořit web, postupujte takto:
1. V dialogovém okně Nový vyberte šablonu Personal Web Zadejte adresu URL webu (pojmenujte web, například Personalweb). Po kliknutí na tlačítko OK se vytvoří nový web, jehož strukturu zobrazíte v režimu zobrazení složek
2. Otevřete domovská stránka uzel v režimu zobrazení stránky (obrázek 4.3.)

Obr 4 3 Domovská stránka osobního webu

Tato stránka nabízí sadu prvků, které můžete použít zcela nebo částečně, nebo je vůbec nepoužít. Mezi nejdůležitější prvky patří následující
Obecné oblasti – oblasti, které jsou umístěny na horním, spodním, levém a (méně často) pravém okraji stránky. Tyto oblasti jsou umístěny v hlavním navigační lišty(vlevo a nahoře) a kontaktní informace (dole) Na domovské stránce Personulweb jsou nahoře a vlevo obecné oblasti
Záhlaví stránky je komponenta FrontPage Page Banner Tato komponenta vkládá na stránku záhlaví ve formě grafického obrázku a nikoli ve formě textu Typ záhlaví můžete určit v okně Vlastnosti banneru stránky, které se otevře, když aktivujete stejnojmenný příkaz kontextové nabídky
Chcete-li změnit titulek stránky (v tomto případě Domovská stránka), musíte na stránku v režimu zobrazení Navigace kliknout pravým tlačítkem, z kontextové nabídky vybrat Přejmenovat a zadat nový název.
Navigační panely umístěné přímo pod záhlavím a na levé straně stránky jsou komponenty FrontPage Parametry panelu se nastavují v dialogovém okně Navigation Bai Pioperties

Prostý text je text, který můžete nahradit svým vlastním.
Hypertextové odkazy jsou podtržené a odkazují na stránky na webu.
Obrázek na pozadí je malý grafický obrázek, jehož mnoho duplikátů tvoří mozaikové pozadí nebo plné pozadí na stránce.
Písma a barva textu, jako obrázek na pozadí, jsou definovány v tématu přiřazeném tomuto webu.
Datum a čas – komponenta Datum a čas aplikace FrontPage, která vkládá datum Poslední aktualizace stránky. Vlastnosti této součásti můžete změnit v dialogovém okně Vlastnosti data a času, které se otevře, když dvakrát kliknete na datum.
Logo Frontpage 2000 se nachází v pravé dolní části domovské stránky. Lze jej smazat nebo upravit v libovolném grafickém editoru. Ve výchozím nastavení se pro úpravy grafiky používají grafické úpravy. Microsoft editor Image Composer. Logo je dostupné ke zpracování v okně editoru po dvojkliku na něj. Výchozí grafický editor lze změnit následovně. Aktivujte příkaz Možnosti v nabídce Nástroje. V dialogovém okně Možnosti přejděte na kartu Konfigurovat editor. Zobrazí se seznam editorů, které lze použít ke zpracování souborů s příslušnými příponami. Zadejte přístupovou cestu svazku grafický editor, se kterým chcete pracovat. Kromě toho můžete obrázek změnit pomocí nástrojů v panelu Obrázky, který se zobrazí na obrazovce po kliknutí na obrázek

Parametry obrázku se nastavují v dialogovém okně Vlastnosti Pictuie, které se otevře aktivací stejnojmenného příkazu kontextové nabídky. Otevřít a zobrazit další stránky na webu v režimu Procházení
Stránka Odstranit osobní web Webový web vytvořený pomocí šablony Osobní web je dobrým základem pro složitější web (doporučujeme to mít na paměti při vytváření vlastního webu) Šablona webu projektu
Šablona Project Web (Project Web site) je určena k vytvoření vícestránkového webu (obrázek 4.4.), který slouží k neustálému zobrazování nejrůznějších informací o projektu od samého začátku práce na něm. web obsahuje informace, jako jsou seznamy účastníků projektu, plán a stav, záhlaví a zápatí stránek, archiv a diskusní fórum a vyhledávač Vytvořte web podle šablony Project Web takto:
1. V dialogovém okně Nový vyberte šablonu Project Web Zadejte URT - adresu webu (pojmenujte web, např. Project)

Obrázek 4.4. Web založený na šabloně Project Web

2. Poklepáním na ikonu Domovská stránka na panelu Navigace otevřete domovskou stránku v režimu zobrazení stránky (obrázek 4.5).

Rýže. 4.5. Domovská stránka webové stránky projektu se záhlavím a navigací a panely v zobrazení Stránka

Obecné oblasti
Webové stránky projektu mají tři obecné oblasti, které můžete upravovat.
1. Upravte navigační panel umístěný v horní obecné oblasti. Chcete-li to provést, nejprve jej vyberte jedním kliknutím a poté dvojitým kliknutím otevřete dialogové okno Vlastnosti navigačního panelu.
2. V oblasti Hypertextové odkazy pro přidání na stránku dialogového okna Vlastnosti navigačního panelu povolte přepínač Child Level a nastavte možnosti Domovská stránka a Nadřazená stránka. V oblasti Orientation And Appearance aktivujte přepínače Horizontal a Text (obr. 4.6). Nakonec klepněte na tlačítko OK.

Obrázek 4.6. Změna nastavení v dialogovém okně Vlastnosti navigační lišty

Můžete určit, na které stránky jsou v navigační liště propojeny, umístěním ukazatele myši na tlačítko navigační lišty, čímž se zobrazí úplná cesta k dané stránce ve stavovém řádku okna Frontpage. Již jsme si všimli, že názvy tlačítek navigační lišty se shodují s názvy těch stránek, které jsou propojeny hypertextovými odkazy pomocí odpovídajících voleb v dialogovém okně Vlastnosti navigační lišty. Názvy zobrazené v navigační liště se změní, když změníte názvy stránek v zobrazení Navigace
3. Přejděte na konec stránky Zkontrolujte spodní obecnou oblast, jak je znázorněno níže Obsahuje komponentu FrontPage Datum a čas Copyright nebo jiné proprietární prohlášení.
4. V zobrazení stránky otevřete a zobrazte stránky Členové, Plán, Stav a Archiv, z nichž každá obsahuje společné oblasti
Vyhledávání a diskusní skupiny
Výsledný web projektu má následující funkčnost, jako je textové vyhledávání a diskusní skupiny (na ty jsme se podívali v kapitole 3. Nyní se na ně podíváme ve vztahu k webu založenému na šabloně Project Web:
1. Otevřete stránku Hledat (search.htm) v režimu zobrazení stránky (obrázek 4.7.) Tato stránka obsahuje formulář obsahující jediné pole. Tento formulář vám umožňuje prozkoumat dokumenty webových stránek a najít informace, které odpovídají kritériím vyhledávání zadaným ve formuláři.

Obrázek 4.7. Stránka pro vyhledávání na webu projektu

Vyhledávací formulář je součástí aplikace FrontPage. Příkaz Hledat vlastnosti formuláře z místní nabídky umožňuje změnit vlastnosti této komponenty. Stránka Hledat poskytuje pokyny pro nastavení kritérií vyhledávání. Zavřete stránku Hledat a otevřete stránku Diskuze (diskutovat o htm), která obsahuje odkazy na diskusní skupiny Požadavky a znalostní báze Diskuzní skupina je skupina souvisejících (většinou tématických) webových stránek, které obsahují formuláře a komponenty FiontPage. Někteří uživatelé tak mají možnost vyjádřit své připomínky a návrhy a jiní se k nim vyjádřit. Tímto způsobem se vede dialog
3. Hodnotit vzhled stránky webu vytvořené pomocí šablony Project Web, použijte příkaz Náhled v prohlížeči v nabídce Soubor nebo tlačítko na panelu nástrojů se stejným názvem. V zobrazeném dialogovém okně vyberte svůj prohlížeč a určete velikost jeho okna a klikněte na OK. Až skončíte s prohlížením, zavřete prohlížeč a Frontpage. Potom smažte web projektu ve Frontpage. Web vytvořený pomocí šablony Project Web lze použít k prezentaci informací nejen o projektu, ale také o každodenním -denní práce týmu nebo oddělení.
Webová šablona zákaznické podpory
Webová šablona zákaznické podpory vytváří web, který uživatelům poskytuje různé informace (několika způsoby) a také jim umožňuje jejich informace publikovat. Dále postupujte takto:
1. V dialogovém okně Nový vyberte šablonu webu zákaznické podpory Zadejte adresu URL webu (pojmenujte web, například Zákazník) (Vytvořený web je znázorněn na obrázku 48)

Obrázek 4.8. Web založený na šabloně webu zákaznické podpory

2. Otevřete uvítací stránku (domovskou stránku) v zobrazení stránky. Tato stránka obsahuje horní, dolní a levou obecnou oblast a také horní a levou navigační lištu.
3. Prohlížejte si stránky Co je nového a FAO (často kladené otázky) v režimu zobrazení stránek Tyto stránky jsou dobře navržené a plně odpovídají svému účelu. Kombinují text, hypertextové odkazy, záhlaví a zápatí.
4. Otevřete stránku Chyby (Bugrep.htm). Obsahuje formulář, ve kterém může uživatel popsat softwarovou chybu, na kterou narazil, a klást související otázky. Tato forma lze upravit: změnit popisky, velikost a obsah polí.
5. Načtěte okno vlastností pole seznamu: klikněte pravým tlačítkem na tento prvek a v místní nabídce aktivujte příkaz Vlastnosti pole formuláře. Zobrazí se dialogové okno Vlastnosti rozbalovací nabídky (obr. 4.9), které obsahuje tlačítka umožňující přidávat, mazat, měnit pole seznamu a přesouvat je nahoru a dolů.

Obrázek 4.9. Dialogové okno Vlastnosti rozevírací nabídky

6. Zavřete dialogové okno Vlastnosti rozevírací nabídky a stránku Chyby Otevřete, zobrazte a zavřete stránku Návrhy od zákazníků (Suggest, htm), která obsahuje návrhy zákazníků. Otevřete stránku Zákaznická podpora ke stažení (Stáhnout, htm). Stránka stahování je navržena tak, aby uživatelům umožňovala stahovat software nebo dokumenty z vašeho webu do jejich počítačů. V tomto příkladu jsou soubory přenášeny ze serveru do klientského počítače pomocí FTP (F-e Transfer Protocol). Pokud umístíte ukazatel myši na odkaz, uvidíte ve stavovém řádku adresu URL webové stránky, ze které bude soubor stažen, když je odkaz aktivován.
7. Zavřete stránku Stáhnout. Otevřít, zobrazit a zavřít stránky Diskuse a Vyhledávání. Na nich najdete diskusní skupinu a vyhledávací formulář, které jsou podobné těm, které byly popsány výše.
8. Otevřete webovou stránku založenou na šabloně zákaznické podpory ve svém prohlížeči a pracujte na stránkách Návrhy (odešlete návrh) a Chyby (popište chybu, na kterou jste narazili při práci se softwarem).
9. Vraťte se na Frontpage a aktivujte příkaz Refresh z nabídky View. Přejděte na Frontpage a otevřete a zobrazte stránky Buglist.htm a Feedback.htm.
10. Nakonec odstraňte web zákazníka.
Šablony webových stránek
Na základě šablon webových stránek jsou weby vytvářeny pomocí velké množství různé stránky a různé funkce na každé z nich. Někdy je ale potřeba vytvořit jednu stránku. Frontpage nabízí 26 šablon a jednoho průvodce vytvořením stránky. Podíváme se na některé z nejužitečnějších šablon. Proces vytváření webové stránky na základě šablony zahrnuje následující kroky:
1. V aplikaci Frontpage vygenerujte nový web založený na šabloně Empty Web. Pojmenujte to TestPages. Vytvořte domovskou stránku kliknutím na tlačítko Nová stránka na standardním panelu nástrojů.
2. Otevřete svou domovskou stránku v zobrazení stránky.
3. Aktivujte příkaz Stránka z podnabídky Nový nabídky Soubor, čímž se zobrazí dialogové okno Nový se seznamem šablon webových stránek prezentovaných na záložce Obecné (obr. 4.10). Zaměříme se na pět vzorů. Po vytvoření stránky pomocí další šablony ji nejprve zobrazte ve Frontpage a poté v prohlížeči.
Poznámka
Ve výchozím nastavení je v dialogovém okně vybrána šablona normální stránky. Na jeho základě se vytvoří prázdná stránka. Toto dialogové okno se zobrazí pouze v režimu zobrazení stránky. V jiných režimech zobrazení vytvoříte pomocí příkazu Stránka z podnabídky Nový v nabídce Soubor stránku založenou na šabloně normální stránky. Klepnutím na tlačítko Nový na panelu nástrojů Standardní v libovolném režimu zobrazení také vytvoříte stránku založenou na této šabloně bez načtení dialogového okna Nový.

Rýže. 4.10. Nové dialogové okno (záložka Obecné) se seznamem šablon

Šablona formuláře zpětné vazby
Šablona formuláře zpětné vazby se používá k vytvoření stránky s formulářem určeným ke shromažďování informací, které potřebujete (obrázek 4.11). Tento formulář se nazývá formulář zpětné vazby.V souladu se šablonou se tvoří pole několika typů, kterým jsou přiřazeny názvy, které jsou použity i v šabloně Confirmation Form a dále je stanoveno, že data z formuláře budou uložena v soubor Feedback.txt složky _Private webového serveru (název souboru, formát, ve kterém budou data do souboru zapsána, a další nastavení lze vždy přepsat v dialogovém okně vlastností formuláře). Pokud se váš web jmenuje TestPages a používá výchozí systém složek, cesta k souboru Feedback.txt bude následující:
C:\InetPub\Wwwroot\TestPages\_Private\Feedback.txt.

Rýže. 4.11. Stránka vytvořená pomocí šablony formuláře zpětné vazby

Šablona potvrzovacího formuláře
Tato šablona vytvoří potvrzovací stránku, která se používá k prokázání, že uživatelův vstup do formuláře na stránce byl přijat (potvrzovací stránka se automaticky načte do klientského prohlížeče poté, co uživatel odešle data na webovou stránku). Když vytvoříte formulář, Frontpage automaticky vygeneruje potvrzovací stránku. Můžete tvořit vlastní stránku potvrzení pomocí šablony Confirmation Form.
Chcete-li to provést, musíte provést následující kroky. Klikněte pravým tlačítkem myši na formulář umístěný na stránce, ze které chcete přenést data, a v zobrazené kontextové nabídce aktivujte příkaz Vlastnosti formuláře. V dialogovém okně, které se otevře, aktivujte tlačítko Možnosti. V okně Možnosti uložení výsledků formuláře vyberte kartu Stránka potvrzení a do pole Adresa URL stránky potvrzení (volitelné) zadejte adresu URL stránky potvrzení. Na Frontpage v zobrazení Hypertextové odkazy můžete vidět odkaz mezi formulářem, ze kterého jsou data odesílána (formulář odeslání) a potvrzovací stránkou. Pokud je stránka vytvořena na základě šablony Confirmation Form, bude obsahovat komponenty Confirmation Field FrontPage (obr. 4.12). Tato komponenta zobrazuje data odeslaná z odpovídajícího pole formuláře na potvrzovací stránce.
Chcete-li na stránku potvrzení přidat součást Confirmation Field FrontPage, postupujte takto. Aktivujte příkaz Pole potvrzení z podnabídky Komponenty nabídky Vložit. V dialogovém okně Vlastnosti pole potvrzení, které se načte, zadejte název pole potvrzení. Aby se informace předávané z pole formuláře správně zobrazily na potvrzovací stránce, musí se názvy pole formuláře a potvrzovacího pole shodovat.

Rýže. 4.12. Stránka vytvořená pomocí šablony Confirmation Form

Šablona vyhledávací stránky
Šablona vyhledávací stránky vytvoří stránku obsahující vyhledávací formulář komponenty FrontPage, který umožňuje vyhledávat informace na všech stránkách webového serveru. Tato stránka také poskytuje pokyny, jak používat operátory dotazovacího jazyka (obrázek 4.13).
Výsledky hledání klíčového slova TestPages na webu vytvořeném pomocí šablony Project Web jsou znázorněny na obrázku. 4.14 (je zobrazen seznam stránek, na kterých se toto klíčové slovo vyskytuje). Pro zobrazení stránky jednoduše klikněte na odpovídající položku seznamu.

Obrázek 4.13. Stránka vyhledávání vytvořená pomocí šablony Stránka vyhledávání

Obrázek 4.14. Výsledky vyhledávání pro klíčové slovo TestPages

Šablona obsahu
Tato šablona umožňuje vytvořit stránku s obsahem. Tato tabulka obsahuje odkazy na všechny stránky webu a poskytuje rychlou navigaci na jakoukoli webovou stránku. Obsah lze zobrazit pouze v prohlížeči.
Na Obr. 4.15. Zobrazí se obsah webové stránky obsahující odkazy na stránky, které byly vytvořeny pomocí šablon, které jsme zkoumali. Vlastnosti obsahu lze změnit v dialogovém okně Vlastnosti obsahu, které se načte pomocí příkazu Obsah v podnabídce Komponenty nabídky Vložit.

Rýže. 4.15. Stránka s obsahem v prohlížeči

Úzký, vpravo zarovnaný vzor těla
Dosud jsme se zabývali šablonami, které umožňují použití komponent FrontPdge, jako je vyhledávací formulář, obsah a potvrzovací pole. Existují šablony, na jejichž základě jsou stránky rozvržení (například obsahující tabulky) vytvořené pro vyplnění textem a grafikou Takové stránky se nepoužívají Komponenty FrontPage Narrow, Right-aligned Body (úzké, vpravo zarovnané tělo) je jednou z takových šablon.Při použití této šablony je možné náhled složení stránky v oblasti Náhled v dialogovém okně Nový. Stránka vygenerovaná ze šablony Úzké tělo zarovnané vpravo obsahuje tabulku se dvěma sloupci a jedním řádkem. Levá buňka tabulky obsahuje velký grafický obrázek. Pravá buňka je vyplněna nesmyslným textem, který by měl být nahrazen. Návštěvníci, kteří si prohlížejí stránku webu, neuvidí tečkované čáry oddělující buňky na úvodní stránce. 4.16. ukázal jak tato stránka vypadá jako v režimu náhledu Frontpage (v režimu zobrazení stránky klikněte na kartu Náhled ve spodní části okna stránky) tento režim Ohraničení buněk se nezobrazují. Než začnete vyvíjet své vlastní šablony, zavřete a odstraňte web TestPages, který jste používali

Obrázek 4.16. Stránka vytvořená na základě Úzké šablony, Tělo zarovnané doprava, v režimu zobrazení Náhled v Frontpage

Vytváření šablon na Frontpage
Vzhledem k tomu, že se šablonami již nějakou dobu pracujete, pravděpodobně máte nějaké představy o tom, jaké šablony Frontpage byste chtěli mít.
Dále se podíváme na procesy vytváření šablon pro dva odlišné typy.
Typy šablon
Šablony jsou ve skutečnosti uzly nebo stránky, které jsou umístěny samostatně (ve speciální složce) a slouží jako modely pro vývoj různých webových stránek a stránek. Šablony webových stránek a šablony webových stránek jsou uloženy v různé složky, nicméně je mezi nimi mnoho podobností. Šablony stránek obvykle generují jednu stránku, která se stane součástí samostatně vytvořeného webu. Šablona webu vám umožňuje vytvořit plnohodnotný web Frontpage s jednou nebo více souvisejícími stránkami. Všechny soubory šablon jsou umístěny v jedné složce, která je součástí struktury složek Frontpage. Vytváření šablon dvou uvedených typů spočívá v vytvoření uzlu nebo stránky obvyklým způsobem. Jakmile je web nebo stránka kompletně navržena podle vašich požadavků, umístěte ji do složky určené pro šablony (složky obsahující soubory šablon musí mít příponu TEM). Složka šablon obsahuje soubory HTML webového serveru a také soubor INF (který obsahuje informace o šabloně) a soubor DIB (miniaturu šablony, která se zobrazí v okně náhledu v okně Nové). Některé složky šablon obsahují grafické soubory.
Struktura složky na přední straně
Během procesu instalace Frontpage 2000 jsou vytvořeny složky, které obsahují šablony pro stránky, uzly, rámce a šablony stylů (názvy složek, v tomto pořadí, Pages, Webs, Frames, Css). Výchozí cesta k těmto složkám je C:\Program Files\Microsoft Onice\Templates\1033\. Na Obr. 4.17 v Průzkumníku Windows zobrazuje obsah složky Pages (soubory pro každou šablonu jsou umístěny v samostatné podsložce s příponou TEM). Pokud jste do počítače nainstalovali Microsoft Personal Webový server 4.0, při použití výchozího nastavení během procesu instalace bude cesta k jeho souborům a složkám následující: C:\InetPub\Wwwroot\. Tato složka je kořenovou složkou webového serveru. Bude obsahovat kořenový web. Všechny uzly vytvořené v aplikaci Frontpage jsou umístěny v podsložkách kořenové složky webového serveru. Kořenový web je web, na který se přistupuje z adresy URL, která určuje pouze název serveru (žádný název složky nebo stránky).
Přístup k spustitelný soubor Frontpage (frontpa ge.exe) je ve výchozím nastavení umístěn v následující cestě: C:\Program Fi les\Microsoft Office\0ffice

Obrázek 4.17. Složka Microsoft Front Page a podsložky Pages obsahující soubory šablon stránky

V Průzkumníkovi Windows otevřete složku Pages (úplná cesta je C:\ProgramFiles\Microsoft Office\Templates\1033\Pages) Poté otevřete jednu z jejích podsložek, například 1 střed. Ve složce šablony musí být alespoň tři soubory. Jedním z nich je soubor HTML. Pokud dvakrát kliknete na název tohoto souboru, výchozí prohlížeč načte a zobrazí webovou stránku založenou na této šabloně. Ostatní soubory ve složce šablony se nachází soubor INF a soubor DIB O jejich účelu jsme již hovořili. Podívejme se blíže na soubor INF
soubor INF
Soubor INF obsahuje popisné informace o šabloně. Je to podobné jako u INI souboru Systémy Windows. Soubor INF musí mít stejný název jako složka, ve které se nachází.
Ve složce Pages otevřete složku Icentertem a poklepejte na název souboru center.inf. Pokud soubor INF není přidružen k aplikaci, která jej může zobrazit, použijte k tomuto účelu editor poznámkového bloku. V okně programu Poznámkový blok se zobrazí souhrn souboru, jak je znázorněno na následujícím obrázku.
Sekce souboru INF
Soubor INF má vždy sekci s minimálně dvěma podsekcemi ~ názvem šablony a jejím popisem. Pokud se jedná o soubor šablony webové stránky, informace z podsekcí se zobrazí v dialogovém okně Nový (karta Webové servery), a pokud se jedná o soubor šablony webové stránky, zobrazí se v dialogovém okně Nový (karta Obecné). Na Obr. 4.18. V dialogovém okně Nový je na kartě Obecné vybrána šablona Jednosloupcová stránka, jejíž popis je zobrazen v oblasti Popis.
Pokud není soubor INF vytvořen, název šablony nebude zahrnut v seznamu dostupných šablon.
Je třeba vzít v úvahu, že správná organizace obsahu souboru INF má velká důležitost. Je nutné mít sekci, stejně jako nadpisové a popisné podsekce s nadpisem a popisným řádkem v nich obsažených. V sekci může být celková délka názvu a položky podsekce až 255 znaků. Optimální délka pro úplné zobrazení názvu a popisu v dialogovém okně Nový je 30 a 100 znaků.
Poznámka
Nejpohodlnější způsob, jak vytvořit . Soubor INF pro šablony webu zobrazené v aplikaci Frontpage může obsahovat další oddíly, které se používají při načítání šablony.

Obrázek 4.18. V dialogovém okně Nový (karta Obecné) je vybrána šablona stránky Jeden sloupec sekce stránky

Pomocí sekce (Obrázek 419) definujete strukturu ukládání souborů webové stránky vytvořené na základě této šablony Pokud sekce chybí. Frontpage načte všechny soubory ze složky, ale nic z podsložek. Všechny soubory JPG a GIF ve složce TEM, i když tam není žádná sekce, jsou umístěny v podsložce Image na webu. Tato sekce je nezbytná, pokud chcete:
aby byly na webu použity soubory z podsložek složky TEM,
označte soubory, které potřebujete, ve složce TEM, která by měla být umístěna na webu (soubory složky TEM, které nejsou součástí této sekce, jsou ignorovány),
takže soubory skončí ve specifických složkách na webu, a ne pouze v kořenovém adresáři
Při použití sekce byste si měli vytvořit seznam všech souborů, které budou použity na webu vytvořeném na základě této šablony. Pokud chcete umístit jakoukoli stránku nebo obrázek do jiné složky webu, ale ne do kořenového adresáře, název podsekce a její obsah musíte vytvořit podle určitých pravidel, jako název sekce musí být použita cesta k souboru vzhledem ke složce šablony a název tohoto souboru. Například složka obrázků je ve složce šablon a soubor scrnshot.gif je ve složce obrázků. Poté bude název podsekce následující. images\scrnshot.gif. Obsahem podsekce by měla být adresa URL tohoto souboru na vašem webu.

Obrázek 4.19. Sekce souboru INF

Sekce
Sekce je určena k uložení proměnných používaných náhradou komponenty FrontPage. Chcete-li umístit tuto komponentu na stránku, musíte aktivovat stejnojmenný příkaz v podnabídce Komponenty nabídky Vložit. Tato komponenta se používá k umístění určitých typů informací na webové stránky, například:

Název společnosti = Exciting Travel, Inc
Adresa společnosti = 1 Main St, Some Town, WA 98100
Sekce
Sekce slouží k poskytnutí seznamu úkolů, který se zobrazí v režimu zobrazení Úkoly, pokud je web vytvořen pomocí této šablony. Záznamy (název podsekce a její obsah) v sekci jsou prezentovány v následujícím formátu TaskNumber=TaskNameI Priority I Created By]URLI Comment Prvky záznamu podsekce jsou od sebe odděleny svislým pruhem (název podsekce, jedinečné číslo nebo klíč identifikující úkol)
Jejich popis je uveden v tabulce 4 1 a způsob použití je znázorněn na obrázku 4.20.

Obrázek 4.20. dialogové okno favk Detail

Tabulka 4.1. Popis prvků záznamu sekce [ra^kLi"sl]

Živel	Popis	Poznámky
TaskNumber (číslo úkolu)	Jedinečné číslo nebo klíč	Například "t01", "t02", "t03" atd.
Název úkolu	Stručný popis úkolu	Fráze o třech nebo čtyřech slovech
Přednost	Celé číslo popisující důležitost úkolu (jeho prioritu)	1 - vysoká, 2 - střední, 3 - nízká
Vytvořil (kdo vytvořil stránku)	Název šablony	Uvedeno v polích Vytvořil a Přiřadit v dialogovém okně Podrobnosti úkolu
	URL stránky, pro kterou byl úkol vytvořen	Určeno v poli Připojeno v dialogovém okně Podrobnosti úlohy
Komentář	Popis úkolu	Více Detailní popis co je potřeba udělat

Speciální schopnosti
Různé webové servery se vyznačují různá nastavení pro nastavení výchozího názvu souboru domovské stránky. Pokud používáte MSPWS, Frontpage ve výchozím nastavení pojmenuje domovské stránky webu Default.htm. Na serveru NCSA (server UNIX) je název domovské stránky Index, htm, který lze z adresy URL při přístupu na webovou stránku vynechat. Například adresa URL http://www*fairmountain*com/wine vás zavede na stránku Index.htm webové stránky Wine umístěné na serveru Fairmountain NCSA. Na serveru CERN (server UNIX) je to obvykle název Welcome.htm a na serveru Internet Information Server je to obvykle název Default.htm. Všechny soubory domovské stránky šablony webu mají název index.htm. Když vytvoříte web ze šablony, Frontpage dá souboru domovské stránky název, který je ve výchozím nastavení nastaven na webovém serveru. Tím se odpovídajícím způsobem změní odkazy na domovskou stránku. Pokud nechcete použít tato příležitost, pak v souboru INF v sekci musíte zadat následující řádek (název domovské stránky se nezmění): NoIndexRenaming"
Poznámka
Zajímavostí je, že při uspořádání odkazu na domovskou stránku není nutné výslovně uvádět název jejího souboru (například Default.htm). Místo názvu souboru můžete použít znaky "./".
Tyto znaky odpovídají výchozímu názvu souboru domovské stránky nastavenému na webovém serveru.
Vytváření šablon jedné stránky
To se provádí velmi jednoduše. Stačí vytvořit běžnou webovou stránku s informacemi a uložit ji jako šablonu. To je vše:
1. Vytvořte jednostránkový web ve Frontpage a pojmenujte jej Šablony. Poklepáním na domovskou stránku ji otevřete v zobrazení stránky.
2. V horní části stránky zadejte text "Domovská stránka" a dejte mu styl odstavce Nadpis 1. Vyberte text a klepněte na tlačítko Uprostřed na panelu nástrojů Formát: text bude zarovnán na střed stránky.
3. Vyvolejte příkaz Uložit jako z nabídky Soubor. Zobrazí se dialogové okno se stejným názvem. V seznamu Uložit jako vyberte Frontpage Template (*.tem). Klikněte na tlačítko Uložit. Otevře se dialogové okno Uložit jako šablonu.
4. Zadejte nový název šablony „Domovská stránka“ a název stránky (domovskou položku), zadejte položku do pole Popis, například „Vytváří domovskou stránku“ a klikněte na OK.
5. Pokud používáte výchozí strukturu složek, cesta ke složce obsahující soubory nových šablon bude: C:\Windows\Application\Microsoft\FrontPage\Pages\Pages\Hometem.tem.
Poznámka
Pokud po vytvoření šablony stránky nenajdete její složku ve složce Pages v Průzkumníkovi Windows, obnovte obsah stisknutím klávesy Windows okna Badatel.
6. Otevřete složku Hometem.tem. Měl by obsahovat tři soubory, o kterých víte, že se automaticky vytvoří při uložení stránky jako šablony: soubor HTML, soubor INF a soubor DIB. Dvakrát klikněte na název souboru INF. Soubor se otevře v editoru poznámkového bloku. Jeho obsah je znázorněn na následujícím obrázku.
7. Zavřete Poznámkový blok a vraťte se na Frontpage. Aktivujte příkaz Stránka z podnabídky Nový nabídky Soubor a v načteném dialogovém okně Nový vyberte šablonu „Domovská stránka“ (obr. 4.21). Klepněte na tlačítko

OK v okně Nový, čímž se otevře nová stránka podle vaší šablony (obr. 4.22).

Rýže. 4.21. V dialogovém okně Nový je vybrána šablona domovské stránky

Rýže. 4.22. Stránka vytvořená ze šablony Domovská stránka.

Uvedený příklad je velmi jednoduchý. Jeho účelem je demonstrovat princip tvorby šablony stránky. Zajímavé stránky, které jste vytvořili, si pravděpodobně budete chtít v budoucnu uložit jako šablonu. Dodatek B ukazuje, jak vytvořit vlastní šablonu webu. Tento postup je o něco složitější než vytváření šablony stránky, ale doufáme, že jej snadno zvládnete.

Program, se kterým celkem snadno pochopíte základní principy tvorby internetových stránek, s širokým výběrem doplňkové nástroje pro vytváření složitých internetových stránek a portálů.

Stručně o programu Microsoft FrontPage

Jedná se o snadno naučitelný a pohodlný webový editor pro navrhování, přípravu a publikování webových stránek. Díky integraci s rodinou produktů MS Office, známému rozhraní a množství šablon umožňuje program rychle zvládnout práci i začínajícím uživatelům obeznámeným se základy práce v MS Word. FrontPage zároveň nelze nazvat řešením pro „figuríny“: program poskytuje rozsáhlé funkce a různé nástroje pro optimalizaci internetových stránek.

Nutno podotknout, že název Microsoft FrontPage existoval až do roku 2003, poté byl doplněn o nové funkce a samotný název se změnil software. V roce 2007 byla FrontPage přejmenována na Microsoft Expression Web a v roce 2010 na Microsoft Office SharePoint Designer. Ve skutečnosti byly do nových verzí přidány některé doplňky, ale základní vzhled programu zůstal zachován.

Základní nástroje programu

Obecná forma programy společnosti Microsoft Přední strana

Microsoft FrontPage má mnoho společného s nástroji MS Word, takže mnoho tlačítek a karet nabídek je také intuitivních, což usnadňuje proces vytváření stránky. Mnoho lidí již ví, jak psát a formátovat jednoduchý text, vytvářet tabulky Microsoft Word, stejný princip se používá pro úpravu stránky ve FrontPage.

Obrázek vpravo ukazuje obecná forma programy se standardní sadou nástrojů, pomocí kterých můžete vytvořit šablonu stránky s textem, odkazy a obrázky. Přejděte na kartu „Zobrazit“, poté na „Panel nástrojů“ a ujistěte se, že „ Standard", "Formátování" A " Tabulky", tyto nástroje budou stačit k vytvoření pouhé stránky. V dolní části věnujte pozornost kartám "Návrhář", "Kód" a "Zobrazit" - to jsou tři různé režimy ve kterém si vždy můžete prohlédnout, jak stránka, kterou vytváříte, vypadá.

• V Designeru se zadávají všechny úpravy, píše se a formátuje text, vkládají se obrázky, vytvářejí se odkazy, mění se barvy pozadí a písma stejně jako v Microsoft Wordu.
• V záložce "Kód" si můžete prohlédnout tzv. HTML kód. HTML je standardní značkovací jazyk pro dokumenty na World Wide Web. Většina webových stránek je vytvořena pomocí jazyk HTML. Na této záložce můžete také upravovat stránku, ale musíte znát tento značkovací jazyk. Začátečníci by však měli provést všechny změny v konstruktoru a všechny změny v HTML proběhnou automaticky.
• V záložce "Zobrazit" vidíte, jak stránka vypadá přímo v prohlížeči (např. Internet Explorer)

Podrobný popis dalších menu, tlačítek a Funkce společnosti Microsoft FrontPage jsou uvedeny v nápovědě programu. Chcete-li to provést, stiskněte klávesu "F1".

Vytvoření šablony pro stránky ve FrontPage

Vložení hlavní tabulky do editoru

A tak, abyste vytvořili jednoduchou šablonu, musíte vložit tabulku se třemi bloky. Tři bloky jsou jednoduchý standard: horní blok je pro název webu, druhý blok je pro odkazy navigace na webu, třetí blok je pro text, obrázky a další informace na stránce. Pro pohodlí můžete vložit více bloků stolu, ale je věcí vkusu, jak, kolik a jakou velikost tyto bloky vyrobit. Existuje další způsob, jak vytvářet bloky nikoli vytvářením tabulek, ale vložením takzvaných prvků „div“ do stránek a přiřazením určitých stylů, ale tato metoda není pro nové webmastery a o tom lze napsat samostatný článek.

1. Chcete-li vložit tabulku, přejděte na kartu „Tabulka“ > „Vložit“ > „Tabulka“ a vyplňte pole, jak je znázorněno na obrázku vpravo. Vlastně můžete zadat své vlastní parametry, ale tento stůl má pevnou šířku a zasahuje do 100 % plochy obrazovky. Tímto způsobem bude tabulka v prohlížeči zobrazena kompaktně.
2. Poté musíte upravit všechny tři buňky, protože po vložení mají stejnou výšku. Klikněte pravým tlačítkem myši na horní buňku a přejděte na „Vlastnosti buňky“, do pole výška zadejte podmíněně „150“ a zaškrtněte políčko „v tečkách“, tzn. Velikost buňky bude 150 pixelů. Ve stejné nabídce můžeme vybrat barvu pozadí buňky a kliknutím do nabídky „styl...“ můžete provést další nastavení buňky, například vybrat barvu a velikost ohraničení buňky, můžete experimentujte s tím a uvidíte výsledek. V samotné buňce můžete zadat název webu.
3. Dále upravíme druhou buňku, která je určena pro odkazy navigace webu. Šířku nastavíme na cca 40 pixelů, to bude stačit a další nastavení, jako je barva pozadí a okraje, upravíme podle vašeho vkusu. Dále napíšeme názvy samotných odkazů oddělené znaménky svislá čára nebo jiný znak (zobrazit si jej můžete níže stažením celé šablony). Vyberte test a stiskněte tlačítko pro zarovnání na střed, stejně jako v MSWordu. Stejným způsobem můžete změnit písmo, velikost písma a další nastavení textu.
4. Také jsme nastavili poslední buňku. Je určen pro hlavní text, kde můžete zadat text pozdravu.
5. Nakonec můžete přejít na kartu „Soubor“ > „Vlastnosti“, kde můžete zadat název webu a změnit obecné pozadí stránky a další obecná nastavení

Šablona je nyní připravena. Je to rámec pro všechny následující stránky webu. Takto vypadá web v HTML kódu:

Takto získáme šablonu pro web

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251"> < title >Název webu < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Název webu < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >Domov | < b >strana 2 | < b >Strana 3 | < b >Strana 4 | < b >Strana 5 | < b >Kontakty < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Text domovské stránky. Zde můžete vložit text pozdravu a stručně napsat, čemu je stránka věnována.

Tento HTML kód lze ihned vložit do editoru v záložce „Kód“ a hned uvidíte hotová šablona. Lze jej měnit a upravovat podle vlastních potřeb. Zde je vhodné vysvětlit, že tam, kde je hlavní text vložen a tak, aby nebyl umístěn blízko polí, je orámován ve značce „div“ s nastavením odsazení, jak je znázorněno v příkladu.

Další šablony

1. Musíte také vědět, že v programu FrontPage a dalších podobných programech existují standardní šablony, které lze použít k vytváření stránek, lze je snadno upravovat a můžete si libovolnou šablonu přizpůsobit svým potřebám. Chcete-li vybrat standardní šablonu, přejděte na kartu „Soubor“ > „Vytvořit...“ v okně, které se otevře, vyberte „Další šablony stránek“, kde můžete vybrat libovolnou šablonu, která se vám líbí.
2. Existuje druhá možnost – stáhnout si celou šablonu z internetu. Existuje mnoho stránek poskytujících takovou službu. šablony mohou být placené nebo bezplatné. Po stažení té či oné šablony ji můžete v programu upravit, naplnit potřebným obsahem a změnit styl toho či onoho prvku.

Použijte standardní rozvržení tabulek a motivů

Microsoft FrontPage poskytuje dobré nástroje pro hotová rozvržení tabulek a motivy pro tvorbu webových stránek

Musíte vědět, že Microsoft FrontPage má standardní sadu rozložení tabulek a motivů, které vám mohou pomoci naučit se umění vytvářet běžné stránky nebo weby s vizitkami. A tak vpravo nahoře je rozbalovací nabídka (viz obrázek vpravo, na kterém je i výsledek použití rozložení tabulek a motivů designu), kliknutím se zobrazí nabídka, ve které je třeba vybrat „Rozvržení tabulky a buňky“ a poté se níže objeví mnoho různých rozložení tabulek, můžete si vybrat libovolné podle vlastního uvážení a vkusu. To vám umožní vytvořit tabulku sami ručně.

A tak zadáním nebo vložením vašeho textu, loga, odkazů do buněk tabulky, přechodem do stejné nabídky, můžete vybrat nabídku „Téma“, kde můžete vybrat různá témata pro design stránky, odkazy, stránky zázemí a mnoho dalšího. Tato příležitost je vhodná pro ty, kteří se s tvorbou internetových stránek teprve učí a zcela jasně odráží proces tvorby webu. Jinými slovy, v aplikaci Microsoft FrontPage můžete experimentovat s různými nastaveními a jasně vidět, jak se konkrétní stránka transformuje. Zde můžete dát jednu radu: prostudujte si všechny funkce programu a nebojte se využít toho či onoho menu, protože každý nástroj má svou vlastnost a účel pro vytvoření plnohodnotné stránky

Vložte obrázek a vytvořte odkazy na stránky

Pro začínající webmastery je důležité vědět, jak vkládat obrázky na stránku a vytvářet odkazy na jiné stránky. Například místo textu názvu webu můžete vložit obrázek loga webu. Chcete-li to provést, klikněte nejprve do pole, kam chcete vložit obrázek, poté úplně nahoře klikněte na kartu „Vložit“ > „Kresba“ > „Ze souboru“, vyberte požadovaný obrázek a klikněte na „Vložit“, poté ve kterém se obrázek objeví na stránce. Kliknutím pravým tlačítkem na obrázek se dostanete do nabídky s dalšími nastaveními obrázku. Je důležité, aby všechny obrázky byly v jedné přesně definované složce pro všechny obrázky.

Chcete-li přejít na jiné stránky webu, musíte vytvořit odkazy, pomocí kterých mohou uživatelé navštívit všechny stránky webu. Chcete-li to provést, musíte vybrat požadovaný text odkazu a přejít na kartu „Vložit“ > „Hypertextový odkaz“, v nabídce, která se otevře, musíte označit stránku, na kterou se vytváří odkaz, a kliknout na „ok“ . Ve stejném okně jsou další nastavení pro odkazy, například zda se má odkaz otevřít v novém okně nebo ne. V zásadě si to můžete nastudovat sami.

Závěr

V jádru jsou tyto editory podobné a mají podobné funkce a nabídky. Po zvládnutí základní nastavení, můžete snadno vytvářet webové stránky v jiných editorech. Po zvládnutí těchto principů můžete přejít ke složitějšímu způsobu tvorby webových stránek – pomocí tzv. CSS. Co to je a jak upravit design webu se dočtete v článku o CSS.

Nevýhodou této "šablonové" metody je, že každá stránka musí být vytvořena samostatně na základě vytvořené šablony. Když, jako při vytváření webových stránek pomocí takzvaných motorů, není vyžadováno samostatné generování stránek, jsou generovány automaticky při přidávání obsahu

Máte-li jakékoli dotazy k článku nebo použití takových programů k vytváření webových stránek, můžete se jich zeptat v diskusním vláknu našeho fóra.

Články na podobná témata

Online služby od OceanTheme jsou platformou, kde se lidé mohou spojit se vzájemným zájmem a zakoupit si prémiové šablony a rozšíření Joomla! za výhodnou cenu. Cílovým publikem služby jsou jednotlivci a malé a střední podniky, profesionální weboví vývojáři pro vytváření online obchodů, komunitní weby nebo lidé, kteří chtějí mít váš blog. V naší skvělé kolekci prémiových řešení každý najde to, co potřebuje.

Náš zdroj funguje jako sdružování organizátorů, určuje počet lidí, kterým chcete koupit šablony a rozšíření, cenu zboží a také množství a přístup k těmto materiálům. Náš web nabízí mnoho možností pro snadné vyhledávání šablon a rozšíření. Intuitivní navigace, systém označování, řazení podle filtru a nástroj „přidat do záložek“ vám umožní neuvěřitelně rychle najít ten správný materiál, který chcete. Kromě toho vždy najdete nejnovější informace, abyste mohli sbírku každý den aktualizovat.

Přístup k celé databázi materiálů je poskytován po dobu trvání klubu uvedenou v předplatném. Předplatitelé získají neomezený přístup ke všem dostupným archivům, novinkám a aktualizacím a také technickou podporu po celou dobu předplatného.

Všechny produkty, které můžete najít na tomto webu, jsou 100% kompatibilní s GPL, což znamená, že je můžete libovolně měnit a instalovat na neomezený počet webů.

Díky naší kolekci ušetříte spoustu času a peněz, protože šablony a rozšíření se snadno používají, snadno se instalují a konfigurují, jsou multifunkční a rozmanité. To vám umožní vytvořit web libovolné složitosti a zaměření, aniž byste se museli učit pokročilé technologie vývoje webu.

Hlavní funkce našeho webu

Bohatá sada funkcí, fungující hned po vybalení:

Využijte všech možností našeho zdroje a získejte hotové profesionální řešení pro rychlou realizaci vašich obchodních projektů nebo kreativních nápadů.

Použijte vyhledávací nástroje

Použijte pokročilé vyhledávání a filtrování a snadnou navigaci pro rychlé nalezení požadovaných webových řešení z hlediska designu, funkčnosti a dalších kritérií.

Chcete-li mít oblíbené materiály vždy po ruce, využijte unikátní funkci „Přidat k oblíbeným“ a jsou k dispozici v samostatné sekci po celý rok.

Po přihlášení na naše stránky budete moci zanechat komentáře a účastnit se propagačních akcí, stejně jako používání bezplatného předplatného s přístupem permium.

Staňte se členem našeho klubu

Klubové předplatné vám dává plný přístup k celému našemu katalogu originálních materiálů. A zahrnuje prémiové šablony a rozšíření na několik let.

Stáhněte si vhodné pro vaše Joomla šablony a rozšíření, a to jak zdarma, tak předplatné pro klub bez jakýchkoli omezení a rychlosti ogoranicheny.

Pokud se vám na webu líbil jakýkoli materiál, můžete zanechat svůj hlas a také jej sdílet s přáteli prostřednictvím sociálních sítí.

Téma 3.3: Aplikace pro tvorbu webových stránek

Téma 3.4: Aplikace internetu v ekonomice a ochraně informací

Programy pro tvorbu webových stránek

3.3. Aplikační programy pro tvorbu webových stránek

3.3.2. Úvod do FrontPage

Webové stránky jsou založeny na jazyku hypertextového popisu HTML dokumenty(Hyper Text Markup Language). HTML používá k definování obsahu a formátu hypertextových dokumentů příkazy zvané značky. HTML stránky jsou dokumenty ve formátu prostého textu obsahující speciální formátovací příkazy (HTML tagy).

Chcete-li vytvořit web pomocí FrontPage, není nutné se učit HTML. FrontPage usnadňuje psaní textu, který lze umístit na webovou stránku, a umísťovat obrázky na správná místa. Pomocí aplikace FrontPage můžete vytvářet efekty, které by normálně vyžadovaly skripty nebo programy DHTML.

Web nebo web je sada souvisejících webových stránek a souborů, které spolu souvisejí. FrontPage má průvodce, kteří vám umožní vytvořit web a šablony nebo sadu předem navržených textových a grafických formátů, ze kterých lze vytvářet nové webové stránky. Průvodci a šablony FrontPage umožňují vytvářet různé typy webů.

Každý web má jednu webovou stránku, která se nazývá hlavní nebo domovská stránka. Domovská stránka je první webová stránka, na kterou se návštěvník webu dostane. Pomocí navigace nebo hypertextových odkazů se uživatelé budou moci dostat na jiné stránky webu.

Web je obvykle hostován na webovém serveru, což je počítač, který návštěvníkům webu poskytuje přístup k webovým stránkám. FrontPage umožňuje vytvářet webové stránky přímo v souborový systém počítač uživatele a poté, až bude připraven, jej publikujte na webovém serveru.

Po spuštění programu FrontPage (Start – Programy – FrontPage) se na obrazovce objeví okno programu s novou stránkou (new_page_1.htm). V podokně úloh se zobrazí panel Začínáme.

Rýže. 1.

Okno aplikace FrontPage se skládá z: záhlaví, pruhu nabídek, panelů nástrojů pro úpravy a formátování, tlačítek rychlý výběr tag (pro úpravu a zadávání tagů), klávesové zkratky pro výběr stránky (pro pohyb mezi stránkami), pracovní okno, ve kterém se zobrazuje nová stránka, panel kreslení, tlačítka režimu zobrazení, indikátor očekávané doby načítání stránky 56 kbps, indikátor velikosti stránek, oblasti úkolů.

FrontPage nabízí čtyři režimy zobrazení: Návrh, Kód, Rozdělit a Náhled. V režimu "Designer" jako v každém textový editor stránku můžete vytvářet, upravovat a formátovat ve vizuálním režimu, tzn. zadejte text, přidejte obrázky, tabulky. V tomto případě jsou značky jazyka HTML přidány automaticky Pozadí, ale kódování HTML se na obrazovce nezobrazí.

V režimu "Kód" se veškeré kódování zobrazí na obrazovce a můžete přímo upravovat HTML kód, stejně jako zadávat nové kódy. Obrázek ukazuje HTML kód pro novou prázdnou stránku v editoru FrontPage.

Rýže. 2.

V režimu "Split" - webová stránka je zobrazena na obrazovce současně v režimu Kód a v režimu Návrh. V režimu prohlížení vypadá webová stránka podobně jako ve webovém prohlížeči.

Příkazy, které jsou navrženy pro práci s webovými stránkami a weby, jsou umístěny v nabídce Zobrazit programu FrontPage:

1. Stránka je režim zobrazení a vývoje stránky.
2. Složky – zobrazí strukturu složek aktuálního webu.
3. Vzdálený uzel – uzel, který se nachází na internetovém serveru.
4. Zprávy – poskytuje shrnutí webové stránky.
5. Přechody – zobrazuje strukturu přechodů mezi stránkami webu.
6. Hypertextové odkazy – otevře seznam odkazů na aktuální stránce.
7. Úkoly – otevře seznam úkolů pro aktuální web

Rýže. 3.

Vytváření webových stránek v aplikaci FrontPage

Vytvoření nové prázdné webové stránky

Pokud při otevření okna programu FrontPage zobrazí prázdnou stránku, můžete vytvořit webovou stránku založenou na této stránce. Pokud se při otevření editoru FrontPage zobrazí prázdné hlavní okno, pak pro vytvoření nové prázdné stránky musíte spustit příkaz Soubor/Nová a v oblasti úloh vybrat Prázdná stránka. V okně aplikace se objeví prázdná stránka. Dále je potřeba stránku vyvinout, tzn. provést rozvržení stránky (strukturu), zadat text, obrázky atd.

Rýže. 4.

Vytvoření webové stránky založené na šablonách FrontPage

Můžete také vytvořit novou stránku založenou na jedné ze šablon. Chcete-li to provést, vyberte v oblasti úkolů příkaz „Další šablony stránek“. Na obrazovce se zobrazí dialogové okno Šablony stránek, které obsahuje různé šablony stránek podle kategorií.

Rýže. 5.

Vytvoření webové stránky na základě existujících webových stránek na vašem PC

Můžete také vytvořit webovou stránku založenou na existujících webových stránkách v počítači. Chcete-li to provést, vyberte v oblasti úloh příkaz „Z existující stránky“ a v zobrazeném dialogovém okně vyberte požadovanou stránku. Poté můžete na stránce provést potřebné změny a uložit ji pod jiným názvem.

Vytvoření webu v aplikaci FrontPage

Vytvořte nový prázdný web nebo vytvořte web bez obsahu

Chcete-li vytvořit nový prázdný web, spusťte příkaz Soubor/Nový a v podokně úloh vyberte příkaz „Další šablony webu“. Otevře se dialogové okno Web Site Templates, ve kterém musíte vybrat Blank Web Site a kliknout na OK. V okně aplikace FrontPage se zobrazí web zobrazený na obrázku.

Rýže. 6.

Chcete-li vytvořit prázdnou domovskou stránku na novém webu, musíte přejít do režimu Přechody a kliknout na tlačítko Nová stránka v panelu Přechody se v pracovním poli objeví domovská stránka (k vytvoření domovské stránky můžete použít i kontextové menu).

Rýže. 7.

Poklepejte na úvodní stránku levým tlačítkem myši a otevře se v návrhovém režimu pro úpravy (stránka - index.htm).

Rýže. 8.

Dále můžete navrhnout domovskou stránku (vytvořit rozvržení nebo strukturu stránky, zadat text, obrázky atd.) a poté můžete přidat stránky na domovskou stránku v režimu Přechody. Chcete-li to provést, v režimu Přechody vyberte domovskou stránku a klepněte na tlačítko Nová stránka na panelu Přechody nebo použijte místní nabídku.

Bude přidána nová strana 1, která je znázorněna na obrázku. Dále přidejte tolik stránek, kolik je potřeba pro web, poté můžete stránky přejmenovat a změnit jejich pořadí. Dále na každé stránce je potřeba zadat obsah (text, tabulky, obrázky atd.), výsledkem je webová stránka.

Rýže. 9.

Vytvoření webu na základě šablony editoru FrontPage

Chcete-li vytvořit web založený na šabloně, spusťte Soubor/Nový a v oblasti úloh klepněte na příkaz Webové balíčky, otevře se dialogové okno Šablony webu.

Rýže. 10.

Chcete-li vytvořit nový web, vyberte požadovanou šablonu nebo průvodce.

Vytvořený web má rozložení a design, ale neobsahuje žádný obsah. Dále musíte na stránky tohoto webu zadat příslušný text, obrázky, skripty, čítače a další prvky webu.

Frontpage vám nabídne obrovskou škálu šablon stránek, od základní šablony stránky, což je prázdný list papíru, až po poměrně složitou stránku se třemi sloupci. Přidáním stránek vytvořených pomocí šablon na váš stávající web můžete rychle a snadno přizpůsobit svůj web.

Stránky využívající šablony se vytvářejí v Editoru.

1. Otevřete v Průzkumníku web, na kterém bude umístěna nová stránka. (Pokud si přejete, můžete tento krok přeskočit, protože poté, co uložíte stránku, může být importována do kterékoli z vašich stávajících stránek).

2. V Editoru vyberte položku Vytvořit z nabídky Soubor.

3. V okně Další šablony stránek vybrat požadovaná šablona z navrhovaného seznamu a klikněte na tlačítko OK.

Máte k dispozici široký výběr různých šablon stránek, které můžete na svém webu použít. Šablony jsou uvedeny v seznamu na levé straně dialogového okna Šablony stránek a na pravé straně tohoto okna se zobrazí popis aktuální šablony a její přibližný vzhled.

Vytvoření stránky rámce

Tato přednáška pojednává o příkladu vytvoření webové stránky pro Fyzikálně-matematickou fakultu. Upustíme od používání šablon webu a použijeme šablonu stránky rámce.

Rámce umožňují rozdělit stránky na obdélníkové oblasti, z nichž každá zobrazuje svou vlastní stránku. Na stránku rámců můžete umístit jeden nebo více snímků. To znamená, že můžete vytvořit stránku, kde různé oblasti zobrazují různý obsah. Změna obsahu v jednom rámci nemusí nutně změnit obsah ve druhém, ale pokud chcete, můžete nastavit, aby se stránka, která je přístupná z odkazu v jednom rámci, objevila v oblasti druhého rámce.

Rámce jsou mezi webovými designéry poměrně oblíbené, někteří z nich rozdělují své stránky do pěti, šesti nebo i více rámců (tato struktura může výrazně zpomalit načítání webu!). Frontpage vám nabízí deset šablon rámečků, každá s maximálně čtyřmi rámečky na stránku rámce.

Použití rámových šablon

1. Otevřete v Průzkumníku web, kde chcete vytvořit novou stránku rámce.

2. V Editoru vyberte položku Vytvořit z nabídky Soubor.

3. V dialogovém okně, které se objeví Šablony stránek vyberte šablonu z karty Stránka s rámy a potom klepněte na tlačítko OK.

Budete si moci prohlédnout náhled stránky rámce, kterou jste vybrali, protože její rozložení se zobrazí na pravé straně dialogového okna.

Předpokládejme, že jste vybrali šablonu jedno oznámení a obsah. Na obrazovce uvidíte následující:

Poznámka: Jakmile si vyberete šablonu, která se vám líbí, nezapomeňte uložit každý snímek kliknutím na Nová stránka v obdélníkové oblasti, která se objeví. Teprve poté získáte stejný výsledek jako na obr. Vezměte prosím na vědomí, že každý z rámců můžete pojmenovat, jak chcete, ale obvykle se nazývá celá stránkaindex.

2. Základy práce v ms FrontPage

Pokud jste se rozhodli nevytvářet webovou stránku pomocí průvodce a rozhodli jste se použít pouze šablonu rámečku, měli byste se seznámit s tím, jak umísťovat text, organizovat navigaci (vkládat hypertextové odkazy) a používat multimediální technologie.