TopStyle Pro 3.0b - Grafika.cz - vše o počítačové grafice

Navigace:  » Úvodní stránka  » Rubriky  » Software  

28. května 2002, 00.00 | Jeden z nejlepších editorů kaskádových stylů pro Windows dospěl po relativně dlouhém vývoji do verze 3.0, na jejíž druhou oficiální betu se teď v krátkosti podíváme.

Už více než 4 roky je na trhu editor kaskádových stylů TopStyle od Bradbury Software a během této (ve světě počítačů poměrně dlouhé doby) se TopStyle Pro stal nepsaným etalonem kvality a pohodlí externích editorů kaskádových stylů pro Windows. Za cenu 50 USD si sice můžete objednat stále jen verze 2.5x, autor programu ale nezahálí a už několik měsíců pracuje na zbrusu nové verzi 3.0, která by opět měla nabídnout spoustu nových věcí. Před několik dny byla k oficiálnímu testování uvolněna už druhá betaverze TopStyle Pro 3.0, na kterou se teď v krátkosti podíváme. I když je TopStyle Pro standalone aplikace pro navrhování a úpravy kaskádových stylů, můžete ho používat i jako doplňkový editor pro Macromedia Dreamweaver 4 a také pro nový Dreamweawer MX. Pro "zprovoznění" TopStyle Pro s Dreamweaverem 4 budete potřebovat příslušnou extenzi, která je ke stažení zdarma, Dreamweawer MX pak TopStyle podporuje přímo (není ale jeho součástí a musíte si ho koupit samostatně). Dreamweaver MX umí TopStyle automaticky detekovat v systému (je-li korektně nainstalovaný) a po použití TopStyle se upravené kaskádové styly rovněž automaticky aktualizují v příslušné nástrojové paletce Dreamweaveru MX.

Grafické prostředí TopStyle Pro 3.0 je už ve stylu Windows XP respektive Office XP a některé důležité (a dříve statické) nástrojové paletky mohou pro šetření místa na obrazovce po jejich použití či odejít myší z místa paletky elegantně "odjet" z obrazovky. Co se týče ovládání, zůstala většina věcí při starém, ve verzi 3.0 se ale objevila řada nových editačních a doplňkových funkcí, na které se teď podíváme trochu podrobněji. V TopStyle 3.0 se můžete setkat s novým komplexním způsobem editace kaskádových stylů uvnitř HTML/XHTML dokumentů, které teď umí TopStyle otevřít (orientuje se v otevřeném HTML dokumentu jak jinak než podle tagů <STYLE>..</STYLE>) a ve kterých můžete používat všechny dostupné nástroje pro editaci kaskádových stylů. Editaci HTML/XHTML dokumentů usnadňuje "StyleInspector" (viz obrázek), který se po kliknutí do HTML/XHTML dokumentu změní na "Tag Inspector" a můžete ho použít na úpravu všech dostupných parametrů jednotlivých tagů. Po kliknutí "dovnitř" parametru pro kaskádový styl se objeví další pomocná editační paletka (dá se ale i vypnout) ne nepodobná funkci "Quick Edit" z Macromedia Dreamweaweru 4/MX, jejíž význam je doufám dostatečně známý. Skvělou a velmi užitečnou funkcí programu TopStyle je také tzv. "Style Upgrade", což je v podstatě vyspělá find/replace funkce umožňující velmi rychle nahradit fontové tagy definovanými kaskádovými styly. Další novinkou je "HTML Tidy" pro validaci a volitelné přeformátování HTML/XHTML dokumentu. S pomocí "Tidy Configuration" si jednoduše předefinujete příslušné tagy a jejich parametry a zbytek už klidně můžete nechat na TopStyle. Další užitečnou pomůckou je nabídka příbuzných kaskádových stylů (tedy těch, které jsou použít na místo stávajících) nebo jejich částí. Nabídka "Related Styles" je dostupná z kontextového menu (dostupného obvykle přes pravé tlačítko myši), ukázka viz další obrázek.



Zajímavá je i další novinka patřící spíš mezi užitečné drobnosti, která zjednodušuje a zpřehledňuje samotnou editaci jednotlivých kaskádových stylů - po kliknutí na kaskádový styl si příslušnou externí CSS definici rovnou můžete otevřít pro následnou editaci, totéž platí u tagů pro obrázek, kdy se vybraný obrázek pošle do defaultního prohlížeče či editoru. Při prohlížení editovaných dokumentů máte dále k dispozici full screen náhled (další obrázek), který může využívat jak jádro MS Internet Exploreru, tak i jádro Gecko (Mozilla/Netscape - ve druhé betaverzi TopStyle 3.0 už funguje i spolupráce s jádrem Gecko u Netscape 7.0), nebo dokonce oba dva zároveň - pak se preview rozdělí do dvou oken. Ve full screen preview navíc můžete měnit !DOCTYPE pro jednotlivé pohledy a důkladně tak otestovat funkčnost daného HTML/XHTML dokumentu.


Integrovaný manager souborů umožňuje v TopStyle 3.0 navigaci jak mezi soubory na lokálním, tak i na síťovém disku a umí mezi těmito soubory vytvářet odkazy klasickým drag&drop, tedy pouhým přetažením souboru myší. Pro práci s častou používanými soubory a jejich částmi máte nově k dispozici speciální knihovnu objektů "Clip Library" (podporující ještě navíc "tokenizaci", tj. inteligentní nahrazování výrazů), do které si můžete uložit vybranou kratší část kódu, stylu či dokumentu a s pomocí funkce pro rychlé vložení ji kdykoliv umístit do aktuálního dokumentu. Šikovnou pomůckou je i integrovaný "Thumbnail Viewer" na prohlížení obrázků ve zvoleném adresáři a "Custom Keyborad Sets" (obrázek nahoře) umožňující kompletně si přenastavit všechny klávesové zkratky potřebné pro ovládání programu, editační operace apod. V nové verzi TopPlus si dále můžete vytvořit vlastní paletu barev importem příslušné existující barvové palety například z Adobe Photoshopu, Macromedia Fireworks, PaintShopu Pro nebo HomeSite, neméně zajímavá je i tvorba speciálních palet barev s pomocí tzv. "harmonizační" funkce automaticky vytvářející z vybrané barvy harmonické barvy a jejich odstíny. Jednou z dalších velmi užitečných novinek je také interní podpora CSE HTML Validatoru Pro, takže pokud ho máte nainstalovaný, můžete využít jeho služeb pro kontrolu syntaxe HTML dokumentů přímo z prostředí TopStyle 3.0. Při zakoupení plné verze CSE HTML Validatoru Pro navíc můžete zdarma získat upgrade TopStyle 3.0, který byste jinak museli zaplatit autorovi programu.

Už podle prvních indicií v podobě betaverzí se TopStyle 3.0 jistě bude dále pokračovat ve své vůdčí pozici nekorunovaného krále profesionálních editorů kaskádových stylů pro Windows, jen velmi málo programů totiž může nabídnout tak vysoký komfort používání a patrně žádný z CSS editorů zatím nenabízí takové možnosti při editaci kaskádových stylů. Kladně lze hodnotit i spolupráci s Macromedia Dreamweaverem 4 přes speciální freewarovou extenzi nebo přímo s využitím možností nabízených při editaci kaskádových stylů v Dreamweaveru MX přes externí CSS editor.