GUI HTML editors

All GUI HTML editors work the same way in principle - they provide a form of a graphical user interface (GUI) overlaid on an HTML base. Each of them has different strengths and weaknesses and the one you choose is the one that works best for you. Many of them are proprietary and expensive, but many are also open source and free.

You can find a lot of choices on the relevant Wikipedia pages.

  1. Adobe
    Dreamweaver
  2. Amaya
  3. CoffeeCup HTML Editor
  4. FirstPage
  5. Freeway
  6. KompoZer
  7. Media Lab
    SiteGrinder
  8. Microsoft
    Expression Web
    SharePoint Designer
    Visual Studio / ASP.NET Web Matrix
    Visual Web Developer Express
    Microsoft Publisher
  9. NetObjects Fusion
  10. Opera Dragonfly
  11. Quanta Plus
  12. RapidWeaver
  13. Sandvox
  14. SeaMonkey Composer
  15. Visual Vision
    Hyper Publish
  16. WordPress
  17. WorldWideWeb Nexus

[top]

We will look at one of the free editors


Kompozer

Kompozer provides you both a source code view and a WYSIWYG design view. First the HTML source view

Kompozer editor with home page text in code view

then the WYSIWYG normal view

Kompozer editor with home page text in design view

You will note that Kompozer is a bit more sophisticated and allows you to simultaneously see your page (in the right window) in context with all the pages on the site you are using (in the left window), although in this example there is only the sole page. You can also see that the two free editors have basically the same file menus, but that Kompozer seems to offer a bit more detail in how to manage your decisions. Kompozer has, for example, a way to create your own CSS rules.

Kompozer editor and its CSS dialog box

Kompozer has one annoying behavior you must be aware of.

It has what seems to be a tendency to change raw HTML code for no immediately understandable reason. What it actually does is interpret spaces in the code imported from another web page as something that it needs to add content to. And when it does that, it messes up the imported HTML code.

If you need to use some HTML copied from a web page, or need to modify the HTML code copied from a web page (especially when inserting some CGI script), it's best to do the hard-coding using Notepad++ or TextWrangler and not the Source tab in Kompozer.

[top]

you can download and install any of the free editors on your personal computer

Some free editors, however, are not yet ready for all operating systems, so use one that works with your OS.

[top]