Prevrátenie obrázka v aplikácii Adobe CS5 Dreamweaver

V Adobe Creative Suite 5 (Adobe CS5) Dreamweaver môžete vkladať objekty obrázkov vrátane zástupných symbolov obrázkov, obrázkov pri prechode kurzorom (obrázky, ktoré sa zmenia, keď divák prejde myšou po obrázku), navigačných panelov a HTML Fireworks. K týmto obrazovým objektom sa dostanete výberom Vložiť→Obrázkové objekty.

1 Vytvorte obrázky, ktoré sa použijú ako rollover.

Tieto obrázky môžete vygenerovať v programe Fireworks, Illustrator, Photoshop alebo v akejkoľvek inej aplikácii, ktorá dokáže ukladať obrázky optimalizované pre web.

2 Umiestnite kurzor na stránku tam, kde chcete, aby sa kurzor zobrazil.

Vyberte Vložiť → Objekty obrázka → Obrázok s rolovaním alebo kliknite na tlačidlo Obrázok s rolovaním na paneli Vložiť. Dialógové okno Vložiť obrázok s rolovaním.

3 Pomenujte obrázok.

Do textového poľa Názov obrázka zadajte názov obrázka bez medzier. Tento názov sa používa v skripte, ktorý vytvára rollover.

4 Kliknite na tlačidlá Prehľadávať.

Tlačidlo Prehľadávať sa nachádza napravo od textových polí Pôvodný obrázok a Obrázok s rolovaním. Nájdite obrázok, ktorý sa má na stránke zobrazovať ako predvolený, a obrázok, ktorý sa zobrazí iba vtedy, keď niekto umiestni kurzor myši na obrázok.

5Ponechajte začiarknuté políčko Preload Rollover Image.

Táto možnosť stiahne obrázok pri prechode pri preberaní stránky, aby sa predišlo oneskoreniam pri prechode.

6Popíšte obrázok.

Do poľa Alternatívny text zadajte vhodne popisný alternatívny text.

7Vyplňte textové pole Po kliknutí prejdite na URL.

Toto nasmeruje Dreamweaver tam, kde sú diváci nasmerovaní po kliknutí na obrázok pri prechode kurzorom. Môžete buď kliknúť na tlačidlo Prehľadávať, aby ste našli inú stránku na svojej lokalite, alebo zadať adresu URL. Poznámka: Ak sa pripájate na inú webovú lokalitu, musíte na začiatok adresy URL uviesť predponu http://.

Ak ešte nemáte skutočný odkaz na použitie pre tlačidlo alebo hypertextový odkaz, môžete zadať znak libry (#), aby ste vytvorili nefunkčný odkaz. Na odkaz alebo tlačidlo sa dá kliknúť, no po kliknutí nikam neprejde. Táto možnosť je lepšia ako stlačenie medzerníka na vytvorenie prázdneho miesta ako odkazu, pretože po kliknutí sa zobrazí chyba Stránka sa nenašla.

8 Kliknite na tlačidlo OK.

Na stránke sa vytvorí rolovací obrázok.

9 Ukážka obrázka.

Ak chcete zobraziť ukážku nového obrázka pri prechode kurzorom, vyberte v prehliadači Súbor → Ukážka alebo kliknite na tlačidlo Živé zobrazenie na paneli nástrojov Dokument.