Ako vytvoriť novú šablónu Dreamweaver

Novú šablónu vytvoríte v Dreamweaveri pomocou rovnakého dialógového okna Nový dokument, ktoré používate na vytvorenie akéhokoľvek iného typu strany. Ak chcete vytvoriť šablónu Dreamweaver, postupujte takto:

Vyberte Súbor → Nový.

Otvorí sa dialógové okno Nový dokument.

V zozname vľavo kliknite na možnosť Prázdna strana.

V zozname Typ stránky vyberte položku Šablóna HTML.

V oblasti Rozloženie vyberte, či chcete vytvoriť prázdnu stránku alebo vybrať vopred navrhnuté rozloženie CSS.

Mnoho možností rozloženia CSS aplikácie Dreamweaver poskytuje skvelý náskok pri vytváraní nového dizajnu stránky.

Kliknite na tlačidlo Vytvoriť.

Vytvorí sa nová prázdna šablóna a otvorí sa v hlavnej pracovnej oblasti a dialógové okno Nový dokument sa zatvorí.

Vyberte Súbor → Uložiť.

Zobrazí sa upozornenie (ak ste ho nezakázali), že šablóna nemá žiadne upraviteľné oblasti, a s otázkou, či ju naozaj chcete uložiť. Kliknutím na tlačidlo OK zatvorte dialógové okno s upozornením a pokračujte. Dreamweaver vám dáva toto varovanie, pretože šablóna bez upraviteľných oblastí nie je užitočná. Pokyny na vytváranie upraviteľných oblastí nájdete v kroku 9.

Kliknutím na tlačidlo OK uložíte stránku tak, ako je nateraz.

Zobrazí sa okno Uložiť ako šablónu s otvoreným priečinkom Šablóny. Ak ešte nemáte priečinok s názvom Šablóny vo svojom lokálnom priečinku lokality, Dreamweaver vám ho vytvorí, keď vytvoríte a uložíte svoju prvú šablónu.

Aby šablóny Dreamweaver fungovali správne, musia byť uložené v priečinku s názvom Šablóny (s veľkým T ) v priečinku lokálnej lokality, ktorý je viditeľný na paneli Súbory. Ak zmeníte názov priečinka alebo presuniete priečinok Šablóny do podpriečinka, vaše šablóny už nebudú správne fungovať.

Vytvorte návrh stránky pridaním obrázkov, textu a iných prvkov ako v akomkoľvek inom súbore Dreamweaveru.

Pamätajte, že dizajn stránky vytvárate v šablóne rovnako ako na akejkoľvek inej webovej stránke. Je na vás, či zahrniete obrázky a text, ktoré budú nahradené na stránkach vytvorených zo šablóny, alebo len vytvoríte kostru stránky.

Ak chcete vytvoriť upraviteľnú oblasť:

Vyberte ľubovoľný obrázok, textový blok alebo oblasť obsahu.

Najlepšou možnosťou je často vybrať celú oblasť stránky, aby bolo možné všetko v tejto sekcii upravovať. Ak ste navrhli svoje stránky s

tagy a CSS, dobrou možnosťou je vybrať

tag pre celú sekciu, ako napr

tag so štýlom triedy mainContent.

Šikovný spôsob výberu sekcie obklopenej a

tag je umiestniť kurzor kamkoľvek do tejto oblasti stránky a potom pomocou selektora tagu v spodnej časti pracovného priestoru vybrať

tag.

Vyberte Vložiť → Šablóna → Upraviteľná oblasť.

Otvorí sa dialógové okno Nová upraviteľná oblasť.

Pomenujte novú upraviteľnú oblasť.

Vyberte niečo, čo identifikuje typ obsahu, napríklad nadpis alebo hlavný obsah. Oblasť, ktorú definujete ako upraviteľnú, sa stane oblasťou, ktorú možno zmeniť na ľubovoľnej stránke vytvorenej zo šablóny. V jednej šablóne môžete mať viacero upraviteľných oblastí. Každá upraviteľná oblasť musí mať iný názov; názvy nemôžu používať medzery ani špeciálne znaky, ale podčiarkovníky a spojovníky sú v poriadku.

Kliknite na tlačidlo OK.

Upraviteľnú oblasť obklopuje akvamarínový modrý rámček (s modrou modrou záložkou v ľavej hornej časti poľa). Na karte sa zobrazí názov, ktorý ste zadali do dialógového okna Nová upraviteľná oblasť.

Keď skončíte s navrhovaním stránky a pridáte všetky požadované upraviteľné oblasti, vyberte Súbor→Uložiť a šablónu uložte.

Keď uložíte novú stránku šablóny alebo uložíte existujúcu stránku ako šablónu, Dreamweaver automaticky pridá príponu .dwt a uloží súbor do priečinka Templates.

Ak uložíte šablónu skôr, ako určíte upraviteľné oblasti, Dreamweaver vás upozorní, pretože šablóny nie sú užitočné bez upraviteľných oblastí. Pred uložením šablóny nemusíte vytvárať upraviteľné oblasti, ale nemôžete vykonávať žiadne zmeny na stránkach vytvorených zo šablóny, kým nevytvoríte jednu alebo viacero upraviteľných oblastí. Kedykoľvek sa môžete vrátiť a neskôr pridať upraviteľné oblasti.

Spoločnosť Adobe pridala nový panel Vložiť šablóny do aplikácie Dreamweaver CC. Tento nový panel môžete použiť namiesto položiek ponuky pri práci so šablónami. Funkcie fungujú rovnako: Stačí kliknúť na príslušnú ikonu na paneli Vložiť šablóny, ako je napríklad ikona Upraviteľná oblasť.