In this article, I'm going to show you how to edit Drupal template files using Dreamweaver.
By default, Dreamweaver cannot render drupal theme files with the stylesheet.
I will show you how to work the theme files using dreamweaver.
First, open a theme files from the core drupal themes, say for example the garland theme. Open the page.tpl.php and view it in the design view within dreamweaver.
Normally this is what we'll going to see in Dreamwaever's Design view when editing drupal template files:
To edit these, we need to link these templates files to a stylesheet that comes with every Drupal themes.
In order to do that, go to CSS styles at the left (Format>>CSS Styles>>Design Time), select Design Time on the contextual menu on the right side, that will bring us to a Design-time Style sheet dialog.
Under "show only at design time" click the plus (+) sign and locate the theme's stylesheet, in this case the style.css file.
Click OK and then now you'll see that in Design view, the render has changed and we can now work with our theme files easily.
Also, as you already notice, you'll see every style declared on this theme. Now you can edit, change the css styles the way you want.
One thing to remember about this design time in Dreamweaver is that no markup or code will be written on the template files when you're editing css file.
