Sothink DHTML Menu 8.1: komfortní editor navigačních menu pro webové stránky - Grafika.cz - vše o počítačové grafice

19. září 2007, 00.00 | Snadná a především rychlá tvorba DHTML/JavaScriptových navigačních menu pro webové stránky není se Sothink DHTML Menu žádný problém, a to i v případě poměrně
složitých nabídek s prakticky libovolným vzhledem a řadou doprovodných efektů, včetně stínů a průhlednosti. Recenzi programu vám nyní nabízíme.

Sothink DHTML Menu společnosti SourceTec Software patří mezi uživatelsky nejzajímavější nástroje na tvorbu navigačních menu pro webové stránky či případně pro různé internetové či intranetové webové prezentace. Výstupem ze Sothink DHTML Menu je kombinace HTML kódu s DHTML prvky a JavaScriptových modulů, s pomocí kterých se jednak identifikuje menu pro konkrétní prohlížeč a současně se dalšími moduly řídí jednotlivé zobrazovací a efektové funkce konkrétního typu menu.

Editor je intuitivní a má pochopitelně reálný WYSIWYG náhled pomocí renderovacího jádra MS Internet Exploreru či jiného adekvátního webového prohlížeče. Jednotlivá menu si můžete jednak vybrat z mnoha desítek hotových šablon, které lze dále upravit, druhým řešením je pak navrhnout si vlastní menu, včetně libovolných grafických prvků. Navigační menu nemusí být pouze textová, Sothink DHTML Menu samozřejmě podporuje i obrázková menu a libovolné ikonky, symboly či jiné bitmapové grafické prvky v celé hierarchické struktuře daného typu menu.

DHTML Menu a jeho „odlehčená“ verze DHTML Menu Lite

Běžná cena Sothink DHTML Menu je 79 USD, v současné době lze plnou verzi editoru koupit za 65 USD. Program je určený pro většinu Windows, od Windows 98 až po Windows Vista. K dispozici je i verze Sothink DHTML Menu Lite, nabízená za 39 USD. Tato je určena pro nekomerční či soukromé použití a liší se například chybějící knihovnou grafických prvků, nemožností napojit menu na databázi, chybějícím Sitemap generátorem a rovněž tak chybějící funkcí pro aplikaci šablon na konkrétní menu. Dražší verze DHTML Menu navíc nabízí podporu efektů pro vykreslování menu, vícesloupcové menu, plovoucí menu, výběr typů kurzorů a mimo jiné též automatizované zvýrazňování menu a automatický posuv obsahu menu podle designu webové stránky a rozměrů okna prohlížeče.

Sothink DHTML Menu 8.1 - prostředí editoru s reálným WYSIWYG náhledem, strukturou menu a různými skupinami editačních funkcí

Šablony menu a bezplatné doplňky

Šablony navigačních menu zahrnují jak vertikální, tak i horizontální menu s nejrůznějšími grafickými layouty i různými fonty. Další šablony si můžete dokoupit, prodávají se v sadách po 10 USD.

Součástí instalace Sothink DHTML Menu je i několik bezplatných doplňků, které lze též zdarma stáhnout samostatně z webových stránek společnosti SourceTec. Jedná se o pluginy či různé extenze pro HTML/webové editory, zajišťující přímou spolupráci webového editoru se Sothink DHTML Menu. Konkrétně si lze doinstalovat extenzi pro Adobe Dreamweaver s podporou knihoven objektů a šablon Dreamweaveru (tzn. s automatickou aktualizací menu v upravované webové stránce), dále doplněk pro Microsoft Expression Web (opět s podporou dynamických webových šablon), Microsoft FrontPage a Adobe GoLive.

Sothink DHTML Menu 8.1 - součástí programu je sada předloh s hotovými navigačními menu v různých barvách a typech, s různými grafickými prvky

Editace navigačních menu a doplňkové funkce

Každé navigační menu vytvořené s pomocí Sothink DHTML Menu může být buď vertikálního nebo horizontálního typu, od verze 8.x pak ještě s možností vícesloupcových menu, která fungují relativně nezávisle. I běžné menu samozřejmě může být už z principu vícesloupcové, přičemž každý sloupec může obsahovat libovolný počet položek v rámci strukturovaného menu. U jednotlivých položek v menu mohou být libovolné ikonky či grafické symboly, používat lze též grafické indikátory rozbalovacích menu. Navigační menu se může generovat i prostřednictvím databáze, pak je ovšem nutné napojit menu na ASP, PHP, JSP, ASP.NET či ColdFusion kód serveru, obsahujícího současně i databázi pro menu.

Sothink DHTML Menu umí dokonce i generovat kód menu kompatibilní pro vyhledávací engine i XML sitemapy pro Google, takže celé menu je pak vlastně indexováno pro vyhledávače. S pomocí Site Navigation generátoru lze navíc „nahrubo“ vytvořit navigační menu pro stávající webové stránky a strukturu menu pak manuálně upravit.

Naprostou samozřejmostí je umísťování položek menu s přesností na jeden obrazový bod, stejně tak samozřejmé jsou detailní výběry barev pro orámování, pozadí, písma, různé druhy zarovnávání položek menu a další vlastnosti celého menu, i opět pouze jeho jednotlivých položek, to vše pro různé stavy daného položky menu v závislosti na kliknutí myší. Celé menu pak může mít jeden z mnoha „rozbalovacích“ efektů a lze si u něj zvolit typ kurzoru myši při najetí na menu. K dispozici jsou dále různé typy zvýrazňování aktivních položek v menu i automatický posuv obsahu menu v závislosti na rozměrech okna webového prohlížeče a struktuře objektů webové stránky. Většina funkcí a vlastností navigačních menu v Sothink DHTML Menu podporuje průhlednost, samozřejmostí je též možnost rychlého ovládání editoru přes kontextové menu.

Dobře je v Sothink DHTML Menu vyřešeno kódování písem, respektive jejich kódové tabulky – používat můžete většinu kódových stránek, včetně Unicode (UTF-8), do HTML entit lze navíc kódovat různé speciální znaky.

Sothink DHTML Menu 8.1 - jednotlivé editační sekce a volby vlastností navigačních menu

Sothink DHTML Menu 8.1 - kontextové ovládací menu umožňuje rychlý přístup k základním editačním funkcím navigačního menu

DHTML Menu + webové prohlížeče a Flash

Velmi důležitá je u editorů navigačních menu kompatibilita s webovými prohlížeči. Sothink DHTML Menu, respektive jeho JavaScriptové moduly, jsou na tom díky poměrně dlouhému vývoji velmi dobře. Zajištěna je tedy kompatibilita se všemi nejpoužívanějšími prohlížeči – například s MS Internet Explorerem 5.0+, Operou 7.5+, Mozillou 1.2.1+, FireFoxem 1.0+, Netscape Navigatorem 7.0+ pro Windows, Mac OS X a Linux, Safari 1.3.2+ pro Mac OS X i Mac OS 9 či Konquerorem 3.0.3 pro Linux. Každý webový prohlížeč má pochopitelně svá vlastní specifika v rámci své funkčnosti a vykreslování objektů, podrobný přehled vlastností vytvořených navigačních menu pro výše uvedené verze webových browserů najdete v samostatné tabulce na produktových stránkách Sothink DHTML Menu.

Máte-li problémy s překrýváním navigačních menu s různými speciálními prvky webových stránek typu Input/Select boxů a IFRAME objektů či ActiveX prvků, můžete si v globálních nastaveních pro dané navigační menu nastavit automatické skrývání uvedených objektů či prvků. Totéž platí i pro Flash animace, které však umí Sothink DHTML Menu překrývat mnohem elegantnějším způsobem než pouze jednoduchým schováním obsahu Flash animace či videa. Překrývání Flash či ActiveX objektů navigačním menu lze totiž provést korektním nastavením speciálního parametru „wmode“ s hodnotou „transparent“, dotyčná hodnota přitom musí být jak v tagy <param>, tak i v tagu <embed> (podrobnosti o průhlednosti u Flash objektů najdete například na webu společnosti Adobe). Poté už může navigační menu ve většině webových prohlížečů bez problémů překrývat Flash animace, včetně efektů vybalování menu či stínů na okrajích menu.

Sothink DHTML Menu 8.1 - možnosti pro publikování navigačního menu

Sothink DHTML Menu 8.1 - publikování JavaScriptů pro DHTML menu s možností automatického nebo manuálního vložení potřebného kódu do webové stránky

Závěr

Program určitě právem patří mezi nejkvalitnější aplikace svého druhu vůbec, přesto se najde několik chybějících funkcí – například nemožnost nechat natrvalo (či do nového výběru provedeného kliknutím myší) zvýrazněné poslední aktivní menu.

Celkově lze však říci, že Sothink DHTML Menu poskytuje webdesignérům poměrně pohodlný nástroj na tvorbu navigačních menu. Nabízí i dostatečný počet efektových a grafických prvků a stylů pro vytvoření i složitě strukturovaných nabídek. S editorem lze vyrobit prakticky jakékoliv horizontálně či vertikálně fungující navigační menu, které je pak možno poměrně jednoduše začlenit do webové stránky v rámci publikačních funkcí Sothink DHTML Menu. Zkušební verzi Sothink DHTML Menu si můžete stáhnout zdarma na webových stránkách společnosti SourceTec.

Sothink DHTML Menu 8.1 - editor nabízí i generování XML souborů pro sitemapy

Sothink DHTML Menu 8.1 - generátor menu podle celkové mapy websitu

Sothink DHTML Menu 8.1 - jedna ze sekcí předvoleb aplikace

Sothink DHTML Menu 8.1 - zobrazení cest ke zdrojovým souborům pro navigační menu

Sothink DHTML Menu 8.1 - souhrnná zpráva o velikosti vygenerovaného kódu, JavaScriptů a grafických objektů