O programu BannerZest na tvorbu flashových bannerů jsem již psal, nyní uvádím návod, jak vytvořený banner vložit do stránek. Ovládání samotného programu je natolik intuitivní, že není třeba se jím zabývat podrobně.

V programu RapidWeaver máte tři základní možnosti, které také ovlivňují šířku banneru:

• na plnou šířku stránky
• na stránku se sidebarem po jedné straně
• do sidebaru

Šířka stránky může být různá, záleží na použitém tématu a jeho nastavení. Pro přesné a snadné měření doporučuji vynikající nástroj XRAY.

Jakmile máte ujasněné umístění banneru, lze vygenerovat v aplikaci BannerZest HTML kód. Vycházím tedy z toho, že banner je vytvořený a jsou nastaveny správné rozměry a barva pozadí, aby banner pasoval do stránek, kam jej chcete vložit. Otevřete v programu BannerZest okno Inspector (klikněte na symbol “i” v pravém spodním rohu hlavního okna) a v něm záložku Publish. Ta má čtyři základní části:

• V první části máte na výběr ze dvou možností: Remote - publikovat složku se soubory přímo na ftp, nebo Local - pak bude složka uložena na disk vašeho počítače a na ftp ji následně dáte sami.
• Ve druhé části je nastavení optimalizace obrázků, pod ní je výpočet výsledné velikosti všech komponent.
• Ve třetí části volíte způsob otevírání odkazů, přiřazených jednotlivým obrázkům, případně způsob zobrazování obrázků v plné velikosti pomocí javascriptu Lightbox nebo Shadowbox.
• V poslední, čtvrté části, jsou tři tlačítka: nejdřív je potřeba použít Publish pro vygenerování složky se všemi potřebnými soubory. Nyní můžete pomocí Show Banner nahlédnout hotový banner ve vašem prohlížeči. Pokud je vše v pořádku, klikněte na Show HTML Nás, kteří používáme RapidWeaver, se týká horní varianta.

Kód zkopírujte a následně vložíte na požadované místo ve stránce nebo v sidebaru. Funguje dobře i ve formátovaném textu, tzn. v blogu, i v obou módech sidebaru.

V případě, že jste publikovali banner na lokální disk, nezapomeňte, že v kódu je nutné hned na jeho začátku změnit původní cestu, která vede k souborům na disku vašeho počítače...

<script type="text/javascript"
src="file:///Users/Mac/Documents/BZ/bzLoader.js">...

...na cestu ke složce se soubory banneru na vašem ftp, např.:
blockquote><script type="text/javascript"
src="http://www.moje_stranky.cz/bz/bzLoader.js">...Ukázka

tag: flash, banner, slideshow, fotografie, javascript, zoom