Tento díl Návodů bude tak trochu atypický - nebude určen pro úplné začátečníky. Dle mého soudu znalost tvorby HTML stránek nepatří mezi dovednosti, které musí nutně znát každý. Pokud však mezi takto „postižené“ patříte, tak věřím, že vás následující text osloví.

Úvod
Allaire HomeSite je program, který od doby svého vzniku prošel dlouhým vývojem - z počátečního jednoduchého editoru se vyvinul prostředek, který našel uplatnění v mnoha profesionálních studiích, které navrhují web stránky na zakázku. Já jsem se poprvé setkal s verzí 2.5, která nabízela na svoji dobu převratnou novinku - zabudované jádro prohlížeče Internet Explorer 3.0. Člověk tedy stiskem jednoho tlačítka viděl, jak bude stránka opravdu vypadat. Do té doby byly možnosti náhledu řešeny přes spouštení externího prohlížeče, Homesite přišel s integrací dle mého soudu jako první. Verze 4 přinesla mj. dosti rozporuplnou novinkou - Design módem. Ten přibližuje tvorbu stránek i uživatelům, kteří syntax jazyka HTML neznají - stránka je tvořena stejně, jako bychom psali dokument třeba ve Wordu. Osobně jsem k tomuto způsobu tvorby stránek skeptický - ztrácí se tak 100% kontrola nad editovanou stránkou.

Přednosti programu
- možnost integrace MS IE 3.0 a vyšší přímo do programu
- rozsáhlé možnosti přizpůsobení potřebám uživatele
- barevné odlišení zdrojového kódu s podporou HTML, DHTML, CSS, JavaScript, VBScript, SQL, ASP, PHP3 a Perl
- integrovaná nápověda k prvkům jazyka HTML
- integrovaný Editor kaskádových stylů

Prostředí programu

Legenda
1. Nástrojová lišta - podoba s produkty řady Office není náhodná, řada tlačítek má stejnou funkci jako jejich „kancelářské“ ekvivalenty
2. Záložky editačního, náhledového a design módu
3. „Resource tab“ - těžko přeložitelný termín, vícefunkční panel
4. Nastavení pro editaci
5. Editační okno
6. Záložky pro přepnutí mezi funkcemi ad 3), tedy vícefunkčního panelu
7. Záložky editovaných dokumentů

Záložky „Resource tab“

Nastavení pro editaci

Základní dovednosti
Pro lepší čtivost návodu jsem zvolil formu modelové situace. Vycházím z vlastní zkušenosti - vždy mám raději texty přibližující praxi, než suchopárný teoretický popis situace.

Modelová situace
S tvorbou HTML stránek jste začal již před časem a v současné době provádíte upgrade svého softwarového vybavení. Podle referencí jste si vybral Homesite 4.0 a po úspěšené instalaci jste postaven před problém převodu stávajícího website, který máte uložen u sebe na disku.

Tvorba projektu
Allaire Homesite je založen na tzv. projektech, tj. souborech HTML dokumentů, které tvoří výsledný website.
Ukažme si tedy nyní, jak takový projekt vytvoříme - „importujeme“ stávající website.

1. V „Resource tab“ - vícefuknčím panelu - se tačítkem přepněte na záložku „Projects“.
2. V horní části stiskem tlačítka aktivujte Průvodce tvorby nového projektu.
3. Vyplňte potřebné údaje - název projektu a umístění jeho dokumentů.

4. Dojde k vytvoření seznamu souborů, které obsahuje příslušný adresář a projekt je tak hotov - jeho název se objeví v seznamu na záložce „Projects“

Úprava dokumentů
Pokud jste nezměnili záložku „Resource tab“, tak by se vám na ní měl objevit seznam souborů, které obsahuje právě importovaný website . Při dvojitém kliknutí na název HTML souboru se v editační části programu objeví příslušný zdrojový text. Náhled na dokument získáte kliknutím na záložku "Browse“ v editační části programu. Samotná editace je velice snadná - program disponuje prvky moderních editorů a tak kupř. při přesunu větších části textu můžete využít myš. Řada tagů je obsažena na nástrojové liště a jejich vložením se obvykle aktivuje dialog, usnaďňující úpravu parametrů.
Co však již obvyklé není, je možnost tvorby „uživatelských prvků“ - v originále zvaných „Tag snippets“. Pokud na svých stránkach často opakujete stejné úseky kódu, tak vám tato funkce přijde jistě vhod.

Vraťme se teď k naší modelové situaci. Úspěšně jste vytvořil projekt a teď chcete na stránkách opravit několik údajů. Jedním z nich je i tag s obrázekem vaší pobočky. Vytvořme teď pro ni nový „Tag snippet“.
1. V záložkách „Resource tab“ se přepněte tlačítkem na záložku „Tag snippet“.
2. Klikněte pravým tlačítkem na kdekoliv v záložce a v nabídce vyberte volbu „Create folder“ a doplňte jméno složky, která bude „Tag snippet“ obsahovat.
3. Pravým tlačítkem klikněte na takto vytvořenou „složku“ a zvolte položku „Add snipet“.
4. V následujícím dialogu doplňte požadované údaje - počateční a koncové tagy, které se v budoucnu objeví před a za označeným textem. Operaci zakončíte stiskem tlačítka „OK“.
Při editaci pak jen stačí ze seznamu vybrat potřeby „Tag snippet“ a kliknutím jej umístit do editovaného dokumentu.

Jak jsem se již zmínil v předcházejícím odstavci, program má řadu tagů implementovánu - skrývají se pod jednotlivými tlačítky lišty nástrojů. Bylo by myslím zbytečné zmiňovat se o každém z nich - o těch zajímavějších si povíme v příštím díle.

Tvorba nového dokumentu - šablony
Zrekapitulujme-si teď, co už umíme. Víme, jak vytvořit nový projekt a jak jednoduše upravit opakující se části dokumentů. Teď jsme se však dostali do situace, v které potřebujeme vytvořit zbrusu nový dokument. Jistě - není to nic složitého, stačí v hlavní nabídce programu zvolit „File“-„New“ a v následujícím dialogu stisknout „OK“, ale co když se struktura takto vytvořeného dokumentu bude opakovat? Znalcům moderních textových editorů jistě vytane na mysli využítí šablon. Jednu ukázkovou se teď pokusíme vytvořit.

1. Z nabídky „File“ vyberte položku „New“ a v dialogu zvolte šablonu „Default template“
2. Dle vlastních potřeb proveďte úpravu struktury dokumentu - nezapoměňte, že tvoříte šablonu a vkládejte tak jen prvky, které se budou na každé stránce opakovat.
3. Dokument uložte volbou „File“-„Save as template“. V dialogu doplňte jméno, pod kterým bude šablona vystupovat. Tím je operace zakončena.

Pro využítí nové šablony pak jen stačí v dialogu nabídky „File“-„New“ zvolit záložku „Custom“ a vybrat zvolenou šablonu.

V příštím díle se vám pokusím osvětlit taje nastavení programu. Těším se na vaše reakce na již doufám notoricky známé adrese.

Petr Vostrý