- Internet & the Web
WYSIWYG Free HTML Editors
Royalty Free Image Credit: Digital Dreams
What does WYSIWYG mean? This acronym stands for "What You See Is What You Get". It is often used to describe visual HTML Editors.
With a WYSIWYG Editor you will be able to simply click on items in the HTML editor to easily add them to your web page without having to know one bit of HTML code. HTML stands for HyperText Markup Language. HTML is the markup language used to create all web pages on the internet. This is great for beginners who do not know any HTML yet. You just add your text, links and pictures and you're good to go.
The downside can be that some of these WYSIWYG HTML editors will add unnecessary HTML code to your web page. This is bad because it means your users will have to wait longer to download the web page. With many Internet users now having broadband this is not such a big deal anymore.
Another possible negative is that search engines such as Google will have a much easier time crawling your web page to include it in its index if the code isn't too overly complex with unnecessary HTML markup tags.
Whatever you do always avoid using frames in your web page design. These are a Search Engine Optimization, SEO, nightmare. Trust me, just don't never use frames and you will thank me down the road once you understand the whys.
WYSIWYG HTML Editors
Recommended Commercial WYSIWYG HTML Editors
The most well known WYSIWYG HTML Editor that is used by many professionals is Adobe's Dreamweaver. It is also rather pricey with a price tag of around US $399 for the full version and US $199 upgrade. If you want the best, then look no further. Check out the Amazon Ad below for more information on Dreamweaver.
Royalty Free Image Credit: Computer Abbreviations
Free WYSIWYG HTML Editors
There are many free WYSIWYG HTML editors online. But picking a good one isn't always so easy. While I do not personally use a WYSIWYG editor I have checked out a few to see what they offer.
CoffeeCup Free HTML Editor
One of the best free HTML editors is the CoffeeCup Free HTML Editor. While the free version is not a true WYSIWYG Editor, it is easy to use, doesn't add any bloated code and you can even directly edit the HTML code if you so desire. CoffeeCup produces HTML code that validates to W3.org standards. If you find this program is for you then you can puchase the full version of The HTML Editor for only $69 that is a WYSIWYG. There is also a free trial of the program. CoffeeCup offers a full line of commercial web design products and several free programs too. I own practically everything they offer. All of them are super easy to use with many of them using Flash when appropriate. [UPDATE] CoffeeCup has phased out most, if not all of their programs that used flash.
- Website Projects will help you to keep your website organized.
- Multi-language customizable spell checker.
- Built-in FTP client so you can easily upload your files to your web hosting server.
- Unlimited undo levels. No need to worry about making a mistake.
- Tabbed browsing makes it easy to work on multiple files at once.
- Split-Screen Preview you allows you to work on the code in the left side and see the output on the right side.
- Free Web Graphics - Includes thousands of professional quality images.
- Color HTML Code Highlighter makes it easier to read the code.
Kompozer WYSIWYG HTML Editor
Many other free HTML editors are based upon the Kompozer open source code. A complete system for managing all aspects of web design.
- CSS Support
- XML Support
- Standards Based and Powered by the Mozilla Engine
- FTP Client built in.
- HTML Source Code Editor
- Tabbed Browsing between multiple files
- Supports Forms
- Supports Tables
- Template Support
- Compatible with Windows, Apple Macintosh and Desktop Linux Operating Systems
- Much, much more.....
Amaya WYSIWYG HTML Editor
The W3.org is, the organisation that creates the standards used on the World Wide Web that are supposed to be used by browser manufacturers like Microsoft's Internet Explorer (It's too bad IE tends to ignore W3 standards. Die IE DIE a quick death already please. Sorry about that, but I just had to get that out on behalf of the many Web Designers who hate IE.). The W3.org offers the Free Amaya WYSIWYG HTML Editor. It is a safe bet your code will validate to their own standards.
- Template Support
- Advanced GUI
- Contextual Menus
- Menus that you can customize.
- Supports HTML 4.01, XHTML 1.0, XHTML Basic, HTTP 1.1, XHTML 1.1 and MathML 2.0
- CSS 2
- SVG - Scalable Vector Graphics
- SVG Editor
- Partial XML Editor
- Open Source
- Works with Windows, MacOS X PowerPC
Nvu HTML Editor
Another popular choice is the free WYSIWYG Nvu HTML Editor.
- Ease of Use for non-technical users who are new to making web pages
- Edit multiple pages at once with tabs
- Supports Templates
- Supports Tables
- Supports Frames
- HTML Code Viewer. This helps with learning HTML.
- Web File Management
- Open Source
SeaMonkey HTML Editor
SeaMonkey is an all in one product. It contains an HTML editor, email & newsgroup client, web feed reader, Internet browser, IRC chat and web development tool. SeaMonkey is best for advanced users, web developers and even corporate users.
- Dynamic Image Resizing
- CSS Support
- Positioned Layers
- Easily manage Table Cells
- Dynamic Table Resizing
Royalty Free Image Credit: PHP Code
AceHTML HTML Editor
I have not used the Freeware AceHTML HTML Editor in many years. From what I remember it was a pretty good HTML editor. I'm sure it has only improved since then.
- Built in HTML syntax Checker
- International Alphabet Support
- CSS Style Sheet Editor
- HTML Forms Creator
- Frames Creator and Editor (Remember do not use Frames!)
- Table Creator and Editor (Using Tables for layout purposes is frowned upon)
- many, many more..
Before ending this hub I'd like to recommend one final program, NotePad++. NotePad++ isn't a WYSIWYG, What You See Is What You Get. It is a code editor that not only works with HTML, but just about any other interpreted programming language you can imagine. It has syntax highlighting for over 50 different programming languages. Uses tabs to make editing multiple files at once easy. It also uses plugins too. Check out this NotePad++ Plugins Directory
With so many free WYSIWYG HTML Editor programs to pick from, you are sure to find something that aligns with your skill level.
Please consider linking to this hub page if you found it useful. I will exchange links with other quality, related hubs and web pages. You may email me via my profile page.
Feel free to leave comments below. Which WYSIWYG did you find to be the easiest to use and the most useful? All comments are moderated so your comments will not appear immediately.
By Anthony Goodley ©Anthony Goodley 2010 All Rights Reserved Worldwide.