S prudkým nárůstem počtu programů pro tvorbu www stránek a s relativní standardizací formátů webu lze podobně jako u textových editorů očekávat, že se budou jednotlivé www editory často podobat jako vejce vejci. Aplikaci Visual Page 1.0 (preview release 1) firmy Symantec, kterou vám dnes představíme, dokonce někteří označují jako téměř-klon jiného známého www editoru Claris Home Page (viz minulé číslo). Jak ale uvidíme dále, zdánlivá vizuální a funkční podobnost zdaleka neznamená, že oba programy skutečně nabízejí to samé.
Přestože Visual Page je již třetí v řadě zde recenzovaných www editorů se schopnostmi WYSIWYG a z této trojice má asi nejlepší podporu pro práci s HTML, pravděpodobně stále ještě nepřesvědčí skalní přívržence programování stránek v HTML, aby opustili svůj oblíbený textový editor BBEdit (na Macu) nebo Zápisník (ve Windows). My ostatní, řekněme "Wordem rozmazlení" uživatelé, máme ve Visual Page další nástroj pro snadnou tvorbu i poměrně komplikovaných webových stránek.
Základy
Visual Page se na první pohled opravdu podobá svému nejbližšímu konkurentovi Claris Home Page. Stránky se zde vytvářejí podobně jako v textovém editoru, k dispozici je řada tradičních formátů a stylů textu. Je možné vkládat obrázky a ty následně s textem zarovnat. Vložený obrázek může sloužit také jako tlačítko s odkazem na další stránku, případně jako tzv. mapa obsahující naráz více odkazů. Přímo ve Visual Page lze vytvářet client-side mapy (obrázek 1). Zajímavým typem "obrázku" je spacer, což je vlastně prázdný obrázek sloužící pro přesné odsazení textu.
Výborně se ve Visual Page pracuje s tabulkami, které lze upravovat metodou táhni a pusť (obrázek 2). Tímto způsobem můžete například nastavit přesnou šířku sloupce nebo výšku řádku. Jednoduše lze také definovat třeba barvu jednotlivých buněk tabulky.
Podobně jako ostatní webové editory umožňuje také Visual Page vkládat do stránek různé formulářové prvky jako jsou například zaškrtávací boxy, vytahovací nabídky nebo odesílací tlačítka. Tvůrci Visual Page dokonce považují tuto činnost za tolik frekventovanou, že umístili tlačítka pro přidání těchto prvků do záhlaví každého editačního okna.
Důležitou součástí každého www editoru je snadné přidávání odkazů na další stránky. Visual Page při tvorbě odkazů plně podporuje operaci táhni a pusť. V praxi se to projevuje tak, že stačí označit text, resp. obrázek sloužící jako odkaz, a na takto označený objekt následně myší přenést soubor z lokálního disku nebo třeba jiný odkaz, řekněme z Navigatoru. Pokud máte dostatečně velký monitor, na který se bez problémů vejde okno s vytvářenou stránkou a několik dalších oken, z nichž berete odkazy, je vše v nejlepším pořádku. V opačném případě může jinak pohodlná operace táhni a pusť trochu znepříjemnit život nutností neustále přeuspořádávat okna tak, aby bylo zároveň vidět zdrojové i cílové okno přenosu. Potom je dobré, pokud editor nabízí také nějaký alternativní, a pokud možno stejně jednoduchý způsob vytvoření odkazu. Bohužel v tomto směru neposkytuje Visual Page odpovídající alternativu a jediný další způsob vytvoření odkazu (na lokální i vzdálený soubor) je, že tento odkaz zadáte ručně v dolní části editovacího okna.
Naštěstí Visual Page umožňuje zobrazit okno se všemi HTML soubory ve zvolené složce/hnízdě (obrázek 3), a tak lze operace táhni a pusť při tvorbě odkazů na lokální www stránky, případně na kotvy na těchto stránkách, přece jen plně využít.
WYSIWYG a uživatelské rozhraní
Visual Page vyniká v poměrně věrném zobrazení www stránky, zvlášť pokud jde o přesnost umístění jednotlivých objektů na stránce. Dokonce i obrázky, jejichž správné umístění dělá jiným editorům problémy, jsou ve Visual Page zarovnány s textem téměř stejně jako v reálném prohlížeči.
Visual Page nemá žádný speciální mod náhledu na stránku, místo něho vše reálně zobrazuje přímo v editoru. Aby bylo možné stránku zobrazit ještě věrněji, lze některé "neviditelné" prvky, jako jsou kotvy nebo značky pro neinterpretované HTML kódy, skrýt. Bohužel jinak slušný WYSIWYG editoru kazí použité písmo, ve kterém se stránka zobrazuje (obrázky 4). Toto písmo je totiž pro všechny styly téměř stejné a nikde ho nelze uživatelsky nastavit. Pokud tedy chcete vidět svoji stránku v plné parádě, musíte ji přenést do nějakého prohlížeče.
Visual Page umí přenést editovanou stránku do nastaveného prohlížeče, ale tato funkce je poměrně překvapivě ukryta v hlavní nabídce, místo aby její tlačítko zářilo na nástrojové liště v každém okně. Právě nevhodné rozmístění tlačítek na nástrojové liště je podle mého názoru slabinou programu. Nepatřím zrovna k tvůrcům stránek hemžících se formulářovými prvky, bohužel právě tlačítka pro přidání těchto, podle mého názoru méně často používaných prvků, zabírají poměrně velkou část lišty. Jiné frekventovanější funkce zde pro změnu nenajdete a musíte se k nim prokopávat přes vytahovací nabídky.
Pokročilé prvky
Mezi pokročilejší prvky v jednoduchých WYSIWYG editorech pro web tradičně považujeme práci s HTML, rámci, zásuvnými moduly a Javou, tedy oblasti, které tyto editory ne vždy dobře zvládají. HTML editoru je věnována následující kapitola, a tak se teď podívejme na zbylou trojici "pokročilých" technologií.
Rámce jsou dnes již natolik běžné, že bychom je možná ani neměli za něco pokročilejšího považovat. Jak ale ukázaly předchozí dvě recenze www editorů, ne vždy si s rámci uspokojivě poradí. Visual Page ovšem zvládá práci s rámci na výbornou. Formuláře s rámci se vytvářejí v samostatném okně a jednotlivé rámce pak lze snadno rozmístit metodou táhni a pusť. Stejně jednoduše se nastavují také parametry rámce jako je přítomnost posuvníku, pevná, resp. uživatelem definovaná velikost, apod. Důležitou vlastností Visual Page je to, že umožňuje přímo v okně s rámci upravovat jejich obsah, tj. další www stránky. Již v editoru tak můžete vidět, jak bude okno s rámci skutečně vypadat. Hezká a užitečná vlastnost.
Mezi další pokročilejší vlastnosti patří podpora vkládání dat pro zásuvné (plug-in) moduly. To se ve Visual Page provádí jednoduše výběrem souboru s vnořeným objektem, např. PDF dokumentu, a jeho přenesením na stránku. Další parametry vnořeného objektu, jako je třeba jeho velikost, lze potom snadno a intuitivně nastavit přímo v editoru (např. změna velikosti se provádí tažením). Zvláštní místo mezi zásuvnými moduly si získávají QuickTime filmy, které již řada www editorů podporuje přímo. Také Visual Page má pro vložení QuickTime filmu zvláštní příkaz, a dokonce umí film přímo v editoru přehrát. Horší je to ale s nastavováním parametrů specifických pro filmy (obrázek 5).
Nechladnoucím hitem Internetu dnešních dní je programovací jazyk Java pro vytváření snadno přenositelných aplikací. Visual Page umožňuje vložit do stránky soubor s Java appletem, případně Javascript. Javascripty lze v editoru také přímo psát, pro jejich odzkoušení ale musíte použít browser s podporou Javy.
HTML editor
Co by to bylo za www editor, kdyby neumožňoval podívat se pod kapotu vytvářené stránky a provádět drobné úpravy přímo ve "strojovém kódu" webu, totiž v jazyce HTML.
Visual Page obsahuje vestavěný HTML editor a na rozdíl třeba od Claris Home Page, kde vidíte buď WYSIWYG náhled, nebo HTML kód, zobrazuje zdrojový HTML kód stránky v samostatném okně. Můžete tak mít na monitoru zobrazen zároveň zdrojový kód stránky i její WYSIWYG podobu. V obou oknech lze provádět úpravy, a změny provedené v jedné části se ihned automaticky přenesou také dočásti druhé. Pokud tedy nějak upravíte HTML kód, projeví se to ihned ve WYSIWYG zobrazení, stejně jako třeba přidání obrázku ve WYSIWYGu se odrazí ve vygenerování příslušného bloku HTML příkazů. Začínající uživatel se tak může docela dobře naučit základům HTML, zatímco zkušený matador si tímto způsobem snadno ověří, že jeho kreace v HTML budou skutečně vypadat tak, jak si přál.
Přehlednost práce s kódem je dále zvýšena barevným rozlišením HTML značek a odkazů od ostatního textu (obrázek 6). Když už je řeč o HTML, tak je třeba také zmínit to, že značky můžete přidávat do stránky přímo ve WYSIWYG modu. Pokud Visual Page neumí značku interpretovat, zobrazí ji na stránce symbolem podobně jako Navigator Gold.
Ať už jste zkušený HTML kodér nebo se tento jazyk teprve učíte, vestavěný HTML editor ve Visual Page si z právě popsaných důvodů určitě oblíbíte.
Shrnutí
Přestože předmětem testu byla preview release verze programu Visual Page 1.0, ukázala se tato aplikace jako dostatečně stabilní s řadou vlastností vylaďujících podobné funkce z Claris Home Page. Také WYSIWYG byl o něco lepší než u konkurence, která zase nabízí více extra doplňků. Za úvahu by stálo přeuspořádání uživatelského rozhraní, které by práci s programem více zpřehlednilo (změny provedené ve finální verzi programu se mi pořád zdají nedostatečné). Za vyzdvižení určitě stojí HTML editor a jeho provázanost na WYSIWYG zobrazení stránky.
Vzhledem k nedostatečné podpoře pro správu hnízd webových stránek (např. chybějící kontrola platnosti odkazů nebo upload na server) je Visual Page vhodný spíše pro menší, maximálně středně velká hnízda stránek. Kompletní individuální stránky v něm ale vytvoříte snadno a rychle.
Roman Barták