Jak připojit externí šablonu stylů ke stránce v Dreamweaveru

Po vytvoření externí šablony stylů v Dreamweaveru ji můžete připojit k jakékoli webové stránce. V následujících podrobných pokynech můžete použít kteroukoli z předdefinovaných šablon stylů obsažených v Dreamweaveru nebo můžete tyto pokyny použít k připojení libovolné šablony stylů, kterou vytvoříte pomocí kroků v předchozím cvičení.

Začněte otevřením stránky, ke které chcete šablonu stylů připojit, a poté postupujte takto:

Klepněte na ikonu plus (+) na panelu Zdroje v horní části panelu Návrhář CSS a z rozevíracího seznamu vyberte možnost Připojit existující soubor CSS.

Otevře se dialogové okno Připojit existující soubor CSS.

Klikněte na tlačítko Procházet a vyhledejte soubor CSS ve složce místního webu.

Můžete také zadat adresu URL, pokud chcete použít vzdálený soubor CSS umístěný na jiném webu, ale nejběžnější je použít šablonu stylů obsaženou na webu, na kterém pracujete.

Vyberte možnost Odkaz nebo Import.

Pokud k souboru HTML připojujete šablonu stylů, nejlepší volbou je téměř vždy zvolit Odkaz, což je výchozí nastavení. Zvolte Import, pokud chcete vytvořit jednu hlavní externí šablonu stylů, která obsahuje odkazy na jiné šablony stylů, což je pokročilá možnost, která umožňuje, aby jedna šablona stylů odkazovala na jinou.

(Volitelné) Vyberte možnosti v části Podmíněné použití.

Použijte funkce podmíněného použití k definování dotazu na média při připojování vaší šablony stylů.

Klepněte na tlačítko OK.

Dialogové okno se zavře a Dreamweaver nastaví odkaz na šablonu stylů přidáním řádku kódu do horní části souboru HTML. Po propojení externí šablony stylů se všechny použitelné styly automaticky použijí na obsah stránky v aplikaci Dreamweaver a názvy selektorů stylů definovaných v šabloně stylů se zobrazí na panelu Selektory panelu Návrhář CSS.

Ke stejné stránce HTML můžete připojit více šablon stylů a ve stejném dokumentu můžete použít interní a externí šablony stylů. Můžete například uložit své styly textu do jedné šablony stylů, uložit styly rozvržení do jiné a poté oba připojit ke stejnému dokumentu – díky tomu budou na stránce dostupné všechny definované styly.

Podobně můžete vytvořit různé šablony stylů pro různé účely, například jeden pro tisk souboru a jiný pro zobrazení v prohlížeči.


Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.