Datasheet

Adobe Dreamweaver CS4 — What’s New 3
Prefer to work at the code level? e new Code Navigator pop-up window shows you links
to all the CSS code sources that aect your current selection. A click in either Code or
Design View brings up the Code Navigator, which displays CSS rules and their denitions.
CSS best practices
Implement CSS best practices without writing code. e new CSS tab in the Properties
panel shows the styles for the current selection as well as all the applicable CSS rules. Hover
over any property to view a tool tip with no-jargon English explanations of CSS principles.
New CSS rules can be created and applied in the Properties panel and stored in the same
document or an external style sheet. Dreamweaver CS4 even gives you control over the
specicity of your rule: Just click Less Specic or More Specic in the updated New CSS
Rule dialog box to target your style precisely.
Code hinting for Ajax and JavaScript frameworks
Write JavaScript more quickly and accurately with improved support for JavaScript core
objects and primitive data types. Advanced code-hinting functionality helps you power
through your code, whether you’re adding functions to dened primitive data types
(including Object, Array, Number, RegExp, or String) or DOM objects such as Window,
Screen, Document, or Event. Dreamweaver CS4 also extends code-hinting muscle to your
most advanced custom functions with support for parameters, class constructors, and
nested objects, updated in real time as you modify your related JavaScript les.
Put the extended coding functionality of Dreamweaver CS4 to work by incorporating
popular JavaScript frameworks including jQuery, Prototype, and Spry. Simply attach the
appropriate external JavaScript les, and Dreamweaver automatically displays code hints on
demand. Built-in syntax error detection helps you cra the bulletproof code you need—the
rst time, and every time.
Onceyou’veincludeda
framework source le like
prototype.js,codehinting
for framework methods
and functions are
automatically available.
SwitchtoCSSontheredesignedProperties
panel to quickly modify existing CSS rules or
create new ones.