Buy. Download. Create. Get Photoshop now at the Adobe Store.
Try before you buy. Download any Adobe product for a free 30 day trial.
The Photoshop Blog offers the latest Photoshop news and software updates, Photoshop tips and tutorials, and random thoughts from graphic artist and Photoshop expert Jennifer Apple.
Adobe Dreamweaver CS5 New Features List
April 12, 2010
Here is a list of new features for Adobe Dreamweaver CS5. See our Dreamweaver CS5 Resource Center for free Dreamweaver CS5 Tutorials & Videos, and the free Dreamweaver CS5 30-day trial download.
Dreamweaver CS5 New Features
Adobe Dreamweaver CS5 software offers a comprehensive integrated environment in which to design, develop, test, and deploy websites and applications of all flavors—spanning the gamut from the simplest, static HTML page to complete sites built upon complex dynamic application frameworks.
Dreamweaver CS5 streamlines both front-end and back-end development tasks with ease. With a set of integrated tools available directly in the authoring environment, Dreamweaver CS5 increases your productivity and virtually eliminates the need for external third-party browser-based tools.
Creative professionals can jump-start the design process with updated CSS starter layouts and leverage enhanced CSS features for increased control and creative flexibility. Developers benefit from interacting directly with their database-driven applications and Ajax interface elements, including testing individual states of a page or application throughout the development process. With many compelling new features, Dreamweaver once again raises the bar on productivity and efficiency for web designers and developers alike.
Support for PHP-based content management systems
With authoring and testing support for third-party PHP-based content management systems (CMS) like WordPress, Joomla!, and Drupal, Dreamweaver CS5 delivers a professional development environment for creating robust websites. Dynamically Related Files provides direct access to the assets necessary for these complex systems, including dynamically generated pages and content. New Live View Navigation allows you to explore the various states of your dynamic applications and pages—even those already deployed on a live server.
Dynamically Related Files
One of the biggest challenges in developing sites with a web-based content management system such as Wordpress, Joomla!, or Drupal is understanding how a page will look when finally assembled. This is primarily because a page itself is generated dynamically by the CMS from any number of individual pieces, known as includes, and is dependent on server-side logic to be viewed in a browser.
The Dynamically Related Files feature in Dreamweaver CS5 helps you access files and update pages faster, as well as simplify management tasks for complex sites. With a single click, you can direct Dreamweaver to discover all of the external files and scripts necessary to assemble the page and display their filenames in the Related Files toolbar. With Live View enabled, Dreamweaver renders the page as it will appear in standards-compliant browsers, complete with dynamic, database-driven content and server- and client-side logic.
Even the simplest pages in many of the popular CMS frameworks and themes have numerous dynamically related files, making it difficult to find the particular related files you need. With the ability to filter file types or use a wildcard expression, Dreamweaver lets you focus specifically on the files that you want to edit. If a related file doesn’t exist locally, Dreamweaver CS5 shows a prompt, and allows you retrieve the file from the server with a single click.
This image shows an html page in Internet Explorer 7 (left) and Internet Explorer 8 (right). You can clearly see the JavaScript bug displayed in the Columns menu in IE 7. The ability to freeze JavaScript locally and then preview the page in a large variety of browsers and operating systems using Adobe BrowserLab makes it easier for you to find bugs and browser rendering differences.
Live View navigation
Live View navigation expands upon the Live View feature introduced in Dreamweaver CS4 and allows you to quickly and accurately check your code and your CMS design themes. With Live View navigation enabled, not only can you view a page as it is rendered in standards-compliant browsers, but links are active, allowing you to interact with server-side applications and dynamic data.
In addition to the rendered Live View of the page, Live Code highlights changes as they happen, allowing you to quickly locate the dynamically loaded data or code changes triggered by JavaScript. At any stage of development, Live View navigation also allows you to enter a URL to inspect pages served from a live web server and easily edit pages you have browsed to if they exist in one of your locally defined sites.
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.
View, access, and edit any file related to your PHP-based site or content management system with Dreamweaver CS5.
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.
Adobe Dreamweaver CS5 What’s New
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.
CSS enable/disable
Quickly and easily disable and re-enable CSS properties directly from the CSS Styles panel in Dreamweaver CS5. Disabling a CSS property simply comments out the specified property without actually deleting it, and the affected property is no longer rendered. This convenient option for toggling CSS properties on and off, coupled with the ability to inspect CSS, allows you to remain in your editing environment throughout the development process, eliminating the time-consuming process of previewing in the browser and troubleshooting with browser-based tools.
CSS starter layouts are now color-coded—liquid layouts are in shades of blue, and fixed layouts are in earth tones.
Integration with Adobe BrowserLab
Dreamweaver CS5 integrates with Adobe BrowserLab, one of the new CS Live online services*, which provides a fast and accurate solution for cross-browser compatibility testing. Whether you are new to web design or a seasoned professional, you can use BrowserLab to preview web pages and local content with multiple viewing and comparison tools, customizing sets of browsers to meet your project’s requirements.
While working within Dreamweaver CS5, you can interact with your page in Live View, including the ability to freeze JavaScript-triggered interactions, and then send this “snapshot” of the page directly to BrowserLab for an accurate preview in the specific browsers and operating systems you’ve chosen. For traditional designers who want to understand how the various browsers and browser versions render their content, Onionskin view in BrowserLab allows you to overlay the same page in two different browsers or browser versions to easily spot differences.
Enhanced support for Subversion
With Dreamweaver CS5, you can manage files more effectively in collaborative, version-controlled environments with enhanced support for Subversion, an open-source version-control system. In Dreamweaver CS4, Subversion support was limited to the most basic functions of locking and unlocking files and generating status updates. Dreamweaver CS5 expands support for Subversion, allowing you to move, copy, and delete files locally, and then synchronize changes with your remote SVN repository.
The new Revert command allows you to quickly correct tree conflicts or roll back to a previous version of a file. From the Repository View of the Files panel in Dreamweaver CS5, you can reduce clutter by directly performing svn:ignore commands to hide files you don’t need to access. To ensure future compatibility, the built-in Subversion libraries in Dreamweaver CS5 are designed to be updated by the Adobe Extension Manager. As newer versions of the Subversion libraries become available, they will be made available to the public as free extensions at Adobe Exchange at www.adobe.com/cfusion/exchange.
The new Site Setup dialog box shows you all you need to get started with a new website design: a site name and a local site folder. As your site development progresses, Dreamweaver CS5 will prompt you for additional information needed for the site definition, such as the name and location of the FTP server (to put the files online for viewing), or a staging server (to view the files locally before putting them online).
PHP custom class code hinting
Display proper syntax for PHP functions, objects, and constants to help you write code more accurately. Dreamweaver CS5 provides enhanced PHP code hinting on the fly by dynamically parsing PHP code and updating it as you type—even with code that hasn’t yet been saved to disk. The code hints for PHP core functions and objects include the function signature, the module that defines the function, a description tooltip that mentions the PHP versions in which it is available, the method and parameter descriptions, and a link to the PHP.net manual page.
Code hinting also works with your own custom functions and classes, as well as with third-party frameworks such as the Zend Framework. Dreamweaver CS5 dynamically highlights errors and provides alerts in the Information bar to help you more efficiently find and fix errors in your PHP code.
Site-specific code hints
As sites become more and more customized, especially those built using content management systems and/or custom plug-ins, the need to edit customized code efficiently becomes more important than ever. Site-specific code hints within Dreamweaver help you to more efficiently handle PHP coding tasks on a site-by-site basis. Theme files for blogs and other custom PHP files and directories can be included (or excluded) to customize the coding environment of Dreamweaver CS5 when working with third-party PHP libraries and CMS frameworks such as WordPress, Drupal, and Joomla! and others. For robust code hinting, you can also specify files and even folders located outside of the defined site root.
Enhanced CSS starter layouts
Jump-start your standards-based website design with updated and simplified CSS starter layouts. Based on user feedback and constantly evolving CSS best practices, the CSS starter layouts have been completely rewritten. For example, complex descendent selectors have been removed in favor of simplified, easy-to-understand classes, and the overall structure of the documents has been revamped.
To help ensure success with the new layouts, instructions and comments are included both in the CSS code and the text of the document. Regardless of your experience, CSS starter layouts speed your development time by providing a variety of solid structures upon which to build your designs. For print designers and others just making the move to web design, CSS starter layouts can dramatically speed up the learning process.
Simple site setup
To help make setup faster and easier, the Site Definition dialog box has been extensively redesigned, implementing many improvements suggested by web designers and developers who use Dreamweaver on a regular basis. You can start with as much or as little detail as you like— even with just a site name and local site folder—and Dreamweaver will prompt you for the remaining details as they’re needed as you build your site. For more advanced projects, you can specify multiple servers with custom names to utilize staged, networked, or other server types.
Integration with Adobe Business Catalyst
In today’s competitive environment, your clients demand more from their websites—they want true business results. With the Adobe Business Catalyst® extension for Dreamweaver (available separately and in English only) and the Business Catalyst online service* (available separately) you can deliver powerful online businesses without programming and at a fraction of the time and cost—all from within your familiar Dreamweaver workspace.
Business Catalyst is an online service that can replace as many as five or more applications and tools with a single central platform for web designers that works hand in hand with Dreamweaver through the Business Catalyst extension for Dreamweaver. Using the unified platform and without back-end coding, you can build everything from amazing websites to powerful online stores, and from beautiful brochure-ware sites to lead generating mini-sites.
Buy Directly From Adobe's Online Store
Find upgrade options and Creative Suite deals at the Adobe USA Store. Visit the Adobe Special Offers Page to find the latest offers. Get up to 80% off at the Adobe Education Store.
Adobe Dreamweaver CS5 Tutorials & Resources
See our Dreamweaver CS5 Resource Center for free Dreamweaver CS5 Tutorials & Videos, and the free Dreamweaver CS5 30-day trial download.
posted by Jennifer Apple | permalink | RSS feed | bookmark | comment | twitter
Photoshop CS5 & Photoshop CS5 Extended - Best Deals From Adobe
Adobe Photoshop CS5 delivers breakthrough capabilities to help you create images with impact. Refine your
images with reengineered photography tools for removing noise, adding grain, and creating high dynamic
range (HDR) images. Get precise results when making complex selections. Remove any image element and
see the space fill in almost magically. Paint with naturally textured brushstrokes and realistic color blends. Learn more about Photoshop CS5.
Adobe Photoshop CS5 Extended software helps you create the ultimate images
for print, the web, and video. Enjoy all the state-of-the-art editing, compositing,
and painting capabilities in industry-standard Photoshop CS5, and experience
fast performance thanks to cross-platform 64-bit support. Also create 3D extrusions
for logos, artwork, and motion graphics; edit 3D objects with advanced tools; and create and enhance motion-based content. Learn more about Photoshop CS5 Extended.
Find CS5 upgrade options and Creative Suite 5 deals at the Adobe Store. See CS5 pricing in UK currency at the Adobe UK Store. Visit the Adobe Special Offers page to find the latest deals. Save 80% on Adobe Student Editions. Try before you buy — download a free Photoshop CS5 trial.
Adobe Creative Suite 5 Design Premium
Adobe Creative Suite 5 Design Premium software gives you fresh new creative tools, along
with the ability to deliver ideas faster in print and create interactive content without writing
code. Plus Design Premium integrates with Adobe CS Live online services to maximize
your design time by streamlining critical nondesign tasks.
Adobe Creative Suite 5 Design Premium combines Adobe InDesign CS5, Photoshop CS5 Extended, Illustrator CS5, Flash CS5 Professional, Dreamweaver CS5, Fireworks CS5, and Acrobat Pro with additional tools and services. Download a free CS5 Design Premium 30 day trial.
Photoshop CS5 Tutorials & CS5 Resources
See our Photoshop CS5 Resource Center for Free Photoshop CS5 Tutorials, and the Free Photoshop CS5 Trial Download. See our Photoshop CS4 Resource Center for Free Photoshop CS4 Tutorials.
Exclusive 15% Discount On All Topaz Plugins - Use Coupon Code PHOTOSHOPSUPPORT - Includes Bundles And Upgrades
Enter our exclusive discount coupon code PHOTOSHOPSUPPORT during the checkout process at Topaz Labs for an instant 15% discount on any Topaz product, including bundles and upgrades.
Topaz Labs Photoshop plug-ins are specifically designed to expand a photographer's creative toolbox by harnessing powerful image technology developments. Photographers everywhere are now taking advantage of the creative exposure effects, artistic simplification, unique edge manipulation, and top-of-the-line noise reduction offered in Topaz products. The Topaz Photoshop Plugins Bundle is a super powerful Photoshop plugins package that includes the following Topaz products:
Topaz Adjust
Deliver stunning and dynamic images with this uniquely powerful plug-in that features HDR-like abilities and enhances exposure, color and detail.
Topaz Detail
A three-level detail adjustment plug-in that specializes in micro-contrast enhancements and sharpening with no artifacts.
Topaz ReMask
The fastest and most effective masking and extraction program with one-click mask refining.
Topaz DeNoise
Highest-quality noise reduction plug-in that removes the most noise and color noise while preserving the most image detail.
Topaz Simplify
Provides creative simplification, art effects, and line accentuation for easy one-of-a-kind art.
Topaz Clean
Take control of the detail depth of your images with extensive smoothing, texture control and edge enhancement tools.
Topaz DeJPEG
Drastically improves the quality of web images and other compressed photos.
Learn more about the Topaz Photoshop Plugins Bundle. Download a free trial version.
Exclusive onOne Software 15% Instant Discount Coupon
Enter our exclusive discount coupon code - PSSPPT06 - during the checkout process at onOne Software for an instant 15% discount on any onOne product. This includes Genuine Fractals and their amazing Photoshop Plug-In Suite.
OnOne’s new Plug-In Suite solves six of the most frequent problems photographers will encounter in Photoshop. This suite has been granted American Photos Magazine’s Editor’s Choice award for Top Image Editing Software. The Plugin Suite includes:
Genuine Fractals Pro is renowned by both photographers and printers for its finesse at increasing images to more than ten times their original size while maintaining the sharpness and detail you started with. Think of this as the industry standard for image resizing.
Mask Pro is used to remove the tough stuff — such as hair, smoke and glass — while retaining the fine detail. You choose what colors to keep, then paint away what you don’t need.
PhotoTools Pro packs hundreds of high-calibre photographic effects into one user-friendly plug-in. It’s fast and easy to use. Gives your photos that pro quality look.
PhotoFrame Pro lets you enhance your pictures with hundreds of such design effects, or simply drop your image into a pre-fab layout in Photoshop, Lightroom or Aperture.
FocalPoint helps to control focus and minimize visual noise. Draw the eye to specific points in your images by using selective focus, depth-of-field and vignette effects.
PhotoTune lets you can compare images side-by-side and easily color correct and enhance them. PhotoTune optimizes the dynamic range, color and sharpness of your image without the need to know all the complicated controls in Photoshop like levels and curves.
Simply enter our exclusive discount coupon code - PSSPPT06 - during the checkout process at onOne Software for an instant 15% discount on any onOne product.
Nik Software 15% Instant Discount - Exclusive 15% Coupon
Enter our exclusive discount coupon code - NIKPSS - during the checkout process at Nik Software for an instant 15% discount on any Nik Software product. This exclusive discount coupon code can be applied to all the latest Nik Software Photoshop plugins, including Silver Efex Pro, Color Efex Pro, Viveza, Sharpener Pro, and Dfine.
Color Efex Pro
52 photographic filters with over 250 effects for professional quality images.
Completely Original. Completely Indispensable.
Nik Software Color Efex Pro filters are the leading photographic filters for digital photography. The award-winning Color Efex Pro filters are widely used by many of today's professional photographers around the world to save time and get professional level results. Whether you choose the Complete Edition, Select Edition, or Standard Edition, you’ll get traditional and stylizing filters that offer virtually endless possibilities to enhance and transform images quickly and easily.
Patented U Point technology provides the ultimate control to selectively apply enhancements without the need for any complicated masks, layers or selections. Control color, light and tonality in your images and create unique enhancements with professional results. With 52 filters and over 250 effects found in Color Efex Pro, you can perform high quality retouching, color correction, and endless creative enhancements to your photographs. Download a free Trial version.
Viveza
The most powerful tool to selectively control color and light in photographic images without the need for complicated selections or layer masks.
Two of the most important factors in creating great photography are color and light. Mastering the art of selectively correcting or enhancing each of these is now possible for every photographer without the need for complicated masks or selections, or expert-level knowledge of Photoshop. Integrating award-winning U Point technology, Viveza is the most powerful and precise tool available to control light and color in photographic images.
U Point powered Color Control Points, placed directly on colors or objects in an image (such as sky, skin, grass, etc.), reveal easy-to-use controls that photographers can use to quickly adjust brightness, contrast or color in a fraction of the time needed by other tools. With Viveza you’ll spend more time shooting photographs and save hours of image editing. Download a free Trial version.
Silver Efex Pro
Complete power and control to create professional quality black and white images in one convenient tool.
Silver Efex Pro from Nik Software is the most powerful tool for creating professional quality black and white images from your photographs. For the first time, all the advanced power and control required for professional results have been brought together in one convenient tool.
Featuring Nik Software’s patented U Point technology to selectively control the tonality and contrast of the image, Silver Efex Pro includes advanced imaging algorithms to protect against unwanted artifacts, a comprehensive collection of emulated black and white film types, a variable toning selector for adding traditional toning techniques, over 20 one-click preset styles, and a state-of-the-art grain reproduction engine that help produce the highest quality black and white images possible from your color images while providing more freedom to experiment. Download a free Trial version to use Silver Efex Pro.
Enter our exclusive discount coupon code - NIKPSS - during the checkout process at Nik Software for an instant 15% discount. This exclusive discount coupon code can be applied to all the latest Nik Software Photoshop plugins, including Silver Efex Pro, Color Efex Pro, Viveza, Sharpener Pro, and Dfine.
Photoshop Masking Plugin Fluid Mask - Exclusive Instant Discount
The 4 1/2 out of 5 star review of Fluid Mask at MacWorld begins by saying that this "Photoshop plug-in takes the pain out of extracting backgrounds," and goes on to recommend the latest version, stating that "Fluid Mask is a very effective tool for separating objects from their backgrounds. It offers a variety of useful features for tackling almost any difficult image, from wispy hair to complex foliage. Online video tutorials and live training sessions help ease the learning curve."
Our friends at Vertus, the makers of Fluid Mask Photoshop Plugin, have set up a special exclusive discount for PhotoshopSupport.com. Go to our Fluid Mask page for a special, exclusive discount link.
Fluid Mask is designed for photographers, image editors, graphic designers and all those who take digital image editing seriously. In a streamlined interface and workflow, Fluid Mask instantly shows key edges in the image and provides comprehensive easy to use tools that work with difficult-to-see edges and tricky areas like trees & lattices. Fluid Mask will also preserve all-important edge information for a professional quality cut out. Go to our Fluid Mask page for more info.
lynda.com Online Training Library - View Free Video Clips
Subscriptions to the lynda.com Online Training Library provide anytime access to tens of thousands of video tutorials covering Photoshop, Illustrator, Dreamweaver, web design, digital imaging, 3D, digital video, animation, and many other topics. View free video clips.
For less than a dollar a day, members have the opportunity to stay current and keep skills sharp, learn innovative and productive techniques, and gain confidence and marketability - all at their own pace. Premium subscriptions include instructors’ exercise files so that members can follow along with the exact examples onscreen. Customers learn at their own pace and may stop, rewind, and replay segments as often as necessary. View some free video clips (high resolution).
Did You Know You Could Create An Entire Website In Photoshop?
SiteGrinder Photoshop Plugin - Create Websites Instantly
There often seems to be a strict division of labor within the world of web design and development. Creative professionals tend to stick to the Photoshop domain, while those well-versed in scripting are left to the task of implementing their work. Indeed, the two realms are quite different from each other, to which any of us even vaguely familiar with either can easily attest.
Essentially, Photoshop is a no-holds-barred design studio, offering the artist a seemingly endless array of creative options. On the other hand, HTML, CSS, Java and the like follow strict rules of engagement, requiring the developer to take any number of esoteric concerns into consideration in order to ensure that designs are properly displayed on the web.
Turn Photoshop Into A Complete Web Design Tool
SiteGrinder seeks to bridge this gap between design and development. Basically, SiteGrinder turns Photoshop into an easy-to-use and fully functional web design tool. With SiteGrinder, designers will now have the freedom to totally let their creativity loose and then, without skipping a beat, transfer their designs to the web. Bringing esthetic concerns together with more practical considerations, SiteGrinder is an amazingly powerful tool that would make a fantastic addition to any web designer's bag of tricks. Mac OS X and Windows versions of the SiteGrinder unlockable demo are available now via download.
Photoshop CS5 Essential Skills - By Mark Galer And Philip Andrews
A practical guide to creative image editing, Photoshop CS5: Essential Skills by Mark Galer and Philip Andrews will help you to master the essential features and tools of this awesome software. Broken into three parts to form a structured, self-study guide, the book covers foundation skills and more advanced techniques, with a complete section of step-by-step imaging projects so you can practice your skills and create professional-looking results.
Written by two internationally recognized authors and Adobe Photoshop Ambassadors, this established book and DVD package is fully updated with the latest CS5 features and contains vital information on optimizing photography and digital imaging workflows. Photoshop CS5: Essential Skills includes a DVD with more than 10 hours of movie tutorials and supporting files.
Read 2 free sample chapters:
Refine Edge - Best New Feature in Photoshop CS5 - Tutorial
New To Photoshop CS5 - Merge To HDR Pro - Tutorial
Find more Photoshop CS5
tutorials on our Photoshop CS5 Tutorials Page.
Photoshop CS4 Essential Skills - By Mark Galer And Philip Andrews
Brimming with beautiful pictures, Photoshop CS4 Essential Skills guides you through a project-based, progressive curriculum so that you can build all the essential skills to enhance photographs creatively and professionally with Photoshop CS4. If you are an aspiring professional or a student learning photography, digital imaging, or design graphics, you'll be amazed at the stunning results you can achieve. A DVD is included free.
The Essential Skills Photography Series from Focal Press uniquely offers a structured learning experience for photographers of all ages, with both the underlying theory and loads of invaluable 'how to' and real-life practice projects - all from the most talented photography practitioners/educators in the world.
Read 2 free sample chapters:
Skin Retouching Tips In Photoshop CS4
Transforming Smart Objects In Photoshop CS4
Find more Photoshop CS4 tutorials on our Photoshop CS4 Tutorials Page.
Read 2 free sample chapters from the Adobe Photoshop CS3 version:
Adjusting Exposure in Adobe Camera Raw CS3
Photoshop CS3 Tutorial High Dynamic Range
Find More Adobe Photoshop Books at Amazon.com
Find all the latest bestselling Photoshop books at discount prices at Amazon.com.
Skin Retouching Tips In Photoshop CS4
