Datasheet
4
Part I
Laying the Groundwork in Dreamweaver CS4
Overall, if I had to sum up my impressions of Dreamweaver CS4 in one word, it would be “profes-
sional.” Dreamweaver has truly stepped up its game to keep pace with the shifts in the Web design
climate while at the same time remaining accessible to the full spectrum of developers. That’s the
attitude of a true professional, and Dreamweaver CS4 has it in spades.
New Workflows
Perhaps the most visionary aspect of Dreamweaver CS4 is the enhanced workflow made possible by
three interconnected features: Live view, Related Files, and Code Navigator. Designed to accommo-
date the needs of the more code-centric designer, the new workflow in Dreamweaver CS4 combines
real-world browser rendering with direct code access across the full range of associated documents
that increasingly make up today’s Web page.
Live view displays the current page just like a modern browser such as Apple’s Safari or Google
Chrome. It should: Live view uses the same open source engine, WebKit, as those browsers. With
the new Related Files bar, the code in linked files—whether external CSS, JavaScript framework,
or server-side include—is just a click away. Remarkably, with the one-two punch of Live view and
Related Files, you can freeze JavaScript to review and modify the interactive states of your code, as
shown in Figure 1-1.
FIGURE 1-1
Inspect interactive states like menu rollover with Live view’s Freeze JavaScript option.
82523c01.indd 4 2/18/09 1:21:56 PM