Vytvoření stylu třídy v Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver podporuje vytváření stylů tříd, které umožňují přesnější kontrolu nad formátováním stránky. Můžete vytvořit selektory tříd, což jsou pojmenované styly pro tělo, text, nadpisy, podnadpisy a další prvky. Na rozdíl od selektorů značek si můžete vybrat téměř jakýkoli název třídy a použít jeho styl selektivně na položky, pokud a kdy chcete.

Své nové pravidlo můžete také zpřístupnit více než jedné stránce na vašem webu definováním nové externí šablony stylů. Tato metoda uloží vaše pravidla do externího souboru, který lze připojit k několika stránkám najednou.


Vytvoření stylu třídy v Adobe CS5 Dreamweaver

1Otevřete dialogové okno Nové pravidlo CSS.

Vyhledejte panel CSS vpravo a klepněte na tlačítko Nové pravidlo CSS ve spodní části nebo vyberte Formát → Styly CSS → Nové.

2Vyberte třídu (lze použít na jakýkoli prvek HTML).

Tato možnost se nachází v rozevíracím seznamu Typ výběru.

3 Pojmenujte svou novou třídu.

Do textového pole Název selektoru zadejte název nové třídy. Můžete zadat libovolný název, ale ujistěte se, že neobsahuje mezery a popisuje, jak jej budete používat. Reallycoolstyle je špatné jméno; headlinestyle je lepší název. Dreamweaver vloží tečku na začátek názvu stylu, protože je to nezbytná konvence pojmenování.

4 Zvolte (Nový soubor šablony stylů).

Toto je možnost v rozevíracím seznamu Definice pravidla ve spodní části. Klepněte na tlačítko OK.

5 Zobrazí se dialogové okno Uložit soubor šablony stylů jako.

Vyhledejte složku vašeho webu (nebo pokud jste web nedefinovali, složku, kde budete uchovávat všechny relevantní informace, jako jsou soubory obrázků a stránky vašeho webu).

6 Zadejte název šablony stylů.

Zadejte vhodný název, například main.css nebo basic.css, pokud se jedná o hlavní sadu stylů, které pro svůj web vytváříte. (Dreamweaver přidá povinnou příponu .css na konec názvu souboru.)

7Uložte svůj styl.

Ponechte URL tak, jak je, a rozevírací seznam Relativní k nastavte na Dokument. Klikněte na Uložit.

Vytvořili jste nový soubor .css nebo externí šablonu stylů. Zobrazí se dialogové okno Definice pravidla CSS, kde můžete svou novou šablonu stylů dále upřesnit.

Leave a Comment

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.