Jak použít obrázek jako pozadí v aplikaci Adobe Dreamweaver CS6

Vytváření pozadí pro webové stránky v aplikaci Adobe Dreamweaver CS6 je zábavné a lze jej provozovat více způsoby, než by si většina lidí představovala. Můžete vytvořit opakující se vzorek s jedním malým obrázkem, vytvořit vodoznak nebo použít velký obrázek k vyplnění celého pozadí.

Ve výchozím nastavení pozadí HTML opakuje vybraný obrázek, dokud nevyplní obrazovku. Ve spojení s vlastnostmi CSS můžete ovládat nebo eliminovat opakující se chování a dokonce nastavit přesné umístění pro jeden obrázek na pozadí.

Pokud vyplňujete pozadí vzorem, nezapomeňte vytvořit obrázek vzoru, který nemá žádné rozeznatelné okraje.

Chcete-li ve svůj prospěch použít výchozí, opakované dlaždicování pro obrázek na pozadí, postupujte takto:

Ve Photoshopu vyberte Soubor → Nový a vytvořte nový obrázek.

V zobrazeném dialogovém okně Nový vytvořte obrázek, který je mnohem širší, než je vysoký, zvolte RGB, zvolte 72 dpi a poté klikněte na OK.

Zadejte například 1000 do textového pole Šířka a 20 do textového pole Výška.

Vyberte barvu popředí a pozadí pro vytvoření prolnutí; poté použijte nástroj Přechod pro vytvoření přechodové výplně se Shift+tažením shora dolů v oblasti obrazu.

Vyberte Soubor→Uložit pro web, uložte obrázek jako soubor JPEG do složky webového obsahu vašeho webu a poté obrázek zavřete.

V Dreamweaveru zvolte Upravit→Vlastnosti stránky nebo klepněte na tlačítko Vlastnosti stránky v inspektoru Vlastnosti a umístěte obrázek jako obrázek na pozadí na svou webovou stránku.

Pokud se tlačítko Vlastnosti stránky nezobrazuje, klikněte na stránku — ujistěte se, že nevybíráte jiný prvek, například obrázek.

Zobrazí se dialogové okno Vlastnosti stránky.

Jak použít obrázek jako pozadí v aplikaci Adobe Dreamweaver CS6

V dialogovém okně Vlastnosti stránky klikněte na tlačítko Procházet vpravo od obrázku na pozadí. V okně, které se zobrazí, přejděte do umístění uloženého obrázku na pozadí a klikněte na OK.

Zpět v dialogovém okně Vlastnosti stránky klepněte na tlačítko OK.

Obrázek se objeví na pozadí, opakuje se a vytváří skvělý přechod na pozadí přes stránku!

V závislosti na velikosti a rozlišení monitoru uživatele se může obrázek na pozadí opakovat. Opakování obrázku na pozadí může přinést kreativní výsledky.

Jak použít obrázek jako pozadí v aplikaci Adobe Dreamweaver CS6

V určitých případech nemusíte vidět své pozadí, dokud nekliknete na tlačítko Náhled/ladění v prohlížeči a neprohlédnete si stránku ve výchozím prohlížeči.

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.