Převrácení obrázku v aplikaci Adobe CS5 Dreamweaver

V Adobe Creative Suite 5 (Adobe CS5) Dreamweaver můžete vkládat obrazové objekty, včetně zástupných symbolů obrazu, obrazů s přechodem (obrazy, které se změní, když uživatel najede myší na obraz), navigačních pruhů a HTML Fireworks. K těmto obrazovým objektům se dostanete volbou Vložit→Objekty obrázků.

1Vytvořte obrázky, které se použijí jako rollover.

Tyto obrazy můžete generovat ve Fireworks, Illustratoru, Photoshopu nebo jakékoli jiné aplikaci schopné ukládat obrazy optimalizované pro web.


Převrácení obrázku v aplikaci Adobe CS5 Dreamweaver

2 Umístěte kurzor na stránku, kam chcete, aby se zobrazil rollover.

Zvolte Vložit→Objekty obrázku→Obrázek po přejetí myší nebo klepněte na tlačítko Obrázek při přechodu na panelu Vložit. Dialogové okno Vložit obrázek převrácení.

3 Pojmenujte obrázek.

Do textového pole Název obrázku zadejte název obrázku bez mezer. Tento název se používá ve skriptu vytvářejícím rollover.


Převrácení obrázku v aplikaci Adobe CS5 Dreamweaver

4 Klepněte na tlačítka Procházet.

Tlačítko Procházet se nachází napravo od textových polí Původní obrázek a Obrázek převrácení. Vyhledejte obrázek, který se má na stránce zobrazovat jako výchozí, a obrázek, který se zobrazí pouze tehdy, když někdo najede myší na obrázek.

5Ponechte zaškrtnuté políčko Preload Rollover Image.

Tato možnost stáhne obrázek přechodu při stahování stránky, aby nedocházelo ke zpožděním při přechodu.

6Popište obrázek.

Do pole Alternativní text zadejte vhodně popisný alternativní text.

7Vyplňte textové pole Po kliknutí přejít na URL.

To nasměruje Dreamweaver tam, kam jsou diváci nasměrováni, když klepnou na obrázek při přechodu. Můžete buď kliknout na tlačítko Procházet a vyhledat jinou stránku na vašem webu, nebo zadat adresu URL. Poznámka: Pokud odkazujete na jiný web, musíte na začátek adresy URL uvést předponu http://.

Pokud ještě nemáte skutečný odkaz k použití pro tlačítko nebo hypertextový odkaz, můžete vytvořit mrtvý odkaz zadáním znaku libry (#). Zdá se, že odkaz nebo tlačítko lze kliknout, ale po kliknutí nikam nepřesune. Tato možnost je lepší než stisknutím mezerníku vytvořit prázdné místo jako odkaz, protože po kliknutí se zobrazí chyba Stránka nenalezena.

8 Klepněte na tlačítko OK.

Na stránce se vytvoří obrázek přechodu.

9 Náhled obrázku.

Chcete-li si prohlédnout náhled nového obrázku převrácení, zvolte Soubor → Náhled v prohlížeči nebo klepněte na tlačítko Živé zobrazení na panelu nástrojů Dokument.


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.