Jak vytvořit rollovery v Adobe Dreamweaver CS6

V Adobe Dreamweaver CS6, můžete vložit obrazové objekty, včetně obrazů zástupnými symboly, převrácení obrazu (obrazy, které změny, když uživatel najede myší nad obrázkem), navigační panely a Fireworks HTML. K těmto obrazovým objektům se dostanete volbou Vložit→Objekty obrázků.

Chcete-li vytvořit obrázek s přechodem, postupujte takto:

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. Nejlepších výsledků dosáhnete vytvořením obrázků, které mají přesně stejnou šířku a výšku.


Jak vytvořit rollovery v Adobe Dreamweaver CS6

2 Umístěte kurzor na stránku kamkoli, kde chcete, aby se rollover zobrazil, a zvolte Vložit→Objekty obrázku→Obrázek s rolloverem nebo klepněte na tlačítko Obrázek s rolloverem na panelu Vložit.

Zobrazí se dialogové okno Vložit obrázek převrácení.

3Do 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.


Jak vytvořit rollovery v Adobe Dreamweaver CS6

4 Klepněte na tlačítka Procházet napravo od textových polí Původní obrázek a Obrázek při převrácení a vyhledejte obrázek, který se má na stránce zobrazovat jako výchozí.

Obrázek se zobrazí pouze tehdy, když někdo najede ukazatelem myši 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.

6Napište vhodně popisný alternativní text.

Samozřejmě byste jej zadali do textového pole Alt.

7V textovém poli Po klepnutí Přejít na adresu URL sdělte Dreamweaveru, kam jsou diváci přesměrováni, když kliknou na váš 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.

Pokud odkazujete na jiný web, musíte na začátek adresy URL uvést předponu http://. Pokud toto ponecháte prázdné, Dreamweaver automaticky přidá mrtvý odkaz (#).

8 Klepněte na tlačítko OK.

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

9Chcete-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.

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 tento odkaz po kliknutí zobrazí chybu Stránka nenalezena.

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.