What are the advantages and disadvantages of WYSIWYG HTML editors?

What are the advantages and disadvantages of WYSIWYG HTML editors? cover image
  1. Home
  2. HTML
  3. What are the advantages and disadvantages of WYSIWYG HTML editors?

What is a WYSIWYG HTML editor?

WYSIWYG (don’t hurt yourself pronouncing it) stands for What You See Is What You Get. WYSIWYG HTML editors let you create web pages (or HTML pages, if you like) without knowing HTML tags (or even what HTML stands for :-).

How do they work?

These HTML editors provide a graphical interface (a GUI) and have an array of tools with which you develop web pages.
If you have any experience with popular text editors such as MS Word and have created documents with images, tables, lists etc. you would be able to develop web pages with WYSIWYG HTML editors without any problem.

Sponsored Links

Even if you haven’t used such text-editors, rest assured, the editors have a very smooth learning curve and you would soon be presenting your web page master pieces to the world (let me know when you’ve put your page online).
[Note: Microsoft Word also lets you save files in HTML format, thought it’s not a very capable WYSIWYG editor]

WYSIWYG HTML editors have several tools quite like the ones that you see on MS Word (or any other text editor). These tools let you insert images, tables, lists, hyperlinks etc. with a few clicks. For example, to insert an image you first click on the place where you want the image to be added and then click on the relevant icon. You would now be asked to select an image from your hard-drive and once you do that… Lo! your web page will now be dressed up with a graphic. When inserting an image, certain WYSIWYG HTML editors might also ask you to specify other attributes of the image such as its width, height, whether you want a border around it, the text to be displayed in case the image is not (called the ALT text)… but you can ignore these if you want. Once the image has been added, the editor writes the HTML code for you! Thus, you see your web page being created and don’t need to know what goes on behind the scene.

Most editors also offer a HTML code viewer in which the HTML code of the web page is displayed. You can use this viewer to see how your web page is being developed and can even edit the code directly if you know a little HTML. I like the HTML code viewers as they are good learning tools for beginners. For instance, when you insert an image or a table, you can quickly see the corresponding HTML tags in the viewer. This way you can begin learning HTML.

So in essence, WYSIWYG HTML editors make it very simple for you to create a web page without digging through the intricacies of HTML.

Some of the popular WYSIWYG HTML editors are Microsoft’s Frontpage and Adobe Dreamweaver WYSIWYG HTML editor. FYI, here is a list of free WYSIWYG HTML editors.

The Advantages of WYSIWYG HTML editors

WYSIWYG HTML editors are frowned upon by expert web developers (or anyone who thinks he/she is an “expert” developer). In fact, I would not be wrong in saying that it is “fashionable” to have a contemptuous view of WYSIWYG HTML editors and people who use them. The experts in their high-headedness forget that the web is a platform for sharing information – dissemination and gathering information. And the web is not a place only for “expert” developers – it’s for everyone.

It is not compulsory for someone to first learn HTML in order to create web pages. If there are tools that can automate web site development or hasten the process for beginners, there is no harm in using them.

Look at the popularity of blogs. Do all successful bloggers know how to manually code HTML? I have my doubts. In fact, as pointed out by blogs, the most important thing is to have web pages with good meaningful content.

WYSIWYG HTML editors are great tools for beginners to quickly create web pages and put them on the net. Now any one, without knowing HTML, can create visually appealing (?) web sites of their family, pets, business… you name it!

That said, if you want to make web sites for a living start learning HTML from scratch. Why? Because there are several things that you will miss out or ignore when developing pages with WYSIWYG editors. I do not deny that with these programs can help beginners create sites quickly, but you will overlook many features that HTML has to offer if you use the editors.

The main advantages of WYSIWYG HTML editors as I see them

The Disadvantages

As I mentioned before, WYSIWYG HTML editors are fine for beginners or if you want to create a web site quickly and don’t want to fiddle around with HTML code. However, if you plan to develop web sites for a living – make a career out of web development – you need to learn HTML properly.

I don’t use WYSIWYG HTML editors; never have. That’s because I belong to an old school and also there were no editors available when I first learnt HTML. But I don’t look at these programs disdainfully. In fact, the disadvantages and the flaws I am about to mention have more to do with showing you the light and helping you become a better web developer.

Search engines and WYSIWYG HTML editors

The question that should be of interest to all users of these editors: Do manually coded sites rank better than those developed with WYSIWYG HTML editors?

Not necessarily. Search engine algorithms take several factors into consideration and some of the important ones are:

Though a web site developed in a WYSIWYG HTML editor might rank higher than ones coded manually (if one has followed the important Search Engine Optimization principles), I suggest that you keep the design and layout simple. Do not create complex designed web site using WYSIWYG HTML editors. Because the more complex your design, the more the superfluous code generated by the editor. And this makes it difficult for search engines to dig out the “actual” content of the web page. In my opinion, keep your designs and layouts simple and clean.

HTML Web Design