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.