Wysiwyg editory: když píše kód za člověka stroj
Luboš Kudláček – 26. 6. 2008
Wysiwyg editory sloužící k psaní webových stránek jsou propracované aplikace, které samy vytvářejí zdrojový kód. Slovo WYSIWYG je akronymem anglické věty "What you see is what you get" - česky "co vidíš, to dostaneš." Ne vždy však přesně toto platí.
Mezi nejznámější aplikace spadající do kategorie wysiwyg editorů lze zařadit kupříkladu nástroj FrontPage od Microsoftu, dodávaný jako součást balíku kancelářských aplikací Microsoft Office. Dále k nim patří program NVU, který je považován za srovnatelný s předchozím zmíněným nástrojem, na rozdíl od něj je však zdarma. NVU je založen na Editoru z balíku Mozilla Suite, projektu, jehož vývoj byl ukončen v březnu 2005.
Všechny wysiwyg editory mají společné rysy:
• Vytvářejí HTML kód za autora, ten píše pouze text,
• Mají možnost náhledu - ukázky, jak by měla stránka po umístění na server vypadat,
• Obsahují mnoho funkcí např. pro vkládání tabulek, formulářů, obrázků, hypertextových odkazů, záložek a dalších prvků webu,
• Většinou mají FTP klienta pro odeslání souborů na server,
• Často mívají editor CSS (kaskádových stylů),
• Ty české disponují kontrolou českého pravopisu.
Základní funkce si nejvhodněji ukážeme na příkladu NVU:
K dispozici jsou 4 režimy zobrazení:

„Normální“, který je vzhledem k naplnění smyslu editoru (co vidíš, to dostaneš) totožný s režimem "náhled."

„Všechny HTML značky“, ten pouze zobrazuje informace, kde jsou umístěny.

A nakonec zdrojový kód:

Nevýhody wysiwyg editorů
Hlavním problémem wysiwyg editorů je nízká kvalita zdrojového kódu, který generují. Je nutné do něj zasahovat a autor by měl tedy znát alespoň základy HTML. Většina editorů se však navíc zásahům brání a po přepnutí režimu vrátí kód do své původní podoby - podoby, již považují za tu jedinou správnou. Výsledkem bývá objemný kód plný zbytečných elementů, zobrazující se sice v náhledu správně, mezi ním a skutečností v různých webových prohlížečích je však rozdíl.
Výhody wysiwyg editorů
Podle nároků jednotlivých uživatelů mohou být mocným nástrojem pro snadnou tvorbu jednoduchých webových stránek. Za předpokladu, že se s nimi člověk naučí zacházet, může je příležitostně používat. Mohou také posloužit jako učební pomůcka pro začínající tvůrce, postupem času jako příležitostný pomocník, když nevíme, jak nějakou část zdrojového kódu napsat, nebo se nám nechce vypisovat něco zdlouhavého, např. tabulku.
Použití v praxi
Jak bylo řečeno, wysiwyg editory mohou sloužit jako pomocníci při psaní kódu, nabízejí však většinou mnohem víc. Např. NVU dokáže spravovat webový projekt jako celek, aktualizuje vazby (např. odkazy) mezi jednotlivými soubory a s pomocí FTP je lze editovat přímo na serveru. Stává se tak nástrojem pro celkovou organizaci i hodně rozsáhlého projektu.
Wysiwyg editory na Slunečnici
WYSIWYG Web Builder 5.06
Licence: Shareware
Podporované jazyky: Angličtina
Operační systémy: Vista-32, Win NT, Win XP, Win 2000, Win 2003
Easy Editor 2005 1.0.24
Licence: Freeware
Podporované jazyky: Čeština
Operační systémy: Win Me, Win XP, Win 2000, Win 98
Nvu 1.0
Licence: MPL
Podporované jazyky: Čeština
Operační systémy: Win Me, Win NT, Win XP, Win 2000, Win 2003, Win 95, Win 98
Seriál Aplikace využívané při tvorbě webových stránek
- Aplikace využívané při tvorbě webových stránek: začínáme
- PSPad: Všestranný textový editor
- Wysiwyg editory: když píše kód za člověka stroj
- Snadná tvorba mapy webu
- Tvoříme fotogalerie na web
- všechny díly seriálu ...
Kurzy UX (user experience) - Praha, Brno, Bratislava

- Použitelný web mají návštěvníci rádi a lépe vrací investované peníze.
- Poradíme vám, které metody využít a co vám to přinese.
- Naučíte se, jak rychle a levně otestovat web.
- Pro účastníky školení možnost zdarma vyzkoušet nástroje na zlepšování a testování webu (např. Usabilla, Loop11, OpenHallway a další)
Podívejte se na detaily školení Nástroje a metody UX, workshopu uživatelského testování použitelnosti a workshopu Návrh webu a mobilních aplikací.
Akce: Využijte last minute slevu na školení v Brně a Bratislavě!
Anketa
Píšete své stránky ve wysiwyg editoru?
Odpovědělo 60 čtenářů.Názory
Zaujalo vás téma? Máte k němu co říct? Přidejte svůj názor.
Sledování názorů
Zasílání upozornění na nové názory je dostupné jen registrovaným uživatelům.
Prosím, přihlašte se a nebo se zaregistrujte.
Další recenze a tipy v sekci Grafika a webdesign
- Vyšel Adobe Photoshop Elements 10
- Profesionální tisk fotografií
- Vyšel nový Zoner Photo Studio 14
- Prohlížení a úpravy fotografií na vysoké úrovni
- Upravujte a prohlížejte fotografie jako profesionálové
Nejčtenější recenze a tipy
- Defragmentace bez kompromisů
- Kdo je vlastníkem vaší vysněné domény?
- Zabraňte včas kolapsu pevného disku
- Jak si poradit se zdražováním nafty a benzinu?
- Vytvořte si zálohu originálních filmových DVD
Aktuální recenze a tipy
- Najděte v počítači jakýkoliv soubor
- Uložte si zvuky z filmu
- Interaktivní grafy upoutají pozornost
- Co všechno jste přes den dělali?
- Zálohujte důležitá data