NAMO WebEditor 2.03  
WYSIWYG editor HTML strßnek 
Vytvo°te si vlastnφ web za 5 minut!

    Do tΘto doby si mohli tv∙rci HTML strßnek vybrat û bu∩ si osvojit znalosti HTML k≤du a strßnky psßt v NotePadu, kter² je souΦßstφ Windows nebo zakoupit luxusnφ editor (FrontPage, HomeSite) a tvo°it internetovΘ strßnky i s minimßlnφmi znalostmi jazyka. Jako zlatß st°ednφ cesta, kterß umo₧≥uje dobrou kontrolu na k≤dem, se jevily textovΘ editory dopln∞nΘ o prvky (tagy) HTML jazyka a dalÜφ specißlnφ funkce. Se zßstupci t∞chto program∙ jste m∞li mo₧nost n∞kolikrßt seznßmit i z p°ipraven²ch instalacφ na Chip CD. Jako nejvhodn∞jÜφ variantu uvßdφme 1st Page 2000 (Chip CD 5/00), co₧ je opravdu ÜpiΦkov² freewarov² editor, kter², krom∞ zjednoduÜenΘ prßce se vÜemi zßludnostφ k≤du, obsahoval i p°es 400 Java a CGI script∙.

    Nynφ vydavatelstvφ Chipu p°ichßzφ jako prvnφ s nßsledujφcφ exkluzivnφ nabφdkou û vÜichni Φtenß°i Chipu si mohou nainstalovat a bezplatn∞ pou₧φvat plnou verzi WYSIGYG editoru NAMO WebEditor. Od tohoto okam₧iku se tvorba web∙ stßvß snadno p°φstupnou a to i pro b∞₧nΘho domßcφho u₧ivatele. Abychom Φtenß°∙m co nejvφce usnadnili prßci v editoru, p°ipravili jsme Φesk² podrobn∞jÜφ nßvod na p°φpravu HTML strßnek s popisem funkcφ.


    Namo WebEditor (dßle jen WE) je pln∞ komfortnφ WYSIWYG editor HTML strßnek, kter² umo₧≥uje p°φmo p°ed oΦima tvo°it internetovΘ strßnky v ·plnΘm zobrazenφ, tak jak budou vypadat v internetovΘm prohlφ₧eΦi. Pro dodateΦnou kontrolu zobrazenφ dokument∙ dßle pou₧φvß jak prohlφ₧eΦe Internet Explorer, tak i Netscape. Je nanejv²Ü vhodnΘ mφt p°ed pou₧φvßnφm WE oba browsery ji₧ nainstalovanΘ û nap°. MS Internet Explorer 5.5 z tohoto CD a jako alternativnφ prohlφ₧eΦ (!pozor na sprßvnΘ nastavenφ voleb p°i instalaci!) Netscape Communicator 4.73 z Chip CD 7/00. Program lze nainstalovat na libovolnΘ Pentium s 16 MB RAM a operaΦnφm systΘmem Windows 9x/NT/2000.

    Instalaci WE provedete poklepßnφm na nßsledujφcφ nßhledov² obrßzek:

   P°i instalaci doporuΦujeme zvolit typickou variantu, kterß krom∞ vlastnφho programu a knihoven obsahuje i FTP klienta SiteManager, nßpov∞du, anglick² slovnφk pro kontrolu p°eklep∙ a knihovnu s osmi megabajty grafick²ch prvk∙. Celß instalace pak zabere na pevnΘm disku asi 15 MB. Konec instalace spustφ samotn² editor. V informaΦnφm okn∞ zvolte registraci a zadejte nßsledujφcφ hodnoty, kterΘ jsou urΦenΘ pouze pro Φtenß°e Chipu:  

User name: CHIP

Company: 1220-1004

Licence Key: F5C8 B7BB 8B5A 4236 52BE 4F8D  

   Bez vypln∞nφ t∞chto polo₧ek bude editor fungovat pro 50 spuÜt∞nφ, p°iΦem₧ po Φty°ech startech se p°estanou zobrazovat grafickΘ prvky GIF. Po instalaci doporuΦujeme restartovat poΦφtaΦ.

Funkce programu
   P°i prvnφm spuÜt∞nφ nebude na Ükodu nejprve v panelu Tools nastavit Preference, nap°φklad takto:

  • v polo₧ce Charset (znakovß sada) zvolte Central European Win 1250

  • v Proportional zvolte Courier, velikost 10 bod∙

  • zkontrolujte cesty ke browser∙m

  • v Author vypiÜte svΘ jmΘno, kterΘ se bude generovat do ka₧dΘ strßnky

   Funkce a ovlßdßnφ editoru jsou velice podobnΘ programu Front Page a vzdßlen∞ p°ipomφnß i MS Word, tak₧e ti co majφ co do Φin∞nφ s t∞mito programy, majφ ji₧ polovinu cesty se seznamovßnφm za sebou. Program pou₧φvß k p°epφnßnφ mezi dokumenty elegantnφ zßlo₧ky karet, co₧ zrychluje orientaci. Konfigurace panelu nßstroj∙ je pln∞ v rukou u₧ivatele, tak₧e si do hornφ liÜty m∙₧ete navolit libovolnß tlaΦφtka a funkce (Preference a menu View).  

Editor mß silnou podporu pravΘho tlaΦφtka myÜi a proto pokud ho pou₧ijeme nad jak²mkoliv prvkem strßnky, objevφ se dialog s nabφdkou pou₧iteln²ch funkcφ a vlastnostφ.

Zde vidφme vlastnosti (Properties):

Hyperlink - vazby, odskoky
Cell - bu≥ky v tabulce
Tables - tabulky
Frame - rßmce
Document - dokumentu
Font - pφsma

a dalÜφ mo₧nosti jako nap°. p°idßvßnφ, mazßnφ a d∞lenφ bun∞k (Cell) v tabulce, v²b∞r bu≥ky a tabulky nebo zm∞nu formßtovßnφ strßnky.

   Bli₧Üφ popis funkcφ naleznete v originßlnφ nßpov∞d∞ nebo v tomto podrobnΘm anglickΘm HTML nßvodu nebo v p°ipravenΘm ΦeskΘm popisu a nßvodu, kter² by vßm m∞l napomoci v zaΦßtcφch prßce s WE.

   SouΦßstφ programu je i elegantnφ FTP klient MAMO SiteManager, kter² umo₧nφ vaÜe v²tvory publikovat na internetu. Pokud si tedy nap°. zaregistrujete na serveru www.webzdarma.cz 50 MB pro vaÜe v²tvory a obdr₧φte obratem e-mailem p°φstupovß hesla, pou₧ijete je pro p°enos soubor∙ tφmto FTP klientem na internet. WebEditor volφ zjednoduÜen² zp∙sob p°enosu soubor∙ ve form∞ jakΘsi sprßvy projekt∙, kterß ale nemusφ b²t pro b∞₧nΘ pou₧itφ tφm prav²m o°echov²m. Kdo je zvykl² na souborovΘ mana₧ery, dß jist∞ p°ednost poΦeÜt∞lΘmu Windows Commanderu z Chip CD 7/00, kter² se po p°ipojenφ pomocφ FTP ke vzdßlenΘmu serveru tvß°φ jako by se jednalo pouze o dalÜφ disk a sprßva soubor∙ je tak maximßln∞ pohodlnß.

Tvo°φme HTML strßnky
   Nov² dokument lze standardn∞ vytvo°it z menu File nebo importem ze zrovna otev°enΘ strßnky z MSIE nebo NC. A¥ do dokumentu naΦteme kdykoliv a jakΘkoliv webovΘ prvky, jsme p°i jeho uklßdßnφ upozorn∞nφ, ₧e je pot°eba je ulo₧it zvlßÜ¥ a je nßm nabφdnut voliteln² adresß° \images. Tφm je zajiÜt∞na i zßkladnφ struktura budoucφho webu. Nov² dokument m∙₧e vzniknout pomocφ zßkladnφch Üablon a m∙₧e b²t tvo°en i n∞kolika rßmy (frame). K usnadn∞nφ v²b∞ru je p°ipraven i jejich elegantnφ pr∙vodce. V nejjednoduÜÜφm p°φpad∞ zvolφme Normal Page a otev°e se nßm nov² dokument. Strßnku pro jistotu nejprve ulo₧φme pod vybran²m jmΘnem do prßzdnΘho adresß°e. Na zkouÜku zmßΦkn∞te nad dokumentem pravΘ tlaΦφtko myÜi, zvolte Document Properties a vypl≥te polo₧ku Title û tj. nßzev strßnky, kter² se bude zobrazovat v hornφ liÜt∞ prohlφ₧eΦe. Svou prßci neustßle m∙₧ete kontrolovat p°φmo p°ed sebou ve WE nebo si tlaΦφtkem zvolit zobrazenφ v MSIE nebo NC. Je samoz°ejm∞ mo₧nΘ k≤d upravovat i v textovΘm re₧imu (tlaΦφtko HTML). VyzkouÜejte si postupn∞ do strßnky naΦφst r∙znß pφsma, linky, tabulky a obrßzky, experimentujte s barvami pozadφ, obtΘkßnφm textu a tvorb∞ aktivnφch odkaz∙ ve strßnce, na jinou strßnku nebo na internet. Nezapome≥te vÜak, ₧e volit font musφte s ohledem na nutnost jeho p°φtomnosti u vÜech u₧ivatel∙, kte°φ budou dokument prohlφ₧et. DoporuΦujeme proto pou₧φvat jen fonty Arial, Times New Roman, MS Sans Serif a Curier. BezproblΘmov∞ funguje i import r∙zn²ch obsah∙ schrßnky z Windows.

   I p°i tvorb∞ HTML dokumentu ve WYSIWYG editoru si musφte osvojit zßkladnφ znalosti chovßnφ jednotliv²ch objekt∙ a textu. Pro seznßmenφ s nejd∙le₧it∞jÜφmi vlastnostmi HTML k≤du doporuΦujeme podφvat se na tento dokument Jak na HTML nebo navÜtφvit internetovΘ strßnky Popis HTML jazyka nebo Tvo°φme vlastnφ WWW. Soust°e∩te se hlavn∞ na popisovanΘ chyby, kterΘ se Φasto v internetov²ch strßnkßch vyskytujφ. Obecn∞ platφ, ₧e Φφm jednoduÜφ strßnka, tφm jejφ v∞tÜφ p°ehlednost a sφla. Sna₧te se co nejvφc omezit grafiku a uv∞domte si, ₧e p°esnΘ rozmφst∞nφ objekt∙ na strßnce docφlφte jen s pou₧itφm tabulek, kter²m nadefinujete p°esnΘ velikosti jednotliv²ch bun∞k a nßsledn∞ zneviditelnφte hrany. Nesty∩te se podφvat jak strßnky tvo°φ jinde a s pomocφ funkce importu naΦt∞te ji₧ hotovΘ weby. Nem∞lo by se vÜak stßvat, ₧e dφky tΘto funkci strßnky okopφrujete. 


Zßv∞r
   AΦkoli umφ WE pracovat s Unicode znakov²mi sadami, dochßzφ bohu₧el u Φesk²ch font∙ k jejich nep°esnΘmu zobrazovßnφ (rozpal pφsmen). Tato nep°esnost nemß na v²sledek ₧ßdn² vliv, proto₧e prohlφ₧eΦe texty interpretujφ sprßvn∞. Rovn∞₧ n∞kdy byly ve WE nesprßvn∞ zobrazeny grafickΘ prvky, co₧ lze vy°eÜit schovßnφm a znovu vyvolßnφm okna, p°φpadn∞ ulo₧enφm prßce a zav°enφm/otev°enφm editoru.

   Pokud upravujete ji₧ stßvajφcφ HTML dokumenty, tak WE p°i ulo₧enφ neupravuje podle svΘho cel² dokument, ale pouze provedenΘ zm∞ny - tzn. ₧e v ostatnφch mφstech z∙stßvß p∙vodnφ k≤d. Jestli₧e se na ploÜe objevφ malΘ ₧lutΘ otaznφΦky, jednß se v∞tÜinou o prvky, se kter²mi si WebEditor nevφ rady nebo je pova₧uje za zbyteΦnΘ.

   P°i prßci jsme nßhodn∞ zjistili, ₧e se WE nekamarßdφ se souΦasn∞ spuÜt∞n²m programem MS FrontPage a rovn∞₧ se p°φliÜ nechce d∞lit o pam∞¥ s dalÜφmi programy. DoporuΦujeme mφt zßrove≥ spuÜt∞nΘ jen nejnutn∞jÜφ aplikace. 

   Ve srovnßnφ s jin²mi WYSIWYG editory lze WE oznaΦit za velmi zda°ilΘ dφlko, kterΘ ale jeÜt∞ Φekß v²voj hlavn∞ v oblasti tvorby pokroΦil²ch HTML dokument∙. Navzdory n∞kter²m nedostatk∙m mß WE i n∞kolik v²born²ch vychytßvek jako nap°. zobrazenφ specißlnφch nebo neviditeln²ch znak∙, organizace klipart∙ nebo vklßdßnφ skript∙, aplet∙ a dalÜφch webov²ch prvk∙. Jako lah∙dku lze uvΘst mo₧nost okam₧itΘho p°epnutφ okna do velikosti 800x600, resp. 480x640 a prohlΘdnutφ si svΘho v²tvoru v tomto rozliÜenφ. Poslednφ verze WE 3.08 mß ji₧ odstran∞ny problΘmy s fonty. Nelze na ni vÜak pou₧φt registraΦnφ Φφslo z Chipu, cena registrace programu se pohybuje okolo 220 DM, co₧ nenφ mnoho. Pro poloprofesionßlnφ i domßcφ u₧ivatele se editor nabφzφ jako pln∞ dostaΦujφcφ nßstroj, kter² si svΘ uplatn∞nφ jist∞ najde. VaÜe zkuÜenosti s instalacφ a provozem a dotazy m∙₧ete e-mailovat na webeditor@vogel.cz.

Martin KuΦera


V²robce: 
Namo Interactive Inc., Korea 
www.namo.com 
www.namo.co.kr