Vytváření nových stylů značek v aplikaci Adobe CS5 Dreamweaver

Vytvoření tagu (nebo prvku) je pro nové uživatele Adobe Creative Suite 5 (Adobe CS5) Dreamweaver jednoduchý způsob, jak porozumět CSS. Dreamweaver vám umožňuje pracovat se stávajícími značkami HTML, jako jsou P, H1 a H2. Pomocí existujících tagů prvků na vaší stránce a Property Inspectoru si můžete zvolit použití automatického formátování všude tam, kde se používají určité HTML tagy.

1Otevřete stránku HTML.

Nezapomeňte vybrat takovou, která obsahuje text.

2 Klepněte na tlačítko HTML na panelu Inspektor vlastností.

Tlačítko je na levé straně panelu. Tím se zobrazí inspektor Vlastnosti v zobrazení HTML.

3Vyberte řádek textu.

Zvýrazněte vybraný text tučně pomocí tlačítka B umístěného v inspektoru Vlastnosti.

4Přepněte do zobrazení CSS.

Klepněte na tlačítko CSS na levé straně panelu Inspektor vlastností.

Cílem je přiřadit značce definitivní informace o stylu, které text zvýrazní tučným písmem, takže jakýkoli tučný text na stránce se také zobrazí červeně.

5 Spusťte nové pravidlo CSS.

Ponechte vybraný tučný text a v Inspektoru vlastností vyberte z rozevíracího seznamu Cílené pravidlo.

6Aplikujte barvu na vybraný text.

Se stále vybraným textem použijte selektor barev na pravé straně inspektoru Vlastnosti (umístěný pod tlačítky B a I) k výběru červené barvy, která se použije na vybraný, tučný text.


Vytváření nových stylů značek v aplikaci Adobe CS5 Dreamweaver

7 Zobrazí se dialogové okno Nové pravidlo CSS.

Z rozevíracího seznamu Typ výběru zvolte Tag (předefinuje HTML prvek); vyberte Silný z rozevíracího seznamu Název voliče; vyberte (Pouze tento dokument) z rozevíracího seznamu Definice pravidla.

Typ selektoru určuje, jak bude formátování aplikováno na prvky na stránce. Styly značek mění vzhled jakéhokoli prvku naformátovaného pomocí konkrétní značky HTML.

8Klepnutím na OK vytvořte nový styl tagu a zavřete panel.

Nyní, pokaždé, když použijete značku k vytvoření tučného textu (pomocí tlačítka B nebo jiných zkratek), tento tučný text se také zobrazí červeně. Vytvořili jste styl tagu, který určuje, jak tučný text se zobrazí pokaždé, když se objeví v dokumentu.


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.