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