Datasheet

Adobe Dreamweaver CS4 — What’s New 2
Top new features
•LiveView(Page2)
•RelatedFilesandCodeNavigator(Page2)
•CSSbestpractices(Page3)
•CodehintingforAjaxandJavaScript
frameworks(Page3)
•AdobeInContextediting(Page4)
•HTMLdatasets(Page4)
•PhotoshopSmartObjects(Page4)
•Subversionintegration(Page5)
•AdobeAIR™authoringsupport(Page5)
•Newuserinterface(Page6)
With Dreamweaver CS4, you can:
Create next-generation web experiences. Work in a real-world view of your CSS,
JavaScript, and other dynamic, rich media content directly in Dreamweaver CS4. Navigate
precisely from a selected page element to its code, regardless of where it is located. Integrate
third-party web widgets from the most popular JavaScript frameworks into your pages.
Learn best practices. Design visually with CSS best practices. Create Ajax-driven interac-
tivity while supporting accessibility and best practices in your completed pages.
Take control of your content. Enable content authors to update web pages directly in their
browsers. Add dynamic data to your site without a database or complex coding.
Top new features of Dreamweaver CS4
Adobe Dreamweaver CS4 extends the reach of professional coders, designers, and develop-
ers with a full complement of new features.
Live View
View your web pages under real-world browser conditions with the new Live View—while
still retaining direct access to the code. is new rendering mode, which uses the open-
source rendering engine WebKit, displays your designs like a standards-based browser.
Changes to the code are immediately reected in the rendered display.
However, Live View is no ordinary static viewport. Trigger your CSS-based navigation to
view hover states or pull-down submenus, and freeze your page at any point to review the
generated code. Dreamweaver CS4 combines the beauty of real-world rendering with the
brains of interactive coding.
Related Files and Code Navigator
Dreamweaver CS4 introduces two new features that will help you more eciently manage
the various les that make up the modern web page. e Related Files feature displays all
the documents associated with your current page—whether CSS, JavaScript, PHP or
XML—in a bar along the top of your primary document. Click any related le to edit its
source in Code View while viewing the parent page in Design View. Changes made to the
related le code are immediately reected in Design View.
Combine Live View with Live Code to reveal code as rendered in an interactive state, like hovering over and
selecting a Spry data image. Armed with these details, you can quickly modify relevant CSS rules.