Jak vytvořit nový styl značky v Adobe Dreamweaver CS6

Vytvoření stylu tagu (nebo selektoru typu ) v aplikaci Adobe Dreamweaver CS6 je pro nové uživatele jednoduchým a bezpečným způsobem, jak porozumět CSS, protože se zaměřuje na existující tagy HTML, jako jsou P, H1 a H2.

Pomocí existujících značek na stránce se můžete rozhodnout použít automatické formátování všude tam, kde se používají určité značky HTML. Můžete například vytvořit libovolný text uvnitř souboru

Značka (Nadpis 1) automaticky tučně, 36 pixelů a červeně.

Chcete-li vytvořit styl značky pomocí inspektoru Vlastnosti, postupujte takto:

Otevřete stránku HTML, která obsahuje text.

V inspektoru Vlastnosti klepněte na tlačítko HTML na levé straně panelu a zobrazte inspektor Vlastnosti v zobrazení HTML.

Vyberte řádek textu a zvýrazněte jej tučně kliknutím na tlačítko B umístěné v inspektoru Vlastnosti.

Přepněte do zobrazení CSS inspektoru Vlastnosti kliknutím na tlačítko CSS na levé straně panelu.

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ě.

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

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.

Zobrazí se dialogové okno Nové pravidlo CSS.

Jak vytvořit nový styl značky v Adobe Dreamweaver CS6

Z rozevíracího seznamu Typ výběru zvolte Tag (předefinuje prvek HTML); 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 vybranou značku HTML na stránce. Styly značek se automaticky použijí všude tam, kde se prvek na stránce objeví.

Klepnutí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.

Tento nový styl tagu můžete dále upřesnit výběrem libovolného tučného textu a pokračováním v úpravě vlastností textu v inspektoru Vlastnosti.

Jak vytvořit nový styl značky v Adobe Dreamweaver CS6

Pokud chcete upravit a doladit pravidlo, které jste vytvořili, můžete kliknout na tlačítko Upravit pravidlo pod rozevíracím seznamem Cílené pravidlo a otevřít dialogové okno Definice pravidla CSS. Toto dialogové okno se standardně otevře do kategorie Typ, kde můžete upravit vlastnosti související s typem.

Po dokončení dolaďování stylu značky klikněte na Použít v dolní části dialogového okna a zobrazte změny. Můžete také kliknout na OK pro použití změn a opuštění dialogového okna.

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.