Lightroom 3 is out »

Recommend Hand Coding over Code Generators

We recommend that you learn to hand-code you HTML pages, rather than have software generate HTML code.

There are a graphical software such as Photoshop and Fireworks that can take your design and generate HTML code for you. In general, the code that is generated by those software are often using table-based layout and is not very clean code. Those code will be hard to maintain and update if you ever want to change the website in the future (which is almost a certainty).

WYSIWYG editors also generates HTML code. That is not to say that you should not use tools such as Dreamweaver. Dreamweaver has an WYSIWGY editor as well as a code view. We highly recommend Dreamweaver as the editor of choice for coding HTML due to many of its productivity enhancing tools. However, we recommend hand-coding in the "Code View" of Dreamweaver rather than using relying on the WYSIWYG editor in the "Design View" of Dreamweaver to generate code for you.

In order to have clean efficient code that can be easily-maintained, it needs to be hand-coded properly. Code generators are not intelligent enough to write out this type of code for you.

At the end of Chapter 8 of The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques, Corrie Haffly writes ...

"ImageReady’s code generators are notorious for creating some pretty ugly code, which simply won’t cut it if you’re aiming for clean, semantic markup, and a CSS-based layout. While generators may be improved in the future, currently, most web developers find it easier to write their own code, and use Photoshop and ImageReady purely for graphical purposes."

The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques

The book covers elements of Photoshop from the ground up from chapter 1 "Getting Started with Photoshop" to chapter 9 "Advanced Photoshop Techniques".

Chapter 3: "Creating Buttons"
Chapter 7: "Manipulating Images"
Chapter 8: "Designing a Website"