Jak vytvořit novou šablonu Dreamweaver

Novou šablonu vytvoříte v Dreamweaveru pomocí stejného dialogového okna Nový dokument, které používáte k vytvoření jakéhokoli jiného typu stránky. Chcete-li vytvořit šablonu Dreamweaver, postupujte takto:

Vyberte Soubor → Nový.

Otevře se dialogové okno Nový dokument.

V seznamu vlevo klikněte na možnost Prázdná stránka.

V seznamu Typ stránky vyberte Šablona HTML.

V oblasti Rozvržení zvolte, zda chcete vytvořit prázdnou stránku nebo vybrat předem navržené rozvržení CSS.

Mnoho možností rozvržení CSS aplikace Dreamweaver poskytuje skvělý náskok při vytváření nového návrhu stránky.

Klikněte na tlačítko Vytvořit.

Vytvoří se nová prázdná šablona a otevře se v hlavní pracovní oblasti a dialogové okno Nový dokument se zavře.

Vyberte Soubor → Uložit.

Zobrazí se varování (pokud jste to nezakázali), že šablona nemá žádné upravitelné oblasti, a s dotazem, zda ji opravdu chcete uložit. Klepnutím na tlačítko OK zavřete dialogové okno s upozorněním a pokračujte. Dreamweaver vám toto varování dává, protože šablona bez upravitelných oblastí není užitečná. Pokyny pro vytváření upravitelných oblastí naleznete v kroku 9.

Kliknutím na OK uložíte stránku tak, jak je prozatím.

Zobrazí se okno Uložit jako šablonu s otevřenou složkou Šablony. Pokud ještě nemáte složku s názvem Šablony ve složce místního webu, Dreamweaver vám ji vytvoří, když vytvoříte a uložíte svou první šablonu.

Aby šablony Dreamweaveru fungovaly správně, musí být uloženy ve složce s názvem Šablony (s velkým T ) ve složce místního webu, která je viditelná na panelu Soubory. Pokud změníte název složky nebo přesunete složku Templates do podsložky, vaše šablony již nebudou správně fungovat.

Vytvořte návrh stránky přidáním obrázků, textu a dalších prvků jako v jakémkoli jiném souboru Dreamweaveru.

Pamatujte, že návrh stránky vytváříte v šabloně stejně jako na jakékoli jiné webové stránce. Je na vás, zda zahrnete obrázky a text, které budou nahrazeny na stránkách vytvořených ze šablony, nebo jen vytvoříte kostru stránky.

Postup vytvoření upravitelné oblasti:

Vyberte libovolný obrázek, textový blok nebo oblast obsahu.

Často je nejlepší možností vybrat celou oblast stránky, aby bylo možné vše v této sekci upravovat. Pokud jste své stránky navrhli pomocí

tagy a CSS, dobrou možností je vybrat

tag pro celou sekci, např

tag stylizovaný stylem třídy mainContent.

Šikovný způsob, jak vybrat sekci obklopenou a

tag je umístit kurzor kamkoli do této oblasti stránky a poté pomocí selektoru tagů v dolní části pracovního prostoru vybrat

štítek.

Vyberte Vložit → Šablona → Upravitelná oblast.

Otevře se dialogové okno Nová upravitelná oblast.

Zadejte název nové upravitelné oblasti.

Vyberte něco, co identifikuje typ obsahu, například nadpis nebo hlavní obsah. Oblast, kterou definujete jako upravitelnou, se stane oblastí, kterou lze změnit na jakékoli stránce vytvořené ze šablony. V jedné šabloně můžete mít více upravitelných oblastí. Každá upravitelná oblast musí mít jiný název; jména nemohou používat mezery ani speciální znaky, ale podtržítka a spojovníky jsou v pořádku.

Klepněte na tlačítko OK.

Upravitelnou oblast obklopuje akvamarínově modrý rámeček (s modrou modrou záložkou v levé horní části rámečku). Na kartě se zobrazí název, který jste zadali do dialogového okna Nová upravitelná oblast.

Po dokončení návrhu stránky a přidání všech požadovaných upravitelných oblastí zvolte Soubor→Uložit a šablonu uložte.

Když uložíte novou stránku šablony nebo uložíte existující stránku jako šablonu, Dreamweaver automaticky přidá příponu .dwt a uloží soubor do složky Templates.

Pokud šablonu uložíte dříve, než určíte upravitelné oblasti, Dreamweaver vás upozorní, protože šablony bez upravitelných oblastí nejsou užitečné. Před uložením šablony nemusíte vytvářet upravitelné oblasti, ale nemůžete provádět žádné změny na stránkách vytvořených ze šablony, dokud nevytvoříte jednu nebo více upravitelných oblastí. Vždy se můžete vrátit a později přidat upravitelné oblasti.

Společnost Adobe přidala do aplikace Dreamweaver CC nový panel Vložení šablon. Tento nový panel můžete použít místo položek nabídky při práci se šablonami. Funkce fungují stejně: Stačí kliknout na odpovídající ikonu na panelu Vložit šablony, například na ikonu Upravitelná oblast.