Freeway 1.0 -- DTP pro Web
Po textových editorech HTML kódu a WYSIWYG editorech, pracujících v náhledu, přichází třetí generace nástrojů pro návrh webových stránek, přinášející do této oblasti prvky DTP. Jejím zřejmě nejvýraznějším představitelem, který se již zcela oprostil od pout HTML, je editor Freeway 1.0 britské firmy SoftPress.
Návrh stránky Začíná to již přesným určením rozměrů stránky při jejím vytvoření. Na vzniklou prázdnou stránku se potom zcela libovolně umisťují jednotlivé prvky. Ve Freeway jsou veškeré objekty vloženy do rámečků (pozor, neplést s rámci z HTML), přičemž k dispozici jsou dva druhy rámečků -- GIF (grafický) a HTML rámeček. Do grafického rámečku lze importovat libovolný obrázek, o jeho převod na formát GIF nebo JPEG se postará Freeway sám (parametry převodu lze zvolit). S obrázkem lze přímo ve Freeway provádět různé grafické operace jako je překlopení, rotace nebo sklonění. Pro drobné doladění tedy není potřeba používat externí grafický editor. Do grafického rámečku lze zadat také text, který zůstává po celou dobu návrhu stránky editovatelný. Teprve na závěr je takový text převáděn do podoby obrázku (lze použít anti-aliasing), což se hodí například pro dosažení přesné reprodukce použitého písma a je to také jediný bezpečný způsob přesné typografické kontroly. HTML rámeček naproti tomu pojme pouze text, který lze zadávat přímo ve Freeway nebo načíst z textového souboru. Tento text používá běžné styly HTML, část textu (například různé symboly, které HTML nezná) je ale možné označit jako typ GIF. Tato část je potom při generování stránky převedena na obrázek, podobně jako text z GIF rámečků. Rámečky mohou být na stránce umístěny zcela libovolně, a dokonce se mohou i překrývat. Program potom analyzuje překryvy a vygeneruje příslušné části grafiky. Snadno tak lze například dosáhnout zajímavých efektů, kdy písmo vyřízne část podkladového obrázku. Rámečky obsahující text mohou být navíc propojeny, a text tak může volně procházet z jednoho rámečku do druhého. V DTP to je zcela běžná vlastnost, ve světě Webu je to ale nevídané a zatím určitě bez konkurence. Kromě GIF a HTML rámečků lze na stránku vkládat také všechny běžné formulářové prvky, jako jsou textová pole, nabídky nebo zaškrtávací boxy. Při návrhu stránky je klíčové použití palety Inspector, odkud lze nastavovat a měnit parametry stránky (např. rozměry) a veškerých objektů na ní. Paleta je kontextově citlivá a její obsah se přizpůsobuje právě zvolenému objektu. Již dlouho jsem neviděl takto přehledně zpracovanou paletu. Odkazy Základní myšlenkou Webu je vzájemná provázanost stránek, a tak samozřejmě i Freeway umožňuje na stránky vkládat odkazy. Stačí označit objekt, z něhož odkaz povede (může to být například kus textu nebo obrázek), a v dolní části vybrat odkaz na některou lokální stránku. Pokud tato stránka ještě neexistuje, lze ji vytvořit zároveň s odkazem. Podobně lze zadávat také odkazy na další místa na Webu uvedením jejich URL. V programu lze vytvářet i odkazy na přesné místo na stránce, tzv. kotvy. Definice kotev ale není tak přímočará a je pro ni potřeba používat extended atributy objektu. Kotvou zde navíc může být jen obrázek, který obsahuje odkaz sám na sebe. Master stránky Obrovské zjednodušení a zrychlení práce při návrhu většího množství podobných stránek přinášejí tzv. master stránky, obsahující společné prvky stránek. Práce s master stránkami je v oblasti DTP samozřejmostí, návrháři webových stránek si ale o tomto nástroji zatím mohli nechat jen zdát. Freeway boří bariéry v návrhu webové stránky a jedním z bodů, v němž jasně poráží ostatní webové editory, je právě možnost pracovat s master stránkami. Master stránka se zde vytváří stejně jako jakákoliv jiná. Lze na ni umístit grafiku, text i vodicí lišty, které budou společné pro stránky využívající dané master stránky. Typicky budou těmito společnými prvky obrázek v pozadí, navigační lišty, logo firmy nebo odkaz na webmastera. Při použití master stránky je její obsah zkopírován do aktuální stránky a lze s ním dále normálně pracovat. Na master stránce tak například můžete připravit prázdný rámeček pro název stránky a vlastní text pak do rámečku doplnit až přímo na vytvářených stránkách. Změny provedené na master stránce se přirozeně promítají do stránek, které ji používají. Ve Freeway je možné definovat a používat více master stránek. Žádné HTML Jak již asi vyplynulo z předchozího textu, jazyk HTML je pro návrháře stránek ve Freeway téměř zcela skryt. Nejčastěji se s omezeními HTML budete setkávat při zadávání textu do HTML rámečků. K dispozici jsou pouze styly, které používá HTML, na přesnější typografickou kontrolu zapomeňte, i když můžete třeba zadat doporučené písmo, jakým se má text zobrazit ve webovém prohlížeči. Freeway také nabízí možnost přímého vkládání HTML kódu. Každý GIF rámeček je možné obohatit o extended atributy (v HTML kódu se vkládají k <IMG> a spol.), podobně lze o atributy rozšířit značku <BODY>. Kromě toho je možné zadávat meta-značky, kam se například píše kódování stránek (k češtině se ještě vrátíme) nebo klíčová slova pro vyhledávací roboty. V neposlední řadě je možné přidat do stránky vlastní HTML kód, obsahující například skripty, definice stylů nebo rámců (kód je vkládán před značky </HEAD> a </BODY>, resp. za značky </HEAD>, <BODY> a </BODY>). Tyto rozšířené možnosti přirozeně vyžadují znalosti jazyka HTML. Vestavěný HTML editor, který by měl přístupný celý HTML kód stránky, ale k dispozici není. Vnořené objekty a Java Dalším z prvků často vyžadujících zásah do HTML kódu stránky jsou vnořené objekty, Java aplety a prográmky v JavaScriptu nebo VBScriptu. Programy v JavaScriptu nebo VBScriptu jsou užitečné pro oživení stránek například o tlačítka, která mění vzhled při pohybu kurzoru přes ně, nebo o kontrolu obsahu formulářových políček před jejich odesláním. Tyto skripty lze ve Freeway také používat, i když jejich podpora zatím není zrovna velká. Pro jejich zadání lze použít příkazu, jenž umisťuje uživatelský HTML kód před značku </HEAD>. Vnořené objekty, tj. data obhospodařovaná ve webových prohlížečích zásuvnými moduly, a Java aplety se do stránek vkládají zcela stejně jako grafika. Stačí vytvořit grafický rámeček a importovat do něj příslušný soubor. Pokud je takto vložen Java aplet nebo objekt, např. QuickTime film, vyžadující další parametry, lze tyto údaje snadno zadat v dialogovém okně pro extended atributy prvku. U Java apletů skládajících se z více souborů je také potřeba tyto další soubory ručně zkopírovat do složky s vygenerovanými HTML stránkami. Freeway neposkytuje náhled na vnořené objekty ani na Java aplety. Generování a správa stránek Na rozdíl od klasických webových editorů, pracujících přímo s HTML kódem, Freeway ukládá sadu stránek ve vlastním formátu do jediného souboru. V témže souboru jsou uloženy také náhledy na grafické prvky, zatímco originály jsou v samostatných souborech, a lze je tedy kdykoliv v průběhu návrhu upravovat příslušnými grafickými programy. Vlastní HTML podoba stránek se generuje včetně všech grafických souborů až těsně před přenosem na webový server. Drobnou nevýhodou z hlediska přehlednosti struktury webového hnízda je to, že všechny stránky i obsažená grafika jsou generovány do stejné složky. Některé soubory, konkrétně části Java apletů, je do této složky nutné přenést ručně. Při každé změně na stránce se celé hnízdo generuje znova a uživatel pak musí ručně přenést změněné soubory na webový server. Vzhledem k tomu, že jsou stránky uloženy v jediném souboru, nabízí Freeway také jednoduchou správu sady stránek. Paleta zobrazující strukturu hnízda například ukazuje, z jakých prvků se stránky skládají, jaké obsahují odkazy nebo jak jsou velké. Chybí zde ale automatická kontrola správnosti odkazů na stránky mimo hnízdo. Co chybí Od aplikace s pořadovým číslem 1.0 nelze očekávat, že splní veškerá přání uživatelů a že bude obsahovat vše, na co si vzpomenete. Z klasických HTML prvků nelze například přímo vytvářet rámce a tabulky. Postoj k rámcům je ale ve webové komunitě rozporuplný (osobně si myslím, že se lze bez nich obejít), a obdobu tabulek vlastně ve Freeway můžete vytvářet díky libovolně umístitelným objektům. Tvůrce programu navíc přislíbil podporu rámců i tabulek v nejbližší verzi. Pro návrháře, kteří mají připraveno množství stránek, bude asi více nepříjemné to, že do Freeway nelze importovat celé stránky. Import je sice možné provést po částech, v praxi to ale odpovídá kompletnímu vytvoření nové stránky z připravených prvků. To ovšem na druhou stranu netrvá tak dlouho. Freeway poskytuje přesný pohled na grafickou podobu stránky. Nepodporuje ale náhled na vnořené objekty (QT filmy apod.) a Java aplety. Neobsahuje a z principu práce asi ani nebude obsahovat vestavěný HTML editor pro práci s HTML kódem celé stránky. Někomu také může chybět podpora uploadu vygenerovaných stránek a dalších souborů na webový server. Samostatnou kapitolou při návrhu webových stránek je používání češtiny. Pokud jsou české znaky zadány v GIF rámečku, není samozřejmě s háčky a čárkami problém. Freeway umí český text zobrazit také v HTML rámečku (pokud zvolíte vhodné písmo), při generování stránek ho ale převádí na HTML kód (např. á na á), což většinu českých znaků zničí. Při krátkém testu se mi bohužel nepodařilo tuto konverzi nijak vypnout. Postřehy Schopnostmi a přístupem k tvorbě stránek ve Freeway jsem byl mile překvapen. Navržená grafická podoba stránky velice přesně odpovídá tomu, co se ve skutečnosti zobrazí ve webovém prohlížeči. Drobné problémy se mohou vyskytnout v HTML rámečcích, a tak je vhodné prohlédnout si stránky ještě před publikováním v co nejvíce webových prohlížečích. Freeway při instalaci najde na disku známé prohlížeče a zařadí je do nabídky, odkud lze zvolený prohlížeč přímo aktivovat a načíst do něj stránky. Program je dostupný ve verzi pro Macy s procesory 68k a PowerPC, pro vážnější práci ale rozhodně doporučuji PowerPC stroj. Vzhledem k náročnosti prováděných operací je totiž Freeway na starších strojích přece jen pomalejší. Zvláště se to projevuje při úpravách master stránky, která je použita v několika dalších stránkách. Závěr Freeway představuje průlom v tvorbě webových stránek. Nabízí prostředky dosud běžné jen v DTP aplikacích, jako je přesné umístění prvků na stránce, libovolná kombinace grafiky a textu, typografická kontrola nebo podpora master stránek. Pro návrháře zvyklé na DTP nástroje je Freeway skvělý způsob, jak přenést své zkušenosti také do oblasti publikování na Webu.
Roman Barták Freeway 1.0Webový editor se schopnostmi DTP Platforma: Mac OS, PowerPC (68k) Výrobce: SoftPress (http://www.softpress.com) Cena: 199 GBP Od DTP k Webu (nebo naopak?) Publikování na Webu se od klasického "papírového" publikování zásadně liší způsobem, jakým se publikace připravuje. DTP je založeno na přesném umisťování prvků na stránku, zatímco Web používá spíše obsahové rozlišení informace (nadpis, seznam ...) a výsledný vzhled stránky pak do velké míry závisí na použitém prohlížeči. U klasického Webu například těžko můžeme hovořit o typografické kontrole nebo o přesném umisťování objektů na stránku. Přesto se řada webových editorů snaží přiblížit návrháři stránky v podobě, v jaké budou vypadat ve webovém prohlížeči. Tyto programy však pořád zůstávají svázány možnostmi HTML, a přechod od DTP na Web pak může být dosti frustrující. Na druhou stranu HTML již dnes nabízí prvky, jako jsou tabulky a "prázdná" grafika s absolutními rozměry, které umožňují dosáhnout podobných možností při přesném umisťování objektů na stránku jako DTP. Tyto metody jdou ale do jisté míry proti duchu HTML (proto je řada příznivců HTML odmítá) a navíc je hodně náročné, ne-li nemožné, vytvářet takové webové stránky ručně, tj. psaním HTML kódu. Přesto se můžeme se stránkami vytvořenými podobnými technikami setkávat na Webu stále častěji. Na scéně se totiž objevily programy typu NetObject Fusion, GoLive CyberStudio nebo zcela nově také Freeway, nabízející DTP přístup k tvorbě webových stránek.
|