Debate - WYSIWYG: a Web Designer's Dream

It’s another SitePoint Debate! Today, two experienced developers argue whether it’s better to hand code your HTML, or create Web pages in a WYSIWYG editor. Don’t miss the opposition’s arguments — they might just change your opinion on this controversy…


These are the bane of most Web developers’ lives, and often, as projects get more and more complex, any way to increase work speed and productivity is greatly appreciated!

To put it simply: hand coding is finicky. When you’re hand coding, it’s all too easy to forget to hit "tab" — when you arrive at the end of your code, you discover that every single line is out of whack! You can easily avoid these kinds of hand coding misadventures with the help of a good WYSIWYG editor.

The Basics

WYSIWYG editors, such as Dreamweaver, allow users to create their Websites as an all-in-one-process. For instance, you click "insert image" and select an image, and Dreamweaver simply inserts the code in the background. Hand coding the HTML to achieve this same result will take much longer (in most cases) and you can easily misprint a word, or miss out a quote, which will necessitate tedious code debugging later, and cost you yet more time.

Similarly, it’s extremely easy to insert a table, an image, or some complex JavaScript. These tasks, too, are achieved with the click of a button, rather than the laborious hand typing that plain code. Your WYSIWYG editor neatly keeps track of all these tags, and prevents the possibility of syntax mistakes. Many editors can even notify you of any errors you may have in pre-existing code — they automatically clean HTML, find tags that aren’t needed, and even include a spell-checker (something a lot of people, including myself, often need!).

The end product is neatly-tabbed, consistent code — a godsend in situations where you need to add to the existing code but you don’t have a WYSIWYG editor handy, or when server side code, which really cannot be implemented via this sort of editor, needs to be incorporated.

A Designer’s Dream

A lot of designers are just that: they’re absolute wizards in Photoshop, for example. But when it comes to coding their design, they’re lost! Often it’s easier to put it off and waste time, rather than face up to the task of working out where to put tables and how their attractive layout can actually be put together in HTML code.

It really is convenient to simply open up your site in an editor, and view the layout as it will appear in a browser — especially for those who have trouble visualising how all those <tr> and <td> tags actually create the layout! This is why so many designers find it easier to cut up their images, fire up a WYSIWYG editor, and simply insert them into a new HTML document. Their template is basically ready for use in around 5 minutes. They provide a range of other advantages, too.

Enhancing the Site

WYSIWYG editors also make it extremely easy to add dynamic and obscure elements to your site! Want a JavaScript rollover menu? It’s as simple as clicking a button — no fuss at all! You can use the same method to add forms and CSS, and to top it all off, some editors even allow you to add fully-featured server side code. Many people will not want to spend countless hours trying to figure out how their code will actually work, and no wonder. Why do that, when it’s already been done for you and packaged up into a single, simple program?

Maintaining Site Structure

What really is an advantage to using WYSIWYG editors is that all your pages and elements can be viewed live in a "tree" view, so you can really get a feel for the way your site is laid out — not to mention easily double-check which pages link to which! With the press of a button, you can update links site-wide, or search and replace over your entire site.

Team Interaction

Many WYSIWYG editors also provide a great tool for interacting with others. If all the designers in a team working on a particular project use the same editor, you can easily transfer sites to others for their input and amendments.

The User-Friendly Alternative

These editors allow designers to use templates, and they’re a quick and easy way for the less-savvy user to edit their files on the home computer. Many clients, too, now want to edit their sites in some way, and unless they use a complex content management system it can be very difficult. Often a WYSIWYG editor will be the most direct and hassle-free method by which they can edit the content without having to wade through hundreds of lines of code.

All in all a WYSIWYG editor lets you make quick changes to other people’s (sometimes messy) code, and to quickly create and manage your own sites with a minimum of fuss and technical knowledge. It’s a tool that many designers swear by — and it’s easy to see why. Hand coding might be more prestigious, but for simplicity, flexibility, and ease of use, sometimes you just can’t go past a WYSIWYG editor.

What do you think? Don’t miss the opposition’s arguments — they might just change your opinion on the hand coding controversy…


Category: html Time: 2002-12-17 Views: 1

Related post

  • Practical Web Design - Introduction to Tables, Part 1 2003-06-07

    If you take a tour of the poorer neighborhoods in my neck of the woods, you'll find a lot of single-wide trailers. They aren't much to live in - they're ugly, they're crowded, they leak, they have no style whatsoever - but as domiciles, they're funct

  • The Web Design Business Kit Chapter 13 - Prepare For Expansion 2003-07-20

    In this chapter, we'll start to discuss the logistics of expanding your business. We'll discuss what it takes to move your business forward, and the all-important systems you'll need to have in place in order to grow. You'll learn why your technical

  • Practical Web Design - Frames and Frame Usage Explained 2003-08-09

    Ah, frames. We hated them when Netscape first offered them up around 1995; we deplored them when they became all the rage for a few short years; we wish they would go away and never darken our displays again. Well, maybe. The debate on frame usage ha

  • The Web Design Business Kit 2003-08-11

    Only 2% of the population will ever achieve their greatest life goals. Two percent! People fail to achieve their goals for many reasons, but the most common explanation is that we simply don't try. Why not? Because trial naturally involves the risk o

  • Why Small Web Design Firms Should Think Big 2004-05-07

    If you are a freelance or small Web design firm, I have an uncomfortable question to ask you: are you thinking too small? Are You a Small Thinker? Here's a 10-second quiz to tell if you think small when it comes to your business: You've set puny, eas

  • Bulletproof Web Design Contracts 2005-10-28

    When you boil it down to its barest essentials, the sales process is simply a series of verbal agreements that ultimately gets documented in writing. That document ought to become your contract, proposal or whatever legally-binding agreement both you

  • 6 Killer Tips for More Web Design Clients 2006-02-08

    The beginning of the New Year is always a good place to start afresh, to wipe the slate clean and make this year your year. Once the Christmas turkey has been eaten, the hangover's gone, and the relatives have been sent home, you can start that plan.

  • The Principles of Beautiful Web Design 2007-04-02

    This article was written in 2007 and remains one of our most popular posts. If you're keen to learn more about web design, you may find this recent article on using lorempixel of great interest. For many web developers, myself included, the most inti

  • 10 Tips for Being a Greener Web Designer 2008-07-24

    As web designers, it's impossible to deny that electricity lies behind everything we do. There is no physical alternative – no part of our job – that is entirely free from energy consumption. While there's much debate and controversy and differing st

  • Xara Web Designer 6: the Review 2010-08-04

    Xara Web Designer 6 is a WYSIWYG web site designer. Just to be absolutely clear, this is not a paid review nor do I or SitePoint have any affiliation with Xara, their corporate partners, staff, relatives, etc. Note that Web Designer 6 is not a Dreamw

  • SitePoint Podcast #111: Responsive Web Design with Jeremy Keith 2011-05-06

    Episode 111 of The SitePoint Podcast is now available! This week Louis Simoneau (@rssaddict) talks with Jeremy Keith (@adactio), a UK-based web designer, and author of several books on web design. We talk about Jeremy's blog post Sea Change, his view

  • Looking for a Frontpage alternative (web design IDE) 2011-05-16

    Possible Duplicate: Basic Web Development IDE/Editor like Dreamweaver? Is there any Frontpage alternatives out there I can use? Please list any and all alternatives available with a recommendation per answer. --------------Solutions------------- Ther

  • What are the responsibilities of a web designer 2011-06-02

    HI All - I am a Coldfusion developer with over 2 and half years of experience. I have some experience with Javascript, jquery and sql. I was thinking to learn Web designing too in my free time. What are the responsibilities of a Web designer? Does it

  • Web design software 2012-04-03

    Possible Duplicate: Basic Web Development IDE/Editor like Dreamweaver? what software do you use, or you recommend me using for designing web pages? I don't mean WYSIWYG software, but more like adobe photoshop. I'm aware of gimp, but i don't like the

  • Paul Boag Introduces How to Build a Successful Web Design Business 2012-04-12

    While escaping your 'evil' boss and starting your own web design business may sound like a dream, in reality it can be a lot of hard work! Here Paul Boag, world renowned web designer, speaker, pod-caster and author, introduces his new 12-part video c

  • Surviving in a Crowdsourced, Do-it-Yourself Web Designing World 2012-09-25

    In my last few articles, I've talked about how low-cost DIY solutions and crowdsourced design have contributed to the commoditization of web design. Crowdsourcing, according to the man who first coined the term, is: - any time a company makes a choic

  • We Talked Responsive Web Design with the Experts 2013-03-20

    This morning (Down Under) I ran another in our series of free Talk with the Experts chat sessions. This time the subject was Responsive Web Design and the experts were Craig Sharkie & Andrew Fisher – authors of JumpStart Responsive Web Design. You ca

  • Google Web Designer: the Review 2013-10-10

    Google Web Designer seemingly appeared from nowhere. The company launched the free HTML5 development application at the start of October 2013 during an interesting time in the WYSIWYG tools market- Flash does not have a future. Despite this, many adv

  • Google Web Designer or Adobe Edge Animate Alternative for Linux? 2013-11-25

    GWD and Edge Animate have been very helpful on Windows, but I haven't came across anything uniquely close for Linux. I've used Amaya and Kompozer for months and has been fairly helpful. However I'd like to see something like GWD or Edge Animate avail

iOS development

Android development

Python development

JAVA development

Development language

PHP development

Ruby development


Front-end development


development tools

Open Platform

Javascript development

.NET development

cloud computing


Copyright (C), All Rights Reserved.

processed in 0.681 (s). 13 q(s)