The toolbar lists the names of each linked file, and clicking the file’s name shows you the code for that file. The new Related Files toolbar appears when you open a Web page that uses external CSS, JavaScript, or server-side programming files. The biggest innovations in Dreamweaver CS4 are aimed at designers who are as comfortable working in code view as in the program’s visual design view.

So if you make changes in Photoshop, you can, with a click of the Update from Original button, pass those changes onto the Web version of the graphic.įrom its earliest days, Dreamweaver’s focus on visual design has been greeted with skepticism by the “code-it-by-hand” Web designer community. Not only does Dreamweaver let you optimize a Photoshop file, resize it, and even crop it before inserting it into a Dreamweaver page, the new Web version of the graphic remains linked to the original PSD file. Dreamweaver CS4 expands on this power by adding support for Smart Objects-Web-ready images with live links to original Photoshop (PSD) documents. The program provides multiple spacing-saving ways to organize panels and windows and lets you create a comfortable work area whether you’re a small business using a 17-inch monitor or a designer using side-by-side 21-inch displays.ĭreamweaver CS3 was the first version of the program to let you insert and optimize Photoshop files directly within Dreamweaver. However, you can move windows and customize panels to create the most optimal working environment to suit your needs. In Dreamweaver CS4, panels and windows are arranged together in a unified whole by default underneath a new Application Bar that spans the monitor.

The interface, familiar since the Macromedia days, has been replaced to better align with the look and functionality of Photoshop ( ), Illustrator, and Flash.

With CS4, Dreamweaver is no longer a distant cousin of the other members of the Creative Suite family.

But the most significant additions to the program are aimed squarely at Web developers building sites that rely as much on JavaScript as they do on HTML and CSS (Cascading Style Sheets). The latest version adds to features introduced in Dreamweaver CS3 ( ) (Photoshop Integration and Spry JavaScript tools for building interactive interfaces, for example) and also presents a completely revamped interface that more closely resembles other products in the Creative Suite. Adobe Dreamweaver CS4 is a solid upgrade to an already impressive Web site design program.

Cs3 photoshop review