Adobe CS5, Mac, ES 65059452 User Manual
Product codes
65059452
4
Adobe Dreamweaver CS5
What’s New
Enhanced CSS inspection tools
By separating page markup (HTML) from the actual presentation of the content (CSS), web designs
have become much more flexible and adaptable. However, for seasoned professionals and novices
alike, there is a need to understand how page elements relate to one another, as well as to have the
freedom to iterate and experiment with their page designs in real time. With enhanced CSS tools
and Live View, Dreamweaver CS5 gives you more control without having to leave your editing
environment, even giving you the ability to view any link state and change text size—tasks that
previously required a browser.
have become much more flexible and adaptable. However, for seasoned professionals and novices
alike, there is a need to understand how page elements relate to one another, as well as to have the
freedom to iterate and experiment with their page designs in real time. With enhanced CSS tools
and Live View, Dreamweaver CS5 gives you more control without having to leave your editing
environment, even giving you the ability to view any link state and change text size—tasks that
previously required a browser.
The Inspect command
Develop CSS-based designs more efficiently and accurately by visually displaying the CSS box
model properties—including padding, border, and margin—in detail, without reading code or
requiring a separate third-party utility such as Firebug. For designers who are new to web design or
looking to expand their understanding of CSS, Dreamweaver CS5 makes it much easier to learn
about the properties of an HTML element. In the past, external browser-based tools were required
to visually identify page elements and their related CSS styles. This tedious process involved
previewing the page in a browser, enabling the tool or plug-in, and then exploring the document to
find the properties you wanted to change. Because this activity occurred in a browser, you had to
keep track of all the changes made, and then copy and paste them into your web documents in
Dreamweaver. In Dreamweaver CS5, you can use the Inspect command in tandem with Live View to
quickly identify HTML elements and their associated CSS styles, giving you immediate feedback.
Develop CSS-based designs more efficiently and accurately by visually displaying the CSS box
model properties—including padding, border, and margin—in detail, without reading code or
requiring a separate third-party utility such as Firebug. For designers who are new to web design or
looking to expand their understanding of CSS, Dreamweaver CS5 makes it much easier to learn
about the properties of an HTML element. In the past, external browser-based tools were required
to visually identify page elements and their related CSS styles. This tedious process involved
previewing the page in a browser, enabling the tool or plug-in, and then exploring the document to
find the properties you wanted to change. Because this activity occurred in a browser, you had to
keep track of all the changes made, and then copy and paste them into your web documents in
Dreamweaver. In Dreamweaver CS5, you can use the Inspect command in tandem with Live View to
quickly identify HTML elements and their associated CSS styles, giving you immediate feedback.
When an element is highlighted in Live View, its corresponding CSS rules and cascade are exposed
in the CSS Styles panel where they can be edited in real time, removing the need to copy from an
external tool and paste the results into Dreamweaver. When inspecting in Split view, the
corresponding HTML code—including the tag—is immediately selected.
in the CSS Styles panel where they can be edited in real time, removing the need to copy from an
external tool and paste the results into Dreamweaver. When inspecting in Split view, the
corresponding HTML code—including the tag—is immediately selected.
Dreamweaver CS5 highlights box model properties with colors so you can visually inspect individual page elements.