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.

      Freeway zaceluje dφru mezi klasick²mi DTP programy typu XPress nebo PageMaker, kterΘ neposkytujφ dostateΦnΘ prost°edky pro generovßnφ webov²ch strßnek, a webov²mi editory, kde je zase problematickΘ pou₧itφ DTP technik (p°esnΘ umφst∞nφ objekt∙ na strßnku, typografickß kontrola ...). P°i nßvrhu webov²ch strßnek ve Freeway m∙₧ete zcela zapomenout na HTML, naopak zde uplatnφte veÜkerΘ zkuÜenosti z oblasti DTP.

      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

      Webov² 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.