Programy na tvorbu WWW stránok – HTML editory, WYSIWYG a porovnanie

Programy na tvorbu WWW stránok – HTML editory, WYSIWYG a porovnanie

Programy na tvorbu WWW stránok umožňujú vytvárať, upravovať a spravovať webové stránky. Líšia sa spôsobom práce, podporovanými technológiami aj tým, či používateľ pracuje priamo s HTML kódom alebo využíva vizuálne rozhranie.

Služba WWW

WWW (World Wide Web) je jednou zo základných služieb internetu. Je tvorená veľkým množstvom WWW serverov, na ktorých sú uložené webové stránky a ďalšie dáta.

Dáta môžu byť uložené priamo na disku webového servera alebo môžu byť dynamicky vytvorené programom bežiacim na serveri a následne odoslané používateľovi na základe jeho požiadavky.

Webová stránka je na WWW serveri reprezentovaná skupinou súborov. Môže ísť napríklad o:

• textové súbory – napríklad HTML dokumenty,
• grafické súbory – JPG, GIF alebo PNG,
• archívne súbory – napríklad ZIP,
• programové a ďalšie binárne súbory – napríklad EXE.

Tvorba WWW stránok

Tvorba HTML stránok

HTML stránky je možné vytvárať dvoma základnými spôsobmi:

• ručne – priamym zapisovaním HTML kódu a jeho syntaxe,
• pomocou HTML editorov – programov určených na jednoduchšiu tvorbu a úpravu webových stránok.

HTML editor

HTML editor je program používaný na tvorbu a údržbu webových stránok. Umožňuje pracovať s HTML kódom a podľa typu programu môže poskytovať aj množstvo ďalších nástrojov na správu celého webu.

WYSIWYG editory

WYSIWYG je skratka z anglického výrazu What You See Is What You Get, teda „čo vidíš, to dostaneš“.

Pri práci vo WYSIWYG editore používateľ vytvára webovú stránku vo vizuálnom prostredí a program automaticky generuje potrebný HTML kód. Výslednú podobu stránky tak možno sledovať už počas jej vytvárania.

Charakteristické vlastnosti HTML editorov

Medzi typické vlastnosti HTML editorov patria:

• jednoduchšie vytváranie webových stránok,
• možnosť tvorby stránky bez podrobnej znalosti HTML kódu a jeho syntaxe,
• prehľad o štruktúre webovej stránky alebo celého webu,
• podpora databáz,
• podpora a import rôznych druhov súborových formátov,
• nástroje na správu webového projektu,
• optimalizácia stránok pre rôzne internetové prehliadače.

Najznámejšie HTML editory

Medzi známe HTML editory patrili najmä:

• Microsoft FrontPage 98 / 2000,
• Allaire HomeSite 4.0,
• Macromedia Dreamweaver 2.0,
• Adobe GoLive 4.0,
• NetObjects Fusion 4.0,
• HotDog Pro 5.5.

Microsoft FrontPage 98 / 2000

Microsoft FrontPage bol program určený na tvorbu a správu webových stránok. Pozostával z viacerých častí a poskytoval množstvo nástrojov na vizuálnu tvorbu webu.

Medzi jeho vlastnosti patrili:

• viacero súčastí programu – Explorer, Editor a Web Server,
• predvolené štruktúry a dizajny stránok,
• spolupráca s databázami a súbormi typu XLS, DBF alebo MDB,
• generovanie HTML kódu a práca vo WYSIWYG režime,
• integrácia s programom Microsoft Word,
• prehľad o celom webe a jeho komplexná správa,
• kontrola väčšieho množstva odkazov,
• kontrola úloh prostredníctvom funkcie Tasks,
• generovanie ASP stránok a podpora ActiveX,
• výber z veľkého množstva grafických tém,
• integrovaná spolupráca s prehliadačom Microsoft Internet Explorer,
• vkladanie dynamických prvkov, napríklad hover button, banner alebo marquee,
• automatická kontrola pravopisu.

Allaire HomeSite 4.0

Allaire HomeSite bol HTML editor zameraný najmä na používateľov, ktorí chceli pracovať priamo s HTML kódom, ale zároveň využívať nástroje uľahčujúce tvorbu webových stránok.

Medzi jeho vlastnosti patrili:

• podpora JavaScriptu, Visual Basic Scriptu a Active Server Pages,
• podpora dynamického HTML, DOM a CSS,
• nízke hardvérové požiadavky,
• prehľadné rozdelenie pracovnej plochy,
• tvorba stránok ručným zapisovaním kódu alebo prostredníctvom vizuálneho rozhrania,
• množstvo sprievodcov (wizards), ktorí pomáhali pri vytváraní tabuliek, rámcov a formulárov,
• kompletná referenčná príručka HTML,
• návody a popisy nových webových technológií.

Macromedia Dreamweaver 2.0

Macromedia Dreamweaver patril medzi profesionálne nástroje na návrh a tvorbu webových stránok.

Medzi jeho možnosti patrili:

• návrh webových stránok pomocou farebných schém,
• podpora viacvrstvového návrhu,
• presné umiestňovanie obrázkov na stránke pomocou pixelovej metódy,
• pokročilá editácia tabuliek, buniek, riadkov a stĺpcov,
• podpora tímovej práce na webových projektoch,
• integrácia s programom HomeSite,
• podpora medzinárodných znakových sád,
• podpora JavaScriptu a ASP,
• možnosť vytvárať vlastné nástrojové lišty.

Adobe GoLive 4.0

Adobe GoLive bol pôvodne vytvorený pre počítače Macintosh a bol úzko prepojený s oblasťou grafiky a DTP.

Medzi jeho hlavné vlastnosti patrili:

• integrácia s programami Adobe Photoshop, Illustrator a ImageReady,
• podpora JavaScriptu vrátane jeho generovania priamo v editore,
• podpora kaskádových štýlov CSS,
• podpora DHTML a ďalších dynamických technológií,
• možnosť priamej editácie HTML kódu,
• kontrola syntaxe,
• upozornenie na možné problémy s kompatibilitou medzi internetovými prehliadačmi,
• vstavaný FTP klient.

NetObjects Fusion 4.0

NetObjects Fusion bol profesionálny editor určený na vytváranie a správu webových stránok.

Medzi jeho vlastnosti patrili:

• komplexné nástroje na vývoj webových stránok,
• podpora elektronického obchodu,
• generovanie stránok podľa požiadaviek používateľa,
• viac ako 40 tém pre dizajn WWW stránok,
• podpora tvorby DHTML,
• podpora ďalších moderných webových technológií svojej doby.

HotDog Pro 5.5

HotDog Pro bol HTML editor poskytujúci množstvo pomocných nástrojov na tvorbu a kontrolu webových stránok.

Medzi jeho vlastnosti patrili:

• vyhľadávanie chýb v HTML kóde,
• farebné zvýraznenie HTML značiek,
• integrovaná záložka Bookmarks,
• pomoc a tipy pri práci s editorom,
• možnosť uloženia dokumentu vo formáte určenom pre systémy Mac alebo Unix.

Ďalšie HTML editory

Medzi ďalšie programy používané na tvorbu HTML stránok patrili napríklad:

• WebEd,
• WebExpress,
• WebAuthor,
• WebWeaver,
• Tarantula,
• NaviPress,
• HTMLed Pro,
• HTML Easy,
• CU Html,
• Dot.

Porovnanie spôsobov tvorby WWW stránok

Spôsob tvorby	Výhody	Nevýhody
Ručné písanie HTML kódu	Úplná kontrola nad kódom, možnosť presných úprav	Vyžaduje znalosť HTML a jeho syntaxe
HTML editor	Zvýraznenie syntaxe, kontrola chýb, pomocné nástroje	Stále je vhodná aspoň základná znalosť HTML
WYSIWYG editor	Jednoduchá vizuálna tvorba, okamžitý náhľad výsledku	Automaticky vytvorený kód nemusí byť vždy optimálny

Budúcnosť WWW

Vývoj webových stránok postupne smeroval k stále väčšej interaktivite a multimediálnej podpore. Do webových stránok sa začali vo väčšej miere implementovať nové technológie a interaktívne prvky.

Patrili medzi ne najmä:

• multimédiá – prehrávanie a streamovanie zvuku a videa,
• Java applety – napríklad webové kamery, bezpečnostné alebo obchodné aplikácie,
• Shockwave Flash – tvorba interaktívnych a animovaných webových stránok,
• ASP – vytváranie dynamických webových stránok a komunikácia používateľa s databázou.

Vývoj webových technológií postupne priniesol čoraz dynamickejšie, interaktívnejšie a multimediálne webové stránky, pričom sa zároveň zjednodušovali nástroje určené na ich tvorbu.