Jak vytvořit interní a externí šablony stylů v Dreamweaveru

Když v Dreamweaveru vytváříte nové styly, musíte se rozhodnout, zda chcete styl uložit do interní nebo externí šablony stylů. V interní šabloně stylů je pravidlo stylu uloženo v horní části dokumentu HTML, kde chcete styl použít. V externí šabloně stylů jsou nové styly uloženy v samostatném dokumentu, který lze připojit k libovolnému souboru na vašem webu.

Externí šablony stylů nabízejí největší výhody, protože použití jedné sady stylů na mnoha stránkách je efektivnější než vytváření stylů pro každou stránku vašeho webu. To znamená, že někdy jsou interní šablony stylů dobrou volbou, například když vytváříte styl, který se použije pouze na prvky na jedné stránce.

Jak vytvořit interní šablonu stylů v Dreamweaveru

Interní šablony stylů jsou uloženy ve stejném souboru HTML, kde byly použity. Při vytváření interní šablony stylů tedy nevytváříte soubor, jako když vytváříte externí šablonu.

Místo toho, když vytvoříte interní šablonu stylů, jednoduše přidáte

tagy ve vašem souboru.

Vytvoření nového vnitřního stylu v Dreamweaveru vyžaduje pouze dva kroky. Nejprve klikněte na ikonu plus (+) na panelu Zdroje v horní části panelu CSS Designer. Poté z rozevíracího seznamu vyberte možnost Definovat na stránce. Jsi hotový. Dreamweaver vloží

štítek.

Jak vytvořit externí šablonu stylů v Dreamweaveru

Úplně nahoře na panelu CSS Designer najdete panel Zdroje. Tento panel zobrazuje název nebo názvy všech šablon stylů dostupných pro otevřenou stránku. Tento stejný panel se používá k vytváření nebo propojování předloh stylů při vytváření nebo aplikaci stylů.

Chcete-li vytvořit externí šablonu stylů, nejprve vytvořte a uložte nový soubor HTML nebo otevřete existující soubor v aplikaci Dreamweaver a poté postupujte podle těchto pokynů:

Klepněte na ikonu plus (+) na panelu Zdroje v horní části panelu Návrhář CSS.

Otevře se rozevírací seznam se třemi možnostmi: Vytvořit nový soubor CSS, Připojit existující soubor CSS a Definovat na stránce.

Z rozevíracího seznamu vyberte možnost Vytvořit nový soubor CSS.

Otevře se dialogové okno Vytvořit nový soubor CSS.

Zadejte název nového souboru šablony stylů.

Šablony stylů můžete pojmenovat libovolně, pokud do nich nezahrnete mezery nebo speciální znaky kromě pomlčky (-) nebo podtržítka (_).

Vyberte možnost Odkaz.

Odkaz je ve většině případů považován za nejlepší postup a v aplikaci Dreamweaver je vybrán jako výchozí.

Z větší části se možnost Importovat používá pouze v případě, že chcete na stránku použít více externích šablon stylů, ale chcete vytvořit odkaz pouze na jednu šablonu stylů. V takovém případě můžete použít možnost Importovat k přiřazení více šablon stylů k jednomu.

Kliknutím na šipku vedle položky Podmíněné použití zobrazíte další nastavení.

Nastavení podmíněného použití se používá k nastavení dotazů na média pro šablony stylů.

Klepněte na tlačítko OK.

Šablona stylů se uloží a propojí se stránkou HTML, kterou máte otevřenou v Dreamweaveru. Poznámka: Pokud pracujete na nové HTML stránce, ujistěte se, že jste stránku uložili; jinak nebudete moci vytvořit a propojit nový soubor CSS.

Po vytvoření externí šablony stylů můžete stejnou šablonu stylů propojit s libovolným počtem stránek podle kroků ve cvičení, které bezprostředně následuje. Můžete také přidat tolik pravidel stylu, kolik chcete, do libovolné externí šablony stylů, což je zahrnuto v různých cvičeních, která následují při vytváření tříd, značek a dalších typů stylů.