Code vs. Design?

Hi all…

This is my first post, so be gentle, but what is the benefit of using code (I use Dreamweaver) versus design…Is it a personal thing?

That is an excellent question, Ryan. The main benefit of handcoding over using a WYSIWYG tool like Dreamweaver is that you can optimize your web pages to suit your own needs. You can “streamline” the code, cutting-out unecessary stuff to reduce page-loading times. You can also move important content to the top of a page, where it is more accessible and search-engine friendly, and then use CSS to place it wherever you want it to go.

One important thing though - you really need a thorough understanding of HTML and CSS to make a lot of difference when it comes to optimization. The performance gains are minimal; an optimized page may load in half the time, but that saving is only really sigificant in high-traffic sites.

Knowing how to handcode is really essential when it comes to dynamic websites, in my opinion. WYSIWYG tools have a tendency to mix up presentation and content with programming logic, which makes pages extremely difficult to debug and maintain.

In fairness to WYSIWYG editors, they have their advantages too. For example, it is possible to create pages very quickly. They can also function as a rudimentary content management system, making it possible for non-web savvy people to contribute to a page (although a proper CMS is a better way to go).

Simon Jessey
Keystone Websites | si-blog

Thanks a bunch…That put a lot in perspective. I mainly use design, but I am learning code as I progress and I can understand the advantage…Sometimes I want to pull my hair out when I am designing…

Again, Thanks!


I love the split design option in Dreamweaver. To me, I think it’s rather a personal taste if one likes strict coding or not. Just whatever works best for that particular person. :slight_smile:

I’m afraid I cannot agree with you there, although much depends on what you mean by strict.

Using a “strict” version of HTML is a personal choice over using a “transitional” version, but strict adherence to web standards (which includes the ideology of keeping the content, presentation, and behavior of a document separate from one another) yields excellent results with search engines, accessibilty, and document re-purposing. A Dreamweaver-derived document is extremely unlikely to achieve those goals; however, it is perfectly capable of creating a document that looks and functions as well as a hand-coded, standards-based equivalent.

Simon Jessey
Keystone Websites | si-blog