Skip to main content

Short note: WYSIWYG authoring tools

Short answer

WYSIWYG means What You See Is What You Get: a visual editor writes HTML/CSS behind the scenes while the designer sees the final look. Advantages include no coding knowledge and fast development; disadvantages include bulky code, less control and browser differences.

Write a short note on WYSIWYG authoring tools.

WYSIWYG stands for "What You See Is What You Get". A WYSIWYG authoring tool lets a person design a web page visually, by typing, dragging and formatting, while the tool writes the HTML, CSS and scripts in the background. What appears in the editing window is nearly the same as what the browser will show.

Features

  • Visual editing window, with toolbars for fonts, colours, tables, images and links.
  • Automatic generation of HTML/CSS code, usually with a code view as well.
  • Templates, themes and site management (page tree, link checking, publishing by FTP).
  • Preview in browsers and support for forms, multimedia and sometimes scripting.

Examples

Adobe Dreamweaver, Microsoft FrontPage (older), Microsoft Expression Web, KompoZer, BlueGriffon, and the visual editors in CMS such as WordPress.

Advantages

  • No need to know HTML, so beginners and non-technical staff can build pages.
  • Fast development and easy changes.
  • Gives a good idea of the final result.
  • Useful in intranets where departments update their own pages.

Disadvantages

  • Generated code can be bulky, non-standard or messy, giving slower pages.
  • Less control than hand-coding; output may differ between browsers.
  • Limited for complex, dynamic functions.
  • Software can be costly and may create dependency on the tool.

✓ Answer checked by Claude Opus 5.5 (high effort)

All Internet and Intranet chapter 6 questions →