Adobe Design Premium, Win, ES 65065284 User Manual
Product codes
65065284
10
Adobe Creative Suite 5 Design Premium
What’s New
More efficient CSS-based design with Dreamweaver CS5
If you’re an aspiring or novice web designer who prefers designing pages to writing code, you’ll
appreciate CSS Inspect. CSS Inspect lets you lay out web pages based on Cascading Style Sheets
(CSS) more easily—without diving into code or using additional software. For designers who are
new to web design or who want to deepen their knowledge of CSS, CSS Inspect makes it much
easier to learn about and work with CSS-based web pages.
appreciate CSS Inspect. CSS Inspect lets you lay out web pages based on Cascading Style Sheets
(CSS) more easily—without diving into code or using additional software. For designers who are
new to web design or who want to deepen their knowledge of CSS, CSS Inspect makes it much
easier to learn about and work with CSS-based web pages.
In the past, troubleshooting CSS-based page elements was not an intuitive process. First, you
previewed the web page in a browser and used a browser plug-in or utility to search for the page
element you wanted to modify. Then you viewed the element’s CSS rules and properties, noted the
desired changes, and switched back to Dreamweaver to implement them.
previewed the web page in a browser and used a browser plug-in or utility to search for the page
element you wanted to modify. Then you viewed the element’s CSS rules and properties, noted the
desired changes, and switched back to Dreamweaver to implement them.
Now you can accomplish this task seamlessly within Dreamweaver. CSS Inspect displays the CSS
box model properties—including padding, border, and margin—so you can quickly locate and
modify a CSS-based element. Simply select the element in Live View to view its corresponding CSS
rules and properties in the CSS Styles panel. Make your edits directly in the panel or in the Code
window and see the changes reflected immediately.
box model properties—including padding, border, and margin—so you can quickly locate and
modify a CSS-based element. Simply select the element in Live View to view its corresponding CSS
rules and properties in the CSS Styles panel. Make your edits directly in the panel or in the Code
window and see the changes reflected immediately.
Click Inspect in the Dreamweaver Document toolbar or Control-click and choose Inspect from the context-sensitive menu to
easily troubleshoot CSS-based page elements. Dreamweaver CS5 highlights box model properties with colors so you can
visually inspect individual page elements.
easily troubleshoot CSS-based page elements. Dreamweaver CS5 highlights box model properties with colors so you can
visually inspect individual page elements.
Extend the reach of your designs to new media without writing code
When designers collaborate with developers to produce interactive content, they sometimes have
to compromise their creative vision. With CS5 Design Premium, designers can work on interactive
content and media-rich projects themselves using familiar tools, skills, and design processes—and
without touching a line of code. Here are just two ways you can design and deliver your work in
digital media using skills you already have:
to compromise their creative vision. With CS5 Design Premium, designers can work on interactive
content and media-rich projects themselves using familiar tools, skills, and design processes—and
without touching a line of code. Here are just two ways you can design and deliver your work in
digital media using skills you already have:
• To craft interactive content that adds depth and impact to web pages, create artwork in
Photoshop or Illustrator, and then use new Flash Catalyst to define interactions for elements
such as buttons, sliders, and scrollbars. When you’re finished, export the interactive content as
a SWF file. With Flash Catalyst, you can also design user interface elements for websites or
applications and even create Adobe AIR® applications that run from the desktop.
such as buttons, sliders, and scrollbars. When you’re finished, export the interactive content as
a SWF file. With Flash Catalyst, you can also design user interface elements for websites or
applications and even create Adobe AIR® applications that run from the desktop.