1 / 12

What’s New In Dreamweaver CS5

What’s New In Dreamweaver CS5. Classic View vs. Designer view. Classic view puts Insert panel at top, giving you more room in the right section for the File pane and the CSS pane Designer view is default. Site Definition. First step in any version of Dreamweaver is to define the site

avani
Download Presentation

What’s New In Dreamweaver CS5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. What’s New In Dreamweaver CS5

  2. Classic View vs. Designer view • Classic view puts Insert panel at top, giving you more room in the right section for the File pane and the CSS pane • Designer view is default

  3. Site Definition • First step in any version of Dreamweaver is to define the site • Same information as previous versions, but in different places • Allows you to work with multiple servers • Same site can be published to either Development or Production server • If you designate a testing server, standard Browser Preview is disabled • You can access it directly from the File Pane

  4. Site Definition: Multiple Servers

  5. Split view • Code/Design view now splits vertically • To revert to horizontal: • View> Turn off split vertically

  6. Disable individual lines of CSS • Window>CSS Styles>Current tab • Move cursor to left of rule, then left-click • Will temporarily disable line of CSS • Comments out line • /* [disabled]line-height: 1.3em; */ • Click again to enable • Right-click>Go to Code to see the code

  7. CSS Inspect mode • Inspect button just to right of Code/Split/Design buttons • Blue – actual element • Yellow – margins • Magenta – padding • “Switch now” Turns on Live View, Split view, CSS Styles pane • Highlights code and CSS for each element

  8. Changing CSS in Inspect Mode • Right click element and choose “Freeze Javascript” • Manipulate elements in right column CSS pane

  9. BrowserLab • CS Live>BrowserLab Preview • 12 month free preview • Need to be registered at Adobe site for CS Live • Takes screenshots of page in IE6-8, FF2-3, Safari, Chrome • 2-up lets you see them side by side • Won’t always pull in SSIs

  10. Widget Browser • A separate application • Download it from Widget icon • Launch it from same button • If you like it, add it to My Widgets • From there it can be configured • After it’s added to My Widgets, you can insert it from Insert panel

  11. Site reports • Available in CS3-4 as well • Windows>Results>Site Report • Click Play icon to run it • Choose Current Document or Entire Current Local Site • Choose report • Missing Alt tags, Untitled documents particularly important • Click report item to be taken to document error

  12. Broken Link Reports • Available in CS3-4 as well • Windows>Results>Link Checker • Checks hyperlinks and image links • Click Play icon to run it • Choose Current Document or Entire Current Local Site • Click broken link to repair it

More Related