OK as a web designer, you might expect me to use Dreamweaver, and as a web developer, you might expect me to hand code. However, I think Dreamweaver is a by far the best tool for combining the two. This article is not an advert for Dreamweaver, Adobe are not paying me (I wish) it is merely an explanation as to why I use it.
In 1998 I began using Dreamweaver (back then it was Macromedia Dreamweaver version 1.2. This was the latest version). It was easy for a beginner to pick up basic web design principles using the WISIWIG interface. It really was a case of What You See Is What You Get.
I suppose this was the initial joy in building websites. You designed on screen your images and text and when uploaded – things looked the same. I used a design based on tables and nested tables that allowed me to place my content and images practically anywhere on the web page.Â My first attempts were basic, but functional. As the web evolved and my knowledge and expertise grew Dreamweaver grew with me. I learned how to use many more features as they became available, and found myself much more of the time in CODE view.
The design progress over the years.
The following image shows the website fitnessfiesta.com from 2001, 2004 and 2006. The website changed to reflect current website design trends.
By 2006 the site had a major redesign. I used a more modern navigation.
This brings us to the site today. It had another major redesign in 2008. I moved the site into PHP instead of HTML.
This allowed the content of the website to be driven from a MySQL database instead of static HTML web pages.
The benefits of using a dtabase is the ease to make quick changes to the website as new events are added or passed.
The benefits of keeping a website current and updated is of great advantage to your customers and also Google, who can see the website is regularly updated.
Dreamweaver is not the only software in web development, but it is my favourite. In my view, the beauty of Dreamweaver, now under the ownership of Adobe not Macromedia. The on page view renders CSS so that it is simple to switch from code to design view and vise versa. In the beginning it was not only the temptation to stay in design view, but neccessary.
These two screen shots show the same thing, just one in Design View and one in Code View:
As you can see, there are many features to this web devlelopment software.
It is easy to talk about the features of Dreamweaver for almost an eternity. What I would rather discuss is how it has helped me with the transition from web designer to developer. As the internet has progressed, the skill set of the designer and developer has had to grow with it. Whilst you could knock up a half decent website with a basic knowledge of HTML and a working knowledge of Dreamweaver, now there is so much more. Ecommerce design needs to run from a database, CSS helps ensure accessibility, and keeping code clean and simple.
Now any website designer that uses Dreamweaver can make the switch to web developer and the software is still the same and enables a smooth transition from designing static ‘brochure style’ website’s to dynamic database driven websites. Dreamweaver allows the web developer grow their skill set to cover PHP, ASP and Coldfusion programming languages.