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.
Než se v Dreamweaveru vrhnete do vytváření složitého návrhu tekuté mřížky, zvažte možnost vyzkoušet jednodušší. Začněte vytvořením jednoduchého rozvržení tekuté mřížky s jedním sloupcem podle těchto jednoduchých pokynů:
Vyberte Soubor → Nový.
Otevře se okno Nový dokument. Poznámka: Ujistěte se, že jste dokončili proces nastavení místa, než začnete pracovat na novém rozvržení tekuté mřížky.
Na levé straně obrazovky vyberte Fluid Grid Layout.
Možnosti okna Nový dokument se změní na možnosti proměnlivé mřížky.
Zadejte požadovaný počet sloupců v každém ze tří rozvržení.
Chcete-li přidat nebo odebrat sloupce, postupně vyberte textové pole nad každým sloupcem a zadejte požadovaný počet sloupců.
Určete procento okna prohlížeče, které má každé rozvržení pokrýt.
Postupně vyberte textové pole pod každým rozvržením a zadejte číslo představující procento prostoru, které má rozvržení pokrýt, když je návrh zobrazen v okně prohlížeče. Například ve výchozím nastavení je rozložení pracovní plochy nastaveno tak, aby zabíralo 90 procent dostupného prostoru, ale můžete jej změnit na 95 procent, abyste získali více místa pro návrh a zmenšili prostor na okraji.
Změňte procento šířky sloupce, abyste změnili velikost mezery mezi jednotlivými sloupci.
Ve výchozím nastavení Dreamweaver nastaví každý okraj tak, aby zabíral 25 procent dostupného prostoru.
Pomocí rozevíracího seznamu zadejte typ dokumentu.
Ve výchozím nastavení se rozvržení s proměnlivou mřížkou vytvářejí pomocí doctype HTML5. Pokud nepotřebujete změnit doctype tak, aby byl více kompatibilní s jiným formátováním používaným na vašem webu, HMTL5 je doporučená volba pro responzivní webové návrhy.
Klikněte na Vytvořit.
Otevře se dialogové okno Uložit jako připravené k uložení souboru CSS.
Zadejte název souboru CSS a klikněte na Uložit.
Na pracovní ploše Dreamweaveru se otevře nový soubor HTML, ale ještě není uložen. Soubor CSS, který jste pojmenovali, se uloží a jeho název se zobrazí na panelu Soubory.
Poznámka: Na rozdíl od procesu vytváření jiných typů stránek v Dreamweaveru se nejprve uloží soubor CSS a v pozdějším kroku se uloží soubor HTML.
Vyberte Soubor → Uložit
Otevře se dialogové okno Uložit jako.
Zadejte název souboru HTML a klepněte na OK.
Dialogové okno Uložit jako se zavře a v aplikaci Dreamweaver se zobrazí upozornění, že vaše rozvržení proměnlivé mřížky vyžaduje dva další soubory: boilerplate.css a respond.min.js.
Klepnutím na OK zkopírujte soubory boilerplate.css a respond.min.js do složky vašeho webu.
Všechny tři soubory jsou přidány do panelu Soubory a vy se vrátíte k nově pojmenovanému souboru HTML otevřenému na pracovní ploše Dreamweaveru.
Dejte stránce název zadáním textu do pole Název v horní části pracovní plochy.
A tím je proces vytváření nové sady souborů pro rozvržení proměnlivé mřížky dokončen.
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.
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ář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.
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ů.
Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.
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.
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í.
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.
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.
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.