25 Useful WYSIWYG Editors Reviewed
When it comes to coding editors, it’s damn hard to a get a clear overview of all the benefits and functionalities different editors have to offer. However, in the end everybody needs one, so it’s important to know which editor is best tailored to your personal needs.
WYSIWYG-editors are often criticized by real coding ninjas for bloated, dirty and not standards-complaint source code they’ve been producing over the last years. However, WYSIWYG-editors have become much better recently. Some of them even produce valid and elegant code.
Sometimes you need to provide your clients with some simple tools to edit or update their web-sites. And this is where the utility of WYSIWYG-editors comes in. As a web-professional you need to provide your clients with some sophisticated advice and offer a simple yet effective tool — e.g. a WYSIWYG-editor.
We believe that it would be wrong to recommend you some “best” editors, because the choice always depends on your requirements, primary goals, skills and experience. Therefore in this article we’ve tried to give you an overview of both useful and deprecated WYSIWYG-editors.
Hopefully, you’ll find some editors you’ve never heard about before. Or maybe you’ll find some features you miss in your current editor and risk to experiment with some promising alternatives to improve your workflow. Besides, you can learn what editors you could use and what tools you shouldn’t use.
What does WYSIWYG mean?
The somehow cryptic abbreviation WYSIWYG stands for “What You See Is What You Get”. In such editors you edit not directly the source code of your documents, but its presentation as it (hopefully) will appear in the final document. So instead of writing blocks of code manually (as you e.g. would do it in Word or Latex), you manipulate with design components using an editor window. This means that you view something very similar to the end result while the document or image is being created.
Notice: this post reviews only desktop-based WYSIWYG-editors which run on Windows, Linux or Mac. It doesn’t provide an overview of JavaScript-based WYSIWIG-editors — you can find an extensive overview of JavaScript-based WYISWYG Web Editors in the post Through The Web WYSIWIG Web Editors — The List or WYSIWIG Editors Test.
Adobe Dreamweaver
Dreamweaver (Win / Mac)
Previously Macromedia Dreamweaver, this tool is one of the commonly used editors which can support developers, improve the workflow and save you a lot of time during coding. While previous versions of Dreamweaver sometimes produced rather quirky source code, the last version is able to generate (mostly) quite clean markup.
Dreamweaver also offers numerous helpful tools such as the library of code snippets, ftp management, server debug and an integrated coding development. E.g. you can view CSS information in a single, unified CSS panel that makes it easy to see the styles applied to a specific element, identify where attributes are defined, and edit existing styles without entering Code view. See also our List of Dreamweaver Tutorials. Price: $400 (version CS3).
Some of Dreamweaver’s endless features:
- Advanced CSS Editing
- Integrated coding environment
- Spry framework for Ajax
- Browser Compatibility Check
- Integration with Photoshop CS3 and Fireworks
- Code snippets (e.g. CSS Layouts)
- FTP management
- XML support
- FLV support
- Learning resources (e.g. Adobe CSS Advisor)
- Numerous Dreamweaver add-ons, e.g. SVN for Dreamweaver ($59).
Amaya
Amaya (Win / Mac / Linux)
What really makes Amaya different is the fact that it is a hybrid of a web browser and a web-page editing application — thus you can browse in the Web and edit your pages in the same application. Created by the WWW-concorcium, this allround-tool allows you to manipulate web-sites, change or update their content, insert new images or links. Of course, if Amaya can display these pages.
The last version of the editor, Amaya 10, was released in February 2008. It is able to work on several documents at a time (several (X)HTML, native MathML (.mml) and SVG (.svg) documents can be displayed and edited at a time). E.g. you can insert mathematical formulas using a pop-up: Amaya converts them via Math-ML on the fly.
Amaya also includes a collaborative annotation application (annotations are external comments, notes, remarks that can be attached to any Web document or a selected part of the document) and it has support for SVG, RDF and XPointer. Open-source.
Rapidweaver
RapidWeaver (Mac)
RapidWeaver is a powerful template-based website creation tool which can generate pages of different kinds, such as styled text, weblog, contact forms, image galleries, Flash slideshows, and podcasts; it also has a built-in FTP uploader, and integration with iPhoto and .Mac.
The editor includes podcasting, inline comments, RSS feeds, custom permalink and tag support. RapidWeaver has also been finely tuned to be SEO friendly. It also has many powerful features such as modifiable themes, live php rendering, mix and match WYSIWYG and HTML, smart publishing, XHTML and CSS based site output, viewable source code, built-in error checking. All templates are XHTML and CSS based. What is remarkable is that all the code RapidWeaver generates is valid. Price: $49.
Adobe Contribute
Adobe Contribute
The main purpose of Adobe Contribute is to allow editing web-sites and blogs for users without any technical expertise. Contribute CS3 enables content authors to update existing websites and blogs while maintaining site integrity. Contribute offers a Dreamweaver integration, enables posting from Microsoft Office and editing from IE 7 and Firefox.
With a WYSIWYG authoring environment, content authors and contributors can edit or update any website or blog without having to learn HTML. Price: $169 (version CS3).
Adobe Golive
Adobe Golive (Win / Mac)
Once Adobe’s flagship, now GoLive is an editor which even Adobe isn’t really happy with. In April Adobe has stopped development and sales of GoLive 9, which makes GoLive a legacy web authoring application. Adobe recommends its GoLive users to switch to Dreamweaver which is why you probably shouldn’t recommend GoLive (actually a remarkably powerful editing tool, see features below) to your clients.
Some of Adobe GoLive 9 features
- Designer styles
- Visual CSS layout
- Place command
- Adobe InDesign® integration
- Color management
- Platform support
- Site management tools
- Publish Server
- Smart Objects
Microsoft Expression Web
Microsoft Expression (Win)
Once being severely criticized for its really bad web-editors (Frontpage), Microsoft’s recent editor, Expression, seems to have learnt a lot from its predecessors. Expression attempts to comfort web-users with features which are remarkably similar to Adobe Dreamweaver. However, in a direct comparison Dreamweaver offers more and produces a cleaner code. Nevertheless, Expression does produce decent standards-compliant code and knows how to deal with CSS and CSS-layouts.
The Studio edition with further software applications (graphic design tool, video encoding tool etc.) costs ca. $500. Single Expression package costs $350. You can get Expression by updating Frontpage and thus save some money. A 60 days trial version can be downloaded for free, however a registration is required.
Please notice: Expression isn’t a successor of Frontpage, rather a different development tool. Microsoft Expression, which bears striking similarity to Microsoft SharePoint Designer, is rather designer-oriented, aimed at general web development. Microsoft SharePoint Designer which reflects the emphasis on designing and customizing SharePoint-based sites, can be considered as Frontpage’s big brother.
Some of Microsoft Expression features:
- ASP.NET 2.0 Integration
- Advanced CSS rendering
- XPath Expression Builder
- Build and format views of industry-standard XML data
- Tag Property Grid
- Accessibility Checking
- Real-time Standards Validation
- Full Schema Support
NVU
NVU (Win / Mac / Linux)
This editor should once become a real alternative to dominating products: an ultimate WYSYWIG-editor for Linux, Microsoft Windows and Mac which could rival FrontPage and Dreamweaver. And in some aspects Nvu indeed offers more features than one would expect from a completely free software.
Nvu (pronounced as N-view, for a "new view") offers integrated file management via FTP, powerful support for forms, tables and templates and it is indeed very easy to use. CaScadeS, the well-known CSS editor add-on, is integrated into Nvu and enables you to create and manage stylesheets easily and see your style settings applied ‘”live” to the document you’re editing.
Nvu is open source and released under the Mozilla Public License (MPL). Unfortunately, the development of NVU hasn’t been continued over the last years. An advanced, improved version of NVU is KompoZer.
Some of NVU’s features:
- Site manager allows you to review the sites that you’re building
- XML support
- Built-in validator
Kompozer
KompoZer (Win / Mac / Linux)
This tool is a branch of NVU which has been developed further after the development of NVU has slowed down. KompoZer is a complete web authoring system that combines web file management and WYSIWYG-editing.
KompoZer is designed to be extremely easy to use, making it a feasible solution for users who want to create sites without obtaining technical knowledge. Compared to NVU, Kompozer produces a cleaner markup and has visible marks — visible carriage returns and block borders.
The last version was released in August 2008. Kompozer can be considered as a sound alternative for small projects and for users without technical knowledge. But it’s definitely too weak for professional web-development.
Namo WebEditor 2006
Namo WebEditor 2006 (Win)
Namo WebEditor combines almost all tools which are necessary for creating web-sites in a simple and user-friendly interface. The interface elements are remarkably intuitive, simple and easy-to-use. You can switch between a design-editor, HTML and browser-preview. You can also use a number of wizards to automate your workflow. Namo is powerful, however its WYSIWYG-features are limited. The editor wasn’t updated since 2006 which is why the producing source code is sometimes extremely quirky. Namo Web Editor Pro comes with a Flash editing program as well as a graphics program. A test-version is available. Price: $99.95.
Some of Namo Webeditor features:
- Code Helpers for speedy auto tag completion
- Quick Tag Editor
- Tag Selector
- HTML/CSS Reference
Evrsoft First Page 2006
Evrsoft First Page 2006 (Win)
Actually, this editor is highly underrated. It’s not that popular and it hasn’t been updated since 2006, but it has some quite useful features one wouldn’t find in advanced WYSIWYG-editors. E.g. Auto History feature remembers all the attributes and values commonly used and suggests the “right” value automatically.
Dual Preview Engine enables you to preview your web documents in multiple browsers within First Page 2006. You can preview your work in Internet Explorer, Mozilla or view your page in both browsers side-by-side (horizontal/vertical pane swap). And a real-time visual source rendering engine offers document editing and previewing without the typical code tampering usually seen in WYSIWYG editors.
A number of integrated tools produce decent standards-based code, quickly and easily. First Page is freeware. Similar freeware alternative (also not updated since 2005): Selida HTML Editor.
Some of First Page’s features:
- CSS Class Support & Auto Detection
- Syntax Highlighting
- Tag Document Selection Tool
- Tag Auto Completion
- Tidy HTML Power Tools
- Preview in IE as you type
- Image Mapper
- CSS Style Sheet Designer
- Server Side Includes Support
- Highly customizable Toolbars and Interface
- FTP client
- Advanced Find & Replace In Files
Microsoft SharePoint Designer
Microsoft SharePoint Designer 2007 (Win)
Microsofts Frontpage successor. SharePoint Designer is a standard WYSIWYG-editor. Apart from support for interactive ASP.NET pages it doesn’t offer something revolutionary. Free trial is available. There is an online-version which requires Internet Explorer and a large potion of patience.
Some of Sharepoint’s features:
- support for interactive ASP.NET pages
- create Data Views from RSS, XMl, Office XML
- collaborate with the built-in Workflow Designer
- CSS tools
- track customized pages
- spelling checker
- SharePoint Server 2007 integration
NetObjects Fusion
NetObjects Fusion
This editor was once probably the worst yet extremely popular WYSIWYG-editor. It produced horrible source code (only MS Word produced worse source code), but was often given away by web-hosting companies and ISPs. NetObjects Fusion allows you to create web-sites without any technical knowledge. Particulalry if you’d like to create a business card, you may get it done in minutes. But if you want to create professional web-sites, NetObjects isn’t an option worth considering.
Currently NetObjects Fusion is available in its 10th version. The quality of the produced source code might have changed, but it doesn’t really matter. There is a trial-version which requires you to register in a shop. Which is why we have no screenshot for the product. Price: €100.
Quanta Plus
Quanta Plus (Linux)
Quanta Plus is a stable, very comfortable and feature rich web development environment. Quanta has created an editor designed for efficient and natural use and with maximal user extensibility.
The editor is capable of both WYSIWYG and handcoding interface. It features tag completion as you type and tag editing through a dialog interface, script language variable auto-completion, project management, live preview and a PHP debugger. It also has a visual CSS editor, autocompletion for CSS, offers high extensibility and integrated preview.
The editor has also nice features for project management, including support for local and remote (through the network) projects. Project files can be uploaded to many servers using various protocols. CVS support is integrated, Subversion support is possible through external plugins. Quanta is based on KDE. Released under GPL.
Freeway
Freeway (Mac)
Freeway (originally Uniqorn) comes in two flavours, Freeway Pro and Freeway Express. Freeway 5 Pro can be used to create CSS page layouts using absolute positioning. Advanced procedures (like connecting to a MySQL database using a scripting language like PHP) are done through plug-ins called “Actions”. Several Actions can be downloaded for free on several websites, but there are also commercial 3rd Party Actions.
There is a trial-version which requires you to fill in a quite long web form. Freeway has been nominated for the Macworld 2008 Awards in the Creative Web Product of the year section. If you use Mac, FreeWay is together with RapidWeaver probably first option worth considering.
Some of Freeway’s features:
- Multiple Master Pages
- Layout Tools
- Link Map
- Link Styles
- Integrated .Mac upload
- Internet Explorer Compatibility
- Support for Sliced Background Images
- Built-in preview within Freeway (Safari/Webkit)
- Full EPS (Panther & later), Illustrator, Photoshop layered file import
- Freeway Shop
- Work with Blogger Templates
Seamonkey Composer
SeaMonkey Composer (Win / Mac / Linux)
This editor is a simple yet powerful alternative for large commercial applications. Being a successor of Netscape Composer, SeaMonkey Composer doesn’t really have anything common with it.
The editor is powerful yet simple and offers dynamic image and table resizing, quick insert and delete of table cells, improved CSS support, and support for positioned layers. The WYSIWYG-editor is built into SeaMonkey, an all-in-one web application suite.
Create
Create (Mac)
Create combines the major features of applications like Illustrator, InDesign, Pages, GoLive, Canvas, DreamWeaver, QuarkExpress, Streamline in one easy-to-use, low-cost, OS X native application. Among other things you can add links to text and graphics with drag-n-drop, the tool automatically creates navigation bars and index and you can produce PDF and web-sites from one document.
WYSIWYG Web Builder
WYSIWYG Web Builder
Web Builder is a highly customizable and extensible application with numerous features, scripts and templates. New design elements are added via drag’n'drop, many scripts. Image editing is available within the software.
The PayPal eCommerce Tools are integrated; RSS Feed object with podcast option, blog with built-in RSS feed option and Google compatible sitemap generator are available. The editor also has numerous extensions such as password protection, RSS feed, RSS parser, photo album and lightboxes.
Editors for non-professionals, newbies and small companies
iWeb (Mac)
iWeb is small, compact and simple. You can switch the theme of any page with the click of your mouse. Mix themes in a site if you wish. You can place Google Maps and Google AdSense ads on your web pages and simplify navigation by dragging your photo albums to a sleek, animated index page. Web widgets, live content from other sites, like video, stock tickers, and headline news can also be added with few clicks. Price: $7. No trial-version is available.
Sandvox (Mac)
Sandvox features drag-and-drop website assembly, live editing without a preview mode, over 40 designs, and 17 different pagelets. It’s an easy and elegant website creation tool for people who don’t want to spend too much time developing their websites.
Drag and drop content, watch your site take shape as you create it, and make it available to others with Sandvox’s publishing assistant. Pricing starts at 49,- USD.
Sitegrinder (Win / Mac)
SiteGrinder is a Photoshop Plug-in that converts Photoshop designs to web sites. It is smart. It has many many features. It is easy to use. Trial-version is available. Pricing starts at $129.
Studioline Web3 (Win)
The results of Studioline can be observed only if Javascript is activated — otherwise you won’t see anything at all. The source code doesn’t contain tables, but it has a very low quality and is extremely bloated. Don’t try this at home.
Bluevoda (Advertising)
BlueVoda is offered as a free download but requires a VodaHost account to publish the website to. BlueVoda looks very similar to Microsoft Office’s interface, like most WYSIWYG editors HTML code is hidden allowing the user to create websites without knowing code and having components such as tables, text formatting and the rest.
Website X5 (Win)
WebSite X5 is a completely visual software: web-sites aren’t coded but “clicked” together. Remarkable: the results are standards-conform. Price: $60+.
<oXygen/> (Win / Linux / Mac)
Actually, <oXygen/> is an advanced XML editor, but it also offers a number of useful tools for both newbies and professional web-developers. In fact, you can exploit the tool for editing (X)HTML-web-documents. E.g. it makes easier the document sharing between content authors by including a Subversion (SVN) client. The SVN client allows you to browse repositories, check for changes, commit changes, update your working copy and examine the revision history. The editor is available as standalone desktop or Java Web Start application, or as an Eclipse plugin. Price: $59.
No code and text-editors? Wait, there will be more. Tomorrow.






























Amarjeet Singh Rai
May 7th, 2008 7:37 amYou made a mistake (Kompozer): “The last version was released in August 2008.”
That should be 2007, I believe.
adam
May 7th, 2008 7:42 amAnother vote for microsoft’s Visual Web Developer. It’s free, and good.
Jacob
May 7th, 2008 8:13 amI’ve always used notepad+ and i know alot of people who use coffee cup, however dreamweaver was always a hassle for me, but i know alot of people (most of which use it in code view) who use dreamweaver.
As far as WYSIWYG goes, i’ve seen dreamweaver to be poor spitting out table designs (wethere that’s true or not idk, just what i”ve seen).
Jai Maharaj
May 3rd, 2011 1:00 amTables?!! We’re seriously talking about tables in the age of divs?
UI juggler
May 7th, 2008 8:59 amthanks people..i was facing some editors issues
it gonna help me a lot
Luis
May 7th, 2008 9:08 amNice post!.. I am a web designer making the jump to developer and used Dreamweaver before, but after using VS2005/2008 I think I will never go back. Keep up the good work.
PhishNet
May 7th, 2008 9:10 amI code and design all of my sites in my mind. If anyone actually needs to use a computer to code, design, or even view Web Pages, they’re clearly an amateur and have no place in the 21st Century. If I was transported to 1843 I could still code web sites using a hammer and chisel. Alright? So even if you use Notepad or a notepad, keep in mind that real web professionals rely on their wit and self-satisfaction and wouldn’t touch a computer with a ten-foot pole.
Christina Warren
May 7th, 2008 9:39 amWYSIWYG editors have their place, but I think that most people are better off taking the time it takes to actually learn how to code, rather than always having to rely on a slow, antiquated and crashy tool (Dreamweaver, that’s you!). Of course, time isn’t always an option, and some of the editors mentioned have worked out just fine in my experience.
Personally, I do mock-ups in Photoshop or Illustrator and then code in Coda or TextMate (Mac) — though I have come to absolutely adore CSSEdit.
Akiva Levy
May 7th, 2008 10:30 amFor Potential Client:
You will always find designers who are willing to work for less, and it always shows.
The way every client out there needs to look at it is this: any one can write a book, but it doesn’t mean it will be done well. So, the real issue is this: are you the kind of client who just don’t care about who writes their book or if it’s well done, or are you the kind who sees the value in what it really is?
There are plenty out there who just see their web site as just a page everyone will view in Internet Explorer, like it’s some necessity for the web. Like putting their little flag in soil. That’s fine. It will show and reflect poorly on their business.
On the other hand, there are plenty of clients out there who realise the importance of the web and various things that come with a web site done well, and they will pay for it. After all, it’s not just a web site that mentions your business, it’s part of your presence and branding. Would you pay just any schmuck to build you office?
A
Jen
May 7th, 2008 10:52 amIt’s funny how people here who have said “real professionals” don’t use a WYSIWYG editor to develop their sites. I’ve used Dreamweaver for years and do work for National Georgraphic and Symantec. Guess what? Just because it’s a WYSIWYG editor doesn’t mean you have to use it as such.
I’ve searched for so-called non-WYSIWYG apps to use that aren’t such resource hogs but have yet to find one that offers code completion and the split screen view so I can view the code that I write by hand in the design view area. I personally like that I can open a new document in DW and my DOCTYPE and meta info plus my body and html tags are there… That’s one less step for me to do which is less time for the client to have to pay for.
If someone can point me to a Mac app that has code completion and a split view (code and design) plus the ability to create a new document with my DOCTYPE and meta info, I’d happily give it a go but in my searches I’ve yet to find anything that offers that.
By the way, no one has mentioned the free app Smultron for Mac so I thought I’d give it a shout out. It’s my “text editor” of choice.
Jon
May 7th, 2008 10:57 amDreamweaver? Are you goddam crazy? It makes bad code, it messes up style sheets, it sends files across by FTP when you don’t want it to.
I used it for a couple of years but dumped it for a code editor as soon as I got proficient.
Don’t rely on it!
Akiva Levy
May 7th, 2008 12:20 pmWe haven’t even begun to address other bloat produced by DW, such as all the lock and note files. I have had many wonderful moments with DW downloading sites that should have been ~1,000 files altogether but actually consisted of ~4,000 due to such files.
.lck files are no substitute for real design tools such as Subversion.
Using the “Ftp” is buggy, and extremely bandwidth expensive.
If you claim to be a real design and rely on the page rendering in DW alone, a real designer you are not. If you are falling back and checking other browsers, concerning yourself with this aspect of DW as a reason not to leave it is not very legitimate.
That said, I am perfectly fine with others thinking that their DW is the crock o’ gold Adobe would like you to think it is. The rest of us are all the wiser and our work usually reflects this.
Yuriy
May 7th, 2008 12:21 pmAkiva Levy,
RE A) DreamWeaver’s “fake” code folding is actually the best feature it has. Using the select+fold method I can fold anything I want, whether it’s a block of code, a big comment, several helper functions, whatever. I love this feature and seriously miss it wherever “real” code folding is implemented. I do not want to be restricted to only folding the data between { and }, as is the case with many editors.
RE B) I have never noticed any memory hogging problems with Dreamweaver. I often have several files of several *thousand* lines open, among with a couple smaller ones, and I have never experienced any problems with speed. Furthermore, if I have Dreamweaver open, chances are I’m also running Photoshop (which is using anywhere from 500mb – 1.5GB of RAM), Firefox (don’t even get me started), and a bunch of other apps. I’m using an Intel E4300 (1.8GHZ C2D) with 4GB of DDR2 and very rarely experience any kind of lag. And face it, this hardware is dirt cheap and commonly available.
RE C) You’re complaining about hard drive space… in 2008? A 500GB drive (of which I have 4) costs $100… The only problem here is that CS3 takes forever to install, but that’s a one time process (and if you make a ghost image of your clean system + CS3, it’s the last time you go through it).
The FTP feature is great because sometimes I get work which had to be done on a remote server through F T P. I would much rather hit CTRL+S and have the file automatically uploaded than save it, alt-tab to another FTP client (which, by now, has probably dropped the connection), upload the new file and then choose “YES” in the replace-existing-file dialog… Dreamweaver’s F T P feature all the way!
RE D) Never looked at it, never used it. I have custom (independent from Dreamweaver) snippets of code for everything I commonly use.
RE E) Your reasons over the years cannot possibly be relevant today. Dreamweaver has gone through a couple big updates in the CS series and is a wonderful editor for many reasons. I don’t consider it as a WYSIWYG editor. I look at it as a powerful and convenient development environment. Some of my favourite features (custom code folding, code completion, code prediction, built-in FTP, etc) are flat out not supported by 90% of the other editors. And the ones that DO support these features are plain unusable due to their horrible interfaces. If I can’t look at an editor for longer than 10 minutes, I’m not going to use it.
The only feature (and I’m probably just missing something here) that Dreamweaver lacks and that I want is customizable themes. I like dark themes such as Blackboard for Textmate (which I’ve been recently using with e Text Editor), and the several dark themes which are available for gedit on Linux.
In summary, I *do* use Dreamweaver like a “real” designer, and a developer. As it happens I do much more coding (front end – xhtml/css/javascript and back end – php/mysql/cms systems) than actual design, and I love Dreamweaver for every aspect of the development process.
As it so happens, I despise WYSIWYG editors and their results. If I have to install one for a client’s CMS project (most often Drupal), it will be TinyMCE because I can configure every aspect of it.
It’s quite foolish to associate certain software with “professionals” and other software with “beginners”. I know professionals who use notepad, and I know complete beginners (and idiots) who use ZendStudio. It’s not what you use, it’s what you produce.
Akiva Levy
May 7th, 2008 12:34 pmYuriy: I completely agree with your last point. It is the end result. I am speaking from years of experience (even now, one of my employers is an adobe shop and we use DreamWeaver CS3–So I have first hand experiences of all the issues mentioned).
But let’s call it what it is, if you seriously look into the few aspects that seem unique to DW that you like, and you really look around, you will find many apps do all that with much better results. Take a look at Eclipse/Aptana for example. You can have a fully fuctional IDE with amazing plugins built right in that does everything and more that DW does for free.
And HDD is a relevant issue. Just because hard drives are cheap now doesnt excuse bloated software. Overlooking the reasons (bad code begind the application itself), it just makes no sense. And that isn’t even talking about CPU and RAM usage.
We have 12 PCs here in this office that all use DW CS3 and all have the same issues, so it’s not an isolated case. So much so, that we have begun migrating away from DW (finally).
Make your web sites in what ever you want. That was not the point of this SM post. Handing it to your client to develope pages was. Read: Sometimes you need to provide your clients with some simple tools to edit or update their web-sites. And this is where the utility of WYSIWYG-editors comes in.
Giving your client DW to update their site, you are guaranteed it will break all standards compliancy you (should) have worked so hard for. Period.
Toni Marie
May 7th, 2008 1:24 pm@Akiva:
You simply don’t ENTER new data into the design view. It would be silly, because there’s no way to select exactly at what line you want to insert a div, etc. However, the ability to, in code view, insert a div with a given class “around selection” or “at selection point” or whatever it says (it’s so automatic for me, hehehe) … that’s a real time saver for me, and a perfectly valid use of code and features.
I have made use of the myriad of DW features… like having a library of snippets I’ve created, for CSS layouts and their corresponding CSS selectors… I manage multiple clients via the “Sites”, etc.
I don’t believe DreamWeaver was intended to be “primarily a WYSIWYG editor” and I challenge you to find that Macromedia or Adobe intended for most work to be done in the design view. I do all my work in split screen or code view, but I appreciate the design window, for sure. You can see when divs butt against each other without enough padding, when something that should have a background simply doesnt, etc. The design view, without having to preview in a browser on a localhost, is a significantly useful feature.
I think you have to really use Dreamweaver for an extended period of time to appreciate the features it offers the professional. I also think it is elitist and unnecessary for those who use code editors to condemn its use without giving the CS3 release a test drive.
Christian Yves
May 7th, 2008 1:42 pmI’d have to pick Dreamweaver out of this list for any WYSIWYG-editing. It’s wealth of features, user interface and presentation are top-notch.
As an alternative I’d go with (!) Microsoft’s Expression Web. I only mention it (dreadfully at that) because it’s what we have to use in my office. Most of my fellow co-workers got used to FrontPage hence the move to Expression Web. I still hate it’s UI and overall presentation but it gets the job done for the most part. The painful part is when it’s my turn to clean up that code.
As for non-WYSIWYG editors, I’m a huge, huge fan of Panic’s Coda myself. I use it daily along with BBEdit for hand-coding heaven.
Jen
May 7th, 2008 4:26 pmJohn:
I’d have to say that I am indeed god damn crazy! Dreamweaver only makes bad code if you use it in design view only and then, the code isn’t so bad. Any site that I develop is done in Dreamweaver and when they are handed over to the client, they ALL validate as XHTML Strict. As far as my continued use of DW? I was proficient in coding before turning to DW. Everyone just seems to assume that if you’re using DW, you’re totally negating the Code view aspect of the app, when that is indeed where I do all my hand-coding with the design view split so I can see how the site lays out as I’m coding by hand. Seems pretty straight-forward to me and if that makes me god damn crazy, then I’ll make a shirt and wave some banners.
Akiva:
I beg to differ Akiva. All these “extra files” you are referring to is because someone never set-up their preferences not to have them or they created the sites as templates with only certain areas editable. The power of Dreamweaver is in the preferences. You can set the app up to pretty much render any way you want to. Which includes not using the FTP if not needed. I prefer to use Fetch instead of the built-in function in DW.
Lastly, as far as your claims of being a “real designer” and using the Dreamweaver design view area to see how your design is rendering, there’s absolutely nothing wrong with that. I’ve just saved myself 2 steps by using the split view in the app. I also am proficient enough in my coding to know, if it renders correctly in design view, the only browser I’m going to have issues with is IE 6. You’re also assuming that “professional designers” are only relying on the Design view screen to test their site. Sorry, not true. I’ve got a Mac and a PC for browser testing purposes.
type1
May 7th, 2008 9:11 pmyeh Im currently using Quanta+ mainly because I found Dreamweaver was more of a WYSIWTF than a WYSIWYG, but I am really interested in taking Amaya for a ride, sounds like a lot of fun
Thanks for the Linux Apps..
type1
May 7th, 2008 9:22 pmI recommend for those that are game, installing ubuntu, setting up 6 desktops on the cube, installing the IE viewer in Wine, on screen 1, so thats 3 ies 5, 5.5 and 6, on screen 2, opera, on 3 Firefox, on 4 Konqueror and on 5 Quanta+ or whatever your editor of choice, then you can test until your brain implodes. justr watch out for those IE`s if they stay open too long they will kill anything.
Iman
May 7th, 2008 11:02 pmthanks, excellent post!
i have an idea for your site, you can add editor’s Suggested. or add your rating.
thanks
Defunkid
May 8th, 2008 3:08 ammaybe we should make a difference between design a webpage and cut the markup
how many designers are using a WYSIWYG editor instead of Photoshop or Illustrator? no idea
in any case nothing is more WYSIWYG than chaeck the page in a browser, not in an editor window
Rick
May 8th, 2008 5:08 amI’m still using old Hot Metal Pro 6.0 by Softquad I purchased about 10 years ago. It still works great, even on Vista. It allows me to do raw code as in any ASCII editor, but I can pop over to a Tags View to see the layout, or even WYSIWYG mode so I have three modes. I haven’t seen anything that will let me do all that so I keep using it. It’s paid for itself many times over. Too bad Corel got their hands on it and deep-sixed it like most everything else they touch.
Daniel Fisher(lennybacon)
May 8th, 2008 7:28 amI write software. Sometimes its for the Web. From the “writing more code”-perspective I prefer Microsofts “Visual Web Developer” (standalone free Express version or commercial as a part of visual studio) over Expression Web. Additionally to be named are features like the source control integration, ability to write add-Ins…
Pointing to your next review of course it has great coding features ;-)
Allan
May 8th, 2008 7:39 amAs a code editor, DreamWeaver is a great tool. It used to be my editor of choice. As a WYSIWYG tool, it’s nothing special, I’d rate it only ok. Similarly, Microsoft Expressions, which seems to be just a DreamWeaver clone, had some good code editing ability, but is not a good WYSIWYG tool.
I’m sure many of the readers believe that the only good place for a WYSIWYG tool is in the trash, but, as the article stated – they are often handy for novices to build sites, novices to maintain sites developed by someone else, or for professionals who are in a hurry. I’d like to see them rated on these three points.
Best WYSIWYG Tools for Novice to Build Site: RapidWeaver, Freeway, SiteGrinder (if they use Photoshop).
But I haven’t looked at Sandvox, Komposer, and some of the others. I find that tools like DreamWeaver, NVU, etc. are not good WYSIWYG tools for novices. They quickly get themselves in trouble.
Novice to Maintain Site They Did Not Develop: WordPress
I’m going to check out Amaya again (haven’t looked at it in years). My recommendation would be to set up your site with Joomla, WordPress, MODx, etc. and have the novice client use that. If the site is set up with RapidWeaver, then it is a good tool for a novice to use for maintenance.
Professional In a Hurry: Do Less, RapidWeaver or SiteGrinder.
If I’m in a hurry, I just “do less”.
But if I’m in a hurry and there are a lot of graphics involved in the design, then my recommendation is SiteGrinder .
If I’m in a hurry and no custom design is involved, then I recommend RapidWeaver.
FWIW, these are the only two WYSIWYG tools that I think actually boost productivity if what you are doing is within the scope of their limitations.
Al
lol
May 8th, 2008 1:29 pmbleh I cant use wysiwyg unless im updating my blog, my development its a crutch.
tokyoterri
May 8th, 2008 2:37 pmthanks for the list: what I really hope is that one of these can be used with WordPress templates with good results.
Tom
May 8th, 2008 9:03 pmVery nice! This helps a lot. Thanks!
Jamie
May 9th, 2008 2:42 amI’m a professional web developer and I don’t understand how our designers can use DreamWeaver… I’ve tried so many times to get them using Visual Studio 2008 but they won’t.
What is so good about DreamWeaver. In my opinion Visual Studio is the best editor for designers, ease of use, it has style builders, style managers and application. It’s way more powerful than DreamWeaver.
Visual Studio wins hands down over the Express editions, DreamWeaver and anything else you throw at it.
dharma.indviews.com
May 9th, 2008 3:05 amJamie, it is more of a break away from comfort zone when we designers have to move from Dreamweaver to something new, we may use plain notepad but don’t ask us to use Visual Studio :))
Myself have been using Dreamweaver from the very first version.
Rajaraman
May 9th, 2008 12:18 pmnice collection, but i feel Dreamweaver is the best
Pat
May 10th, 2008 6:45 pmI am not sure if anyone can beat Dreamweaver – I agree with the last post. I’ve been on it for years and love it so much (or set in my way) – It’s very hard to make myself migrate to a new software.
I have tried a few WYSIWYG editors in my time, and have experienced bloated code and some were hard to optimize for the search engines. Recently, I have found out about a new online editor at http://www.Sitemasher.com- kicked it around under a demo account and was surprised how much better it is than the ones in the past I tested – they are getting better.
I think it is also my comfort zone, and I have in the back of my mind, that if I learn a WYSIYG editor and design a site I can benefit from it. If I do, atleast I can hand over the site maintenance to my clients and not have to deal with the pain in the butt text edits they call me to do…because they will never learn Dreamweaver and I will never incorporate Contribute as it is not good…. I may be sold on these new editors, we’ll see….
Hervey
May 11th, 2008 4:32 amHello
Any of you guys know a live css editor like firebug that you can see what you are editing live and after done just ftp?
Harald
May 12th, 2008 4:11 amPhotoshop and Illustrator is for design for professionals. HTML and CSS just needs a good Texteditor. Aptana with Eclipse is one of them. Its not the big thing to write HTML, Javascript and CSS in source code when you have to do it almost every week.
Lynsey Jordan
May 15th, 2008 8:12 amSome of you people need to stop being so self-righteous. The problem isn’t the editor, it is the person doing the editing.
Andy Harris
May 21st, 2008 10:48 amaptana is an open-source extension of the eclipse Java Editor. It’s a programmer’s editor morphed into web development, and it may be exactly what you’re looking for. It has syntax coloring and code completion for HTML /XHTML, CSS, JavaScript, PHP, and many AJAX libraries built in. It has a feature for previewing your page instantly, ability to work directly with an FTP server, and lots of plugins. The community edition is open source and completely free, with all the features you need. I used it extensively with my book, though I also use the Firefox web developer toolbar’s css editor (also free) to edit CSS in real time. This has the advantage of writing your own code but seeing the results immediately.
Allan
May 21st, 2008 11:46 amyeah, Aptana is great, I use it as well.
However, I hardly think of it as a WYSIWYG editor. It has nice page preview, but it has no placement or layout tools that a non-coder could use. To make any changes to a page, you must edit the HTML and CSS directly. To my mind, this disqualifies it from being listed as a WYSIWYG tool.
(Several of the tools that did make the list should have been disqualified). There is a separate list of 25 Best Code Editors. Aptana belongs there.
Daryl
May 26th, 2008 7:40 amAs a noob, I learned more from the comments here, than from the article!
I’m starting with just a text editor. I’m a GNU/Linux fan, use Debian (KDE), and currently using the KWrite text editor. It’s become obvious to me the best way to learn is writing code by hand with a text editor (thanks for this tip!, it makes sense). It’s also astonishing how much bad advice there is for a ‘noob’. WYSIWYG for a noob? Morons.
As I get better, I’ll probably move up to a better editor, like bluefish.
When I start learning PHP, I’ll probably move up to Quanta Plus.
I find it hard to believe anyone would actually PAY MONEY for a tool, when there are many great tools available for free!
JoergenAJ
May 27th, 2008 11:56 pmI have now tried more than 10 of these on the list for Windows. I find the free Eversoft First Page 2006 best suited. It has split view with real wysiwyg. BUT only problem is site management: A pity it isn’t possible to list whole sites, only seperate files. Anyone know a solution?
Another favorit is Kompozer, but it seem only to handle html documents. When I try to open an .asp file from the project list, a message sais it is not an html document, and it won’t open.
Any ideas to workaround?
N
May 31st, 2008 12:53 amFunny that NetObjects Fusion didn’t get a fair shake in this review. It’s a great tool and produces very pro results. When you need a pin-point accuracy in terms of object placements on a page, NOF is the tool. The code got better too over time. NOF isn’t really the best thing for those who pride themselves on using Notepad to produce a 100-page site. But for a designer who works lots in InDesign or Photoshop, NOF makes lots of sense. Anywho, if using Windows, I strongly prefer NetObjects Fusion or GoLive. With Mac OS X, I prefer working with Freeway Pro but also frequently use Sandvox and RapidWeaver.
Daddy Shabs
May 31st, 2008 10:10 amso no one uses Serif WebPlus then?!?!
Rob Cifre
June 3rd, 2008 7:36 amI use textmate for mac. It’s a pretty awesome tool. Check out the videos on their site. Google it.
Rahul Bansal
June 9th, 2008 10:01 pmWhere is coda for mac????
I am surprised to see its missing… :-(
Eve
June 10th, 2008 7:25 am“Some of you people need to stop being so self-righteous. The problem isn’t the editor, it is the person doing the editing.”
I agree with Lynsey. Reading half of these comments would make you sick. Each to their own in my opinion. Its the end result that matters, not how you did it. If your client is happy that is all that matters. Also DW is a brilliant DESIGN tool. I was forced to use Notepad recently, which I havent had to use for a few years, to mock up a page. It took 10 times the amount of time to do it than if I had used DW. I can hard code and did have to but why do it when half if not all of the work is done for you in something as powerful and graphical as DW?
Richard
June 11th, 2008 5:55 amXHTML on a legal pad and CSS on a shorthand pad? That’s just for wimps. Real coding is on paper in binary (and not namby-pamby hexadecimal), then entering the code into the system through a USB enabled Altair 8800, operating one switch at a time.
surendrn
June 11th, 2008 10:34 pmi am using dreamweaver, it’s very comfortable to me but please list out the good html and css editor software and also this list is very useful to me, thanks a lot ……
Alexis J. Bravo Ll.
June 28th, 2008 9:51 amAptana is great, cross platform, and it’s FREE.
Daniel
July 6th, 2008 12:35 pmI use Mozilla Firefox 3. I’ve added two great Add-Ons, Codetch & FireFTP.
Even though I have Dreamweaver, I still prefer to use Codetch over Dreamweaver. I’m not much for WYSIWYG editors unless there’s something in the code that I can’t figure out, after I’ve read many tutorials on that matter.
Darren
July 9th, 2008 10:04 am“Some of you people need to stop being so self-righteous. The problem isn’t the editor, it is the person doing the editing.”
ABSOLUTELY. The egos on some of these people are out of control. Is it good to know how to code? Yes. Does it mean you’re lazy or incompetent if you don’t? Not in the least. In some cases, using a WYSIWYG editor is the best available option. For instance, I work for a large corporation that manages various properties all over the US, UK, and BC, and each property has it’s own unique website. Since we are so widespread, most of our collaboration takes place on conference calls and it is much simpler to say “click here, type here, open this, close that, etc.” rather than get into a buch of coding jargon. If the company had no choice but to invest the time and money to train all of these people how to code I’m sure they would, however in this case it is much MUCH easier to have a simple program that basically anyone can learn how to use without extensive training, and there is nothing even remotely unprofessional about the end results. If you don’t like WYSIWYG programs, fine. But I have to say it’s a bit unprofessional to seek out an article like this just to gripe about it and tout your own self-appointed superiority.
zack
July 17th, 2008 2:04 pmsecond that. wysywyg editor is horrible. for abs. beg. only
Dave O
August 3rd, 2008 6:37 pmAhh, if anyone has a text editor that will count “unique” events of words, would they please post a result.
html
css
php
ajax
xhtml
aspx
rapid-dreamweaver
java
….
Looks like we need a “web-site language” instead of the mish-mash of many languages.
Do you guys realize you are pressed to program/integrate multiple languages to accomplish (1) website ?
PS, I wonder about the guys that post with misspellings. They need a programming language to correct their typos?
Paul
August 12th, 2008 10:36 amI use whatever works-
html when necessary
templates when necessary
cut and paste html
notepad, PSPad, etc.
Whatever works.
Then again, my primary output to the universe is a typepad blog whose html and css I occasionally tweak: *impulse
IAdditionally, I have coded for a few friends and for a few artists, but nothing extensive. My viewpoint is more one of principle than of practice.
It is almost certain that eventually a WYSIWYG editor will be developed that integrates everything nicely and outputs compliant code…this will work fine for a few years and will wipe out notepad coders until it falls into obsolescence, and then there will be a renaissance of coding. Didn’t this sort of already happen?
Paul
Paul
August 12th, 2008 10:46 amSo true.
Many real old school hackers lamented the decline of the CLI and the rise of the GUI.
It took a long time, but I don’t hear anyone say anymore that using Windows is wuss and you should do all your OS stuff in CLI.
It is actually rather silly.
Also, genuine artists with great visual and design sense that hackers don;t have a clue about can express themselves with Dreamweaver without having to waste time learning non-essential stuff like coding.
The migration is toward making the web as non-techie as possible.
This way, all the non-techies with great creative talent in design, music, literature, whatever, can make the web a more splendid, enjoyable place and bring happiness to many more ppl than hackers ever will.
Tina Clarke
August 17th, 2008 9:01 pmEveryone misses the point…it’s nothing to do with the editor.. it’s the webmaster that makes the site… just because you use a particular editor does not make you the better web designer, coding, design or seo or whatever it may be.. you might be good at one and not at the others or any combination.
The smart people use the tools that get the job done, whatever they may be. They also continue to learn and never stop.
Max
August 28th, 2008 12:09 pmI have to agree with N that NetObjects Fusion is actually a very powerful tool these days and is seriously under rated in this article. Sure it isn’t perfect and it takes some time to learn to get the best out of it, but it certainly is capable of creating professional web-sites with compliant code. Personally I use NetObjects and KompoZer and wouldn’t be without either.
Arda
September 2nd, 2008 9:47 amI started designing web pages with Netobjects Fusion, when it was version 2.0, maybe 10 years ago. I can say that it’s not a tool that can be compared with Dreamweaver. But it’s perfect for beginners, who has no idea about coding. I don’t think that, the quality of the code is so important for a very small business or a dummy user who try to preapare a static web site of 10 pages. It has a very attractive feature that you can design a web page easily like you are working on your desktop. You can drag anything in the screen, and it’s really extremely easy for beginners. And this feature is really deserving respect because they made that many years ago.
I don’t have idea about the code quality of the latest version.
But I really recommend that product for users who don’t have any idea about coding, and who are not interested to know what’s happening in the background.
And for people who likes technology, I suggest them to download the trial and to take a look at the interface and features just for fun.
I like Smashing Magazine really so much, and mostly I agree with their reviews, but this time I think Fusion deserves more than that..
bob
September 4th, 2008 7:43 ampeople need to realise that many designers are just that – designers.
Not programmers.
Ive been producing pro web design for 7-8 years now and I’ve always relied on wysiwyg editors.
Of course I’ve learned a bit of html and php code over that time, but not to the point where i could code php.
Some people are capable of design and code, but they are VERY rare. So people giving arguments that designers should hand code sites is just rubbish.
Decafdesign
September 9th, 2010 3:00 pmFinally somebody who gets is ! Designers are visual people and programmers are logical people! They use different sides of there brain.
WYSIWYG editors are great tools for a designer to get the job done! The programmers are there to support the designer and to get his concept communicated (Don’t bother a programmer with a concept, he just have to make it happen.)
Shady
September 8th, 2008 4:10 amAs a designer of 8 years I use DW every day but began my career coding my first web sites in Notepad. Learning the basics is necessary but DW is just the job for me using xhtml and css.
I also tutor a web design class and we teach them xhtml strict and css. Later in the year we introduce them to DW. Surprisingly, almost all the students last year preferred to hard code in PSPad and wanted to master it and use it to build their end of year projects before learning DW.
Marko
September 11th, 2008 2:58 pmSOMEONE PLEASE HELP: I will happily PayPal $50 to the person who gives me the answer I desperately need!! I Urgently NEED to find a sitebuilder which has the best combination of:
1) The easiest, most user-friendly WYSIWYG editor available for someone who doesnt have a clue about programming.
2) Creates the Cleanest, most SEO-Friendly code without any junk so it loads fast
I have ZERO programming skills so technical programs like dreamweaver and even frontpage are WAY over my head. To give you the best idea of what I need, Coffeecup is PERFECT for me BUT the code it generates is a total SEO-Disaster!! I really need something which generates beautiful clean code without any bogus junk inside.
Basically what I dream of is a user-friendly click-build sitebuilder AS BASIC AS COFFEECUP that generates code AS CLEAN AS DREAMWEAVER… I know thats impossible but all Im asking for is the closest thing to what I just described. I dont expect my dream to come true, I just NEED the closest thing to it. Money is not an issue so I will pay whatever I need to get this.
Please could someone help me, I am very happy to paypal you the small reward if you have the answer Im looking for.
Thank you very much for your time.
Marko
ps. Once someone here has led me to the sitebuilder Im looking for I will enter a comment that the offer has ended, but until then Im still looking Thank you
martinjbull
January 9th, 2010 10:22 amMarko-I agree 1000% with the comments about Freeway 5 Pro-if you use a Mac (or have acces to one) get it, try it (if you haven’t. It is superb-feel free to email me (let me know if you can’t get my address from this site) or contact the makers at Softpress. I have been to see them. spent a day with them, they are really brilliant and this product is fabulous. I am an artist tunerned web designer, I’m no coding guru. This product does it. Code is clean as a whistle.
Marko
September 15th, 2008 12:34 pmGetting more desperate as time goes by, I have raised the reward to $100. This is nothing compared to the amount of business Im losing every day from lost revenue due to my sites not being completed. If you have the answer Im looking for please reply Urgently!
Thank you.
Marko
Mike
September 16th, 2008 9:51 pmI’m thinking just about everyone here has missed the whole point of this topic. This topic is not about “what editor you should use to write your web pages.” Go re-read the third paragraph again. This topic is about: If you have a client who creates content on pages you write and they don’t write code or are not technical, what are some alternatives (ie: WYSIWYG) for them to use? To many here are flaming while stuck on “my HTML editor has a bigger testicles than your HTML editor.”
With that, this was an excellent article because I have a client who creates a LOT of content on their site and is current using Contribute and it’s just not technical enough for what I need them to do -it allows no way to edit the code itself, and they are extremely non-technical people. I’ve been considering having them purchase Dreamweaver, but fear it’s too technical for them and I’m going to spend hours showing them how to do basic things. That’s a waste of my time. I’m content with DW and it gets the job done for me, so I have no idea what alternatives are out there for them. Clean code and standards compliance is very important to me. This showed me several options I will look into.
Thank you again!!
-Mike
P.S. Marko… try Dreamweaver and use the WYSIWYG editor and I think you’ll be farther ahead of the game. Outside of that, download a couple of these mentioned in this article and see what works best for you. Your third option is always RentAcoder or E-lance. I think you’re asking a question that requires a Crystal Ball to know what’s best for you, but I doubt anyone here is psychic. You may have to figure out what works best for you on your own. Given that a week has already past, you could have discovered that by now instead of waiting.
Racunovodstvo
October 1st, 2008 3:17 amI tried NVU, but it seems to be lacking a bit. :(
Irishlight
October 2nd, 2008 8:26 pmHand coding is fast with a good editor like PsPad and the free Filezilla FTP program.
I learned to hand code first and am now exploring IDE’s out of curiosity.
I think it is ok to use these tools if they can make you more productive but I would make sure I knew how to fix broken code before using them.
Dreamweaver looks serious and Aptana is also very good.
dmcd
October 6th, 2008 7:16 amMarko, I don’t want your money, but I think I can suggest a solution to your problem. I understand your desperation. I built sites professionally from 1998-2003 with Dreamweaver but newer technology has left me behind. For those of us who do not have the time to learn html, xml, dhtml etc., it is hard to find a good, user friendly wysiwyg programme. There are a lot of very bad wysiwyg web site builders out there.
I personally cannot afford to pay someone to build a site for me. I’ve wasted too much money on useless software. I will not even trial software that is sold with a licence for a single site and escalating costs for extra site licences. I like to own the software for which I pay and use it any way I wish so I have not tried any site builders that sell their software with these strings attached.
I’ve been in exactly the same position as you. Frustrated with the poor performance or steep learning curve required by available wysiwyg software and completely overwhelmed by the progression from tables based layouts I built in DW 4 and 6, to new standards compliance css based ones after being away from building sites for the past five years.
I don’t want to learn html. I have a life to lead away from a computer screen, but I do want to share information with like minded people worldwide and present it myself instead of relying on a third person to keep my site fresh and up to date.
I’ve recently tried all the wysiwyg stuff. I bought many of them including updating to Dreamweaver MX a couple of years ago. No doubt that DW is a good piece of software but MX was very confusing to learn to use despite feeling comfortable with previous versions and I’m not about to blow the budget on Adobe’s latest version.
Expressions Web is surprisingly good and easier to learn to use than DW but you must be prepared to learn css and I struggle with that. It has a few problems still and if you need to input data in a table, it will not do so unless you import from Excel.
I own the latest Web Easy Pro, WYSIWYG Web Builder and Namo. All these are nasty and build code bloated, amateurish sites.
I still have Komposer installed but it has severe limitations, is old fashioned in what it can do and does not suit my purposes.
The smallest learning curve for outstanding results can be found with Antenna: http://www.stormdance.net/software/antenna/software%20overview.htm
I’m surprised Antenna Web Design Studio, wysiwyg software from Stormdance was not mentioned in this article. It can produce very nice websites with reasonably tight code. It is a little quirky and hasn’t been updated for over two years. Apparently a new version is on the way, but I’m not holding my breath for it! There is a very helpful and active user community forum who seem able to answer any questions and solve any little problems. Their patience seems limitless and nobody there will make you feel foolish for asking the most basic questions.
I suggest you have a look at the Stormdance Online Community Forum before you download the miserly 15 day trial of Antenna. It will give you a feel for the software. There are lots of very nice web templates available for $10- $20 from Antenna enthusiasts which include forums and e-commerce if you prefer not to design your own. You can find these via the Forum.
Antenna is not a template based heap of junk like some of the other wysiwyg web builders. It automatically writes nice clean style but you cannot attach external style sheets. You don’t have to use an existing template. You can build your own site from scratch very easily and achieve professional looking results. You can insert Flash, javascript etc., if you require them.
It’s not perfect, but of the 30 or so wysiwyg web site builders I’ve tried, this is the simplest to use, gives the best results and is the most affordable. I’m anxiously awaiting the update. I have no affiliation with Stormdance Software. I’m just a consumer.
It is not just professionals who avidly read Smashing. Old fogies like me also enjoy this magazine.
Good luck.
Doug
October 9th, 2008 12:34 pmI have Dreamweaver 8, but on my G4 Mac, it is too slow. I also have BBEdit (text editor) which I use when I want to open a web page directly from the web, edit it and save it back to the web. (I then make a backup locally.) But for coding web sites, I use the FTP program Transmit (by the same people who make Coda: Panic Software) linked to PageSpinner, a code editor designed specifically for web sites. When I double click on a web page in Transmit, it opens automatically in PageSpinner. For new pages, PageSpinner creates the DOCTYPE, etc. for me and when I hit the preview button, it shows me the page in a real web browser (so I see what the page will really look like on the web). It also has lots of hint features, an HTML and CSS assistant and a row of buttons for quickly inserting code (links, lists, etc) with a click. True, it is not wysiwyg, but for speed on any Mac, it is great, and a new version was recently released and updated.
Doug
October 9th, 2008 1:08 pmBy the way, PageSpinner is not some new fly-by-night program. It was mentioned in Designing with Web Standards by Jeffrey Zeldman back in 2001.
Doug S
November 2nd, 2008 7:49 amUmm… How can anyone say the Visual Studio .NET is not a WYSIWYG editor? It is by far one of the most powerful wysiwyg editors out there. The only problem is if you are using it as a wysiwyg editor, then you are a total noob.
Jarett
November 13th, 2008 1:22 pmThere’s a new WYSIWYG editor being developed called BlueGriffon. It’s open source.
Jasvinder SIngh
December 15th, 2008 3:40 amThere no great tool like dreamweaver yet. Its clean, simple and easy in handling code and table structure
Graham
December 21st, 2008 1:57 pmMarko, if you can get to a Mac, download and try Freeway 5.
I started repairing cars and writing programs in the late sixties, I had a hand-push lawn mower and a twin-tub washing machine. Times have moved on! I’ve heard all these programming/coding arguments before. The more destructive the argument gets, the more you know that they are on their way out. As many people have said, look at the quality of the product – a website is to be viewed, not dismantled!
Venkat
January 7th, 2009 5:02 amHi,
Thanks for this……….
http://acidace.blogspot.com
January 9th, 2009 1:42 pmHow about xSite Pro?
horizontal_hold
January 11th, 2009 4:12 pmmy background is in tv, mainly editing, and reading a selection of the above reminds me of those editors who used to say; ‘there’s nothing like cutting film’, then, ‘cut to cut with a couple of vtr’s'….
i’ve been building (simple) websites for years with dreamweaver, which i think i know reasonably well – and can’t fault it. HOWEVER, i had a client come in the other day with website x5 on his laptop, and he showed me how quickly he could build a decent, WORKING site. i have to say i was knocked out…..
so, why should i bother learning code when i can get a wysiwyg editor that’ll build me a good looking, working site in next to no time?
leslie
GrantAndre
January 20th, 2009 3:53 pmThis is an interesting list! I loved the opening paragraph(s) that helped to setup the purpose of the list. It seems that many commenters missed the point: this isn’t about what is BEST, but about discovering some new tools you might recommend to clients when appropriate… In short, knowing more.
Personally, I used DreamWeaver (in code view) for years and thought it was great. At the time, I was working primarily on ASP.VB, CSS and HTML projects. A few years ago, I began using VisualStudio to start transitioning from ASP.VB to ASP.NET – and have learned that (depending on your tasks) VisualStudio is a truly powerful and helpful tool.
For anyone interested, I would recommend the free download of Visual Web Developer 2008 from the Mircrosoft.com website. I haven’t yet encountered a feature missing from the free version that I need/use in the paid-for version.
Most surprising (because it’s an M$ tool): this is the best CSS editor I’ve ever encountered! A full list of IntelliSense (code-hinting) tips prompt at every new class attribute with additional hinting about what each of the attributes does… very cool!
On the other hand, this is not a WYSIWYG editor. I personally use the browser(s) to preview my work.
Linux N00b
January 25th, 2009 7:35 pmWow lots of testosterone in these comments.. anyways real men use vi and nothing else… get with it!
FDR
February 8th, 2009 6:19 amI used Dreamweaver, but i want to change for something other..
DW is always overwrite my new files with the older one on the f t p. So i have enough of it.. I only use the ftp function in DW..
Now i try Aptana…
TICO2009
February 15th, 2009 3:04 pmThanks for that list!
Keith Hill
March 9th, 2009 6:41 pmYet another vote for the free MS Visual Web Developer. I use Visual Studio at work but VWD on my notebook and it is quite good. The css support is very good. I especially love the visual cues for margin and padding. You can even visually drag the margins and padding around with your mouse. Great stuff that. I have recommended it to several people.
roamer
March 12th, 2009 10:32 amthats great!
Super
April 3rd, 2009 1:02 amhe he he.. so funny people… please don’t mix web designing (graphics) and developing.
PS : DreamWeaver is unbeatable for WEB DESIGNING.
Angelize
April 9th, 2009 3:48 pmI’d like to add a brand new program to the list. Xara Web Designer.
solexy
April 13th, 2009 1:50 amgood list
Dajebus
April 23rd, 2009 5:30 amI love how the comments always fill up with “WYSIWYG is not real coding” arguments in seconds.
Yes, you use notepad+ and your amazing..
Now how about you get out of the comments and go code or something?
Alan C.
April 24th, 2009 12:26 amI used Webbuilder (version 5, now on 6) to produce a 50 page site that earns me around $4,000 a month.
I guess I should go back to notepad huh? Please.
Give it a try – and keep playing with it, as there’s a huge list of options and features available.
AC
kak
April 26th, 2009 7:12 pmnotepad++
DougS
May 3rd, 2009 11:16 pmLife is too short to write code unless you’re a programmer personality and think code is fun.
I could learn HTML if I had to. In the early 80s, before WYSIWYG, I wrote a manual on how to embed typesetter format codes in word processor files. I have used a couple different music counterparts of the word processor (notation software), one of which was code-driven. I got good at it, but no way would I go back after learning Sibelius (= WYSIWYG).
I want to see right away what my page looks like and don’t have time to get a master’s degree in HTML. God bless the creators of all these WYSIWYG programs!
If only I can find one that works reliably and doesn’t have a steep learning curve (like DW). Most I’ve tried are pretty imperfect.
Pim
May 5th, 2009 6:56 amYou forgot to mention Serif Webplus, which is a very easy to use website builder. You can use him without having knowledge of coding.
Although web developers or designers should not use these programms, it is a fast way of publishing something on the web ;-).
Kush
June 6th, 2009 9:55 amVisual Studio 2008 / Visual Web Developer Express Edition(Free) + Intellisense + WYSIWYG + CSS Editor + IDE = A Very Powerful tool for ASP.NET Development.
Dreamweaver may be good just for designing but if you thinking of other features like debugging and programming language support (VB.NET/C#/JavaScript/XML) it does not match up. Plus it too has full FTP support like Filezilla. I started with DW but moved to VS. And i just can’t agree that how can you create a professional looking website just using the design view. Unless you know your html and css , you can’t create anything nice whatever tool you may use.
I would like to see Visual Web Developer 2008 Express Edition in this list if you guys think that it is a WYSIWYG editor.
Doane
June 10th, 2009 5:41 amI’ve been using Net Objects Fusion since v2 and currently have v7. Early versions had some stability problems everything after v5 has been great. I don’t think it deserves the bad rap in the review. It’s also one of the few that will handle huge corporate web sites, easily changing all of just a few pages. For graphics oriented sites, most are today, NOF is precise, easy and fast. You don’t have to get bogged down in script or complicated procedures.
Julie
June 15th, 2009 7:45 pmDo you have an opinion on Site Studio (from Effective Studios now Sitoo)? I got it in 2004 primarily because you could buy once and create multiple web sites off the templates it came with. Now the new version 6 wants you to buy a new copy for every web site you create. :-(
I am interested in products I can use to create web sites for others quickly or can embed into the hosting service I provide and allow the customer to upkeep their own site, whether as an add-on service or reseller, or something I can install on a server for use by multiple customers.
Any ideas?
Wyman
July 4th, 2009 4:41 pmMany of the comments sound like the battle of web designers. Not everyone wants to be one, just put up an attractive sight as part of their business. I am going to try KompoZer and the tutorial Link to learn HTML code for the future. Thanks for the WYSIWYG review. That was the purpose of the article. A newbie forum of those of us trying KompoZer might be nice. I’ll Google to see if there is one.Thanks
Alexandra
July 13th, 2009 12:14 pmI’m with Wyman. This thread is dripping with arrogance from cowardly designers hiding behind their IPs, and it’s pathetic. Grow up. If I needed a web designer and he/she had the same attitude that I’ve seen here, I sure as heck wouldn’t hire that person.
Thanks for the list.
MartinjBull
July 29th, 2009 10:32 amReading all this with interest…I’m actually a painter (fine art-not ceilings and walls!) stepping out more into graphic design and web design. And I think a lot of people are missing the point. In my studio I have tiny russian sable brushes that cost £80 (about $140) each. I also use 10 cent pastry brushes (and my fingers sometimes-got those for free). I have tubes of high grade paint costing the earth-and student quality at a few pounds a gallon. I use them all-and I’m a pro. Why? because they all work, that’s why. You just have to know when to use which-and that’s the key. I am learning HTML, CSS etc, but I need to make some clients happy now with sites that look good, work fine and are ready on time. So I WYSIWYG with a whole load of programs. But because I understand HTML enough, I then load my code into BBEdit, taco or Notepad and check it. I take out the garbage buried in there and check it still works in the 14 or so browsers I have. then i publish.
Its thae same as when I spend 2 weeks on a studio painting that sells for $1000, or I go to the harbour one day for three hours, do an open air painting and sell that for $1000? Why? Because its the product and the customer who matters, not my guilt/ego/need to prove I know my aeriel perspective from my golden section-or in web terms, my notepad code from my wysiwyg outcome. Geddit? Come on, guys. I know you don’t want to advocate always openg a beer bottle with a scredriver, but soemtimes what matters is the beer, right?
MartinjBull
July 29th, 2009 10:42 amPS It occurs to me we don’t have this debate about inDesign and Illustrator vs ex-acto knives and pencils. Now I can draw-i’m a professional artist, but if you can’t compose a painting my guess is you let bad web design layout slip through too… dare i suggest you notepad ninjas (not my words!) need to allow for the fact that there’s more than one way to skin a cat-so long as you know what a skinned cat should look like? (Now theres an image… ugh.
Frustrated
July 29th, 2009 3:43 pmI cannot believe you put SHAREPOINT MOSS to those locked into it. We nicknamed it MESS because it is so ridiculously esoteric and unhelpful. I was required to use it on a job and I swear it caused my first grey hair!!!!
johann
August 7th, 2009 9:40 amThe best WYSIWYG editor is WYSIWYG web builder, really it´s no properly a web editor, it´s a web builder or web generator. The code is totally clean or 95 % clean
Stan Levin
August 8th, 2009 9:15 amMy web developer won’t give my site a wysiwyg editor for my customers to upload formatted text because he says then hackers can write code in the text that would hurt my site. My question is – Are there any wysiwyg editors that can be purchased to reside on my site that will, as an example, make highlighted text bold by clicking on the bold “B” on the command bar BUT NOT make the text bold if it is enclosed with these characters text . Is my question clear?
Stan Levin
August 8th, 2009 9:22 amMy comment above did just what I did not want to happen. It converted the (b) text (/b) to the word “text” in bold. Are there any wysiwyg editors that only apply the formatting when coming from the command line and not from the text itself?
benzourry
August 14th, 2009 8:06 amAhh, DW CS4 stop support for jsp type editing.
Juz when will netbeans provide WYSIWYG jsp editor..
As there is Visual Web Designer in NB, i gez I just have to stop dreaming about jsp WYSIWYG editor.
….
max
September 23rd, 2009 3:15 amSo many comments here and elsewhere are so laughably pathetic. “DW is for beginners!. . . All you need is Notepad!. . .” Or, just as worse, “I use DW, but I NEVER use Design View!” Eliticism at its worst. Reminds me of Linux community hobbyists who claim that all you need is make, vim (command line, of course), build, and gcc. Smacks of “in the old days, I had to walk 12 miles in the snow, uphill. . .etc.”
For real pros, there comes a time when you need to produce, and produce NOW. For most, this means doing a mock-up in something like DW (even in Design View), showing it to a client, and then cleaning the code in Code View. And that’s just for code generation, not mentioning the many other features designed to streamline the site design/development process. In the end, it’s about the final code that is produced – not the process of generating the code. You want to hand-code, great! You want to design first, then hand-fix the code, fine also! Get off your high horses, and just let people use the tools they want. Ultimately, we’re all judged by the quality of the work, not our tools.
max
September 23rd, 2009 4:52 amI think MartinjBull said it best: “Because it’s the product and the customer that matters, not my guilt/ego/need to prove I know my aerial perspective from my golden section — or in web terms, my Notepad code from my wysiwyg outcome. Geddit? Come on, guys. I know you don’t want to advocate always opening a beer bottle with a scredriver, but sometimes what matters is the beer, right?”
I think too many get caught up in the misguided perception (egotism?) that the tools define (to a great degree) our chops. If you can’t code, you can’t code, regardless of what tools you use. If you can’t code, then you’ll make an equal mess using Notepad as you will with DW.
Another obvious question is, what can you do in a stand-alone text editor that you can’t do in DW? Another is, how do you consider a $400 software as that for beginners? Give a beginner DW, and they’ll run for the hills. DW (like Photoshop, Illustrator, InDesign, etc., as well as the built-in tools that integrate all of them) are for professionals in the real world to whom efficiency is just as important as quality. It’s true that Notepad (or Textmate, UE, TP, NP++, etc.) is all you need to produce work, but in the real world of deadlines and anxious clients, you need more. And if a tool like DW allows you to do the same work faster and more easily, then why wouldn’t you use it?
Johann
September 24th, 2009 9:55 amWhy Antenna Web Design Studio, wysiwyg software from Stormdance was not mentioned in this article. It can produce very nice websites oriented to designers and graphic artist, it¨s not for begginers (they can use this with great results) but I think, the designers not developers o programmers have an excelent option to fly with their imagination. this is not a HTML/VISUAL editor this a WYSIWYG website builder that´s the difference.