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.
Jak vytvořit relativně umístěné DIV v Adobe Dreamweaver CS6
Přesnost a přesné umístění AP (Absolute-Positioned) Divs v aplikaci Adobe Dreamweaver CS6 může být docela osvobozující pro návrháře, zejména pro ty, kteří mají rádi flexibilitu rozvržení založených na tisku.
Při určitých příležitostech však můžete chtít, aby rámečky plynuly v souladu s dalším obsahem na stránce. AP Div se vznáší nad ostatními prvky, takže posunutí dalšího obsahu stránky nemá žádný vliv na jejich pozici, což může být dobré nebo špatné.
Pro tradičnější inline chování můžete vytvořit DIV, které používají relativní umístění . To umožňuje prvek posouvat spolu s obsahem, který jej obklopuje, což vede k tekutějšímu rozvržení. Tento typ umístění je důležitý pro vnořený obsah nebo jakoukoli situaci, kdy by položky měly být v souladu s jiným obsahem stránky.
K tomuto úkolu použijte nástroj Vložit značku Div, který najdete v kategoriích Common a Layout panelu Vložit.
Chcete-li vytvořit relativně umístěný DIV, postupujte takto:
Klepnutím na stránku umístěte kurzor do existujícího AP Div a poté klikněte na nástroj Vložit značku Div pod kategoriemi Common a Layout panelu Vložit.
Když se zobrazí dialogové okno Vložit značku Div, dolaďte umístění nového prvku DIV výběrem umístění z rozevíracího seznamu Vložit.
Například zvolte Po začátku značky, chcete-li ji umístit do existující značky DIV na vaší stránce.
Můžete také použít rozevírací seznam dialogového okna Vložit značku Div k umístění prvku DIV před, za nebo dovnitř existujících prvků na stránce. Ponechejte rozevírací seznam Vložit nastavený na V bodě vložení, chcete-li opustit pole, kde jste jej nakreslili, nebo zvolit jiné umístění, kde chcete vytvořit DIV.
Pokud máte existující selektor třídy, který chcete použít, vyberte jej z rozevíracího seznamu Třída; v opačném případě ponechte pole prázdné.
Pokud stávající ID není k dispozici, zadejte nový název do pole ID a kliknutím na tlačítko Nové pravidlo CSS jej vytvořte.
Když se zobrazí dialogové okno Nové pravidlo CSS, ujistěte se, že váš nový selektor je nastaven na ID a že před názvem je znak křížku (#). Klepněte na tlačítko OK.
Když se zobrazí dialogové okno Definice pravidla CSS, klikněte a vyberte Umístění ze seznamu Kategorie nalevo, abyste zobrazili vlastnosti umístění CSS.
V oblasti Umístění vyberte možnost Relativní z nabídky Umístění, zadejte hodnotu šířky a výšky do textových polí Šířka a Výška a zadejte hodnotu Nahoře a Vlevo ve vlastnostech Umístění. Klepněte na tlačítko OK.
Klepnutím na OK zavřete dialogové okno Vložit značku Div.
Objeví se nový, relativně umístěný DIV se zástupným textem.
Hodnoty nahoře a vlevo se chovají mírně odlišně pro absolutní a relativně umístěné DIV. V případě relativního umístění tyto hodnoty označují posun od okolního obsahu, na rozdíl od nastavené pozice na stránce.
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ář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
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
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
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
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
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
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
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.