Adobe Dreamweaver CS5.5
Design, develop, and deploy standards-based websites and applications
Build compelling websites for multiple devices simultaneously in a single interface. Design confidently with real-world rendering. Stay on the cutting edge with HTML5 and CSS3.
Dreamweaver CS5.5 includes a wealth of new and enhanced features, including new CSS editing and visualization capabilities and updated Live View rendering. View larger.
What is Adobe Dreamweaver CS5.5?
Adobe Dreamweaver CS5.5 software is a comprehensive professional toolset for designing and deploying compelling websites and mobile applications. Using powerful coding tools or the state-of-the-art visual interface, create advanced sites and applications using HTML5, CSS3, and jQuery support for desktops, phones, and tablets.
Key Features
Create modern, standards-based websites with Adobe Dreamweaver CS5.5 software. Design confidently using HTML5 and CSS3 with the help of Live View rendering. Adding interactivity is easier with jQuery code hinting. CSS inspection tools allow you to visualize and edit designs swiftly. Deploy quickly and confidently with built-in FTPS, FTPES, and Subversion software connectivity. Build concurrently for phones, tablets, and screens using the Multiscreen Preview panel. Easily parse and style through content management systems like WordPress, Drupal, and Joomla! within Dreamweaver.
The Multiscreen Preview panel reads media queries and allows you to view your code in different screen sizes. View larger.
With the Media Queries dialog box, you can attach or create CSS files for different screen sizes. View larger.
Top new features of Adobe Dreamweaver CS5.5
Enhanced Multiscreen Preview panel
With Dreamweaver CS5.5 enhancements to the Multiscreen Preview panel, you can view three different screen sizes and run your code in real time. This new functionality allows you to quickly and easily preview your designs for smartphones, tablets, and PC screens. You can also preview custom screen sizes and custom styles for each device.
The Multiscreen Preview panel helps you create CSS media queries and display separate style sheets for each device. Design view has been updated to read your media queries. As you change the size of Design view, the corresponding media query is applied, which allows you to switch between styles in real time. Simply resize Design view to another size and design for that device.
The new Media Queries dialog box provides a robust method for generating and applying multiple media queries to your page or a site-wide media query file.
With Dreamweaver CS5.5, you now have the tools to rapidly adapt existing websites and applications for multiple devices on the same code base. And whenever you like, you can see just how your design will appear.
Enhanced CSS3 and HTML5 support
Enhancements to Dreamweaver CS5.5 coding tools and workflow provide a new level of support for CSS3 and HTML5. Updates to the CSS panel, user interface, Live View, and advanced media queries help you be more productive as you design and develop for the web and mobile devices.
Updated Live View--In Dreamweaver CS5.5, Live View supports CSS3 attributes for added sophistication in your designs. For example, applying rounded corners with the new border-radius property is a quick and flexible process. You can also render the border-radius property, transforms, and transitions on most page elements in Live View.
Applying rounded corners by using the border-radius property is integrated and easier in Dreamweaver CS5.5.
CSS3 code hinting--Now you can quickly write code with rich CSS3 hinting. Dreamweaver CS5.5 makes it easier to learn and use new CSS3 properties, with code completion, code hinting, and information about required values. Also supported are parameterized pseudo-classes, generated content pseudo-elements, and attribute selectors.
Enhanced CSS panel--The CSS panel is the go-to place for quickly parsing and editing complex sets of styles. It now supports editing of new CSS3 properties, with new interface elements that make it easier to add properties like border-radius. Category View has sections for new groups, such as Mozilla and WebKit, making it easier to find these new rules in your code. Code hinting for some vendor-specific rules, such as -webkit, -moz, and -o, are included to help ensure full browser support.
More integrated support for HTML5--Dreamweaver CS5.5 helps you quickly and seamlessly apply your web skills to mobile design. WebKit support for mobile starter layouts, improved code hinting, and integrated management makes it easier than ever to harness the power of HTML5 innovations.
Robust new jQuery integration
Coding just became more powerful, with integrated jQuery code hinting and starter layouts for many different types of mobile devices in Dreamweaver CS5.5. jQuery is the industry-leading JavaScript framework, so integrating it with Dreamweaver CS5.5 for extended jQuery code hinting makes it easier than ever to build robust user interfaces for mobile projects. If you are a web designer, you will appreciate how quickly you can add interactivity to web pages. If you are a developer, you will appreciate how the jQuery framework helps speed up the coding.
Dreamweaver CS5.5 hints classes and IDs in most scenarios. When building a selector, # will list all available IDs. CSS attributes and values are hinted when writing out methods that use them. Hinting includes all default static and non-static methods in your Dreamweaver file. Chaining of methods is supported, along with non-intrusive event handling.
While enhanced DOM hinting gives you greater access to all elements with IDs or classes, jQuery integration lets you do more with those elements--add and remove classes, DOM updates, and event handlers; attach advanced interactions to any element on your page; and more.
With the Mobile Applications feature and the SDK for Android (shown above) or iOS, you can emulate and create a native mobile application from your Dreamweaver CS5.5 site files.
View larger.
PhoneGap integration to build native Android and iOS apps
As web browsing becomes available on an ever-growing number of smartphones and tablets, you need solid support for the "write once-publish anywhere" development model. To streamline your projects, the PhoneGap framework is now integrated as an extension in Dreamweaver CS5.5. Using PhoneGap, you can build native Android and iOS apps directly from Dreamweaver CS5.5 projects. This also allows you to use your existing web development skills, assets, and resources--with no need to learn a new development model.
With PhoneGap, you can write a mobile app using standards-based technologies (HTML, CSS, and JavaScript). You can add device-specific functionality, such as multi-touch, geolocation, and accelerometer features. To finish up, Dreamweaver assists you in compiling and packaging the app for direct delivery to the device or to vendor-specific online app stores.
Live View enhancements for more accurate rendering
With Dreamweaver CS5.5 enhancements to Live View, you can now preview and manage your web, mobile, and multiscreen projects with greater accuracy and all at the same time. The Live View updates increase your ability to perform real-time rendering of your code, JavaScript, and video, as well as rich previewing for mobile apps. Overall, your Dreamweaver CS5.5 workflow is more efficient because you can test your files directly in Dreamweaver, eliminating the need to switch applications.
Live View enhancements are supported by the latest version of WebKit, the industry-standard rendering engine for the most cutting-edge browsers and devices. Updated support for WebKit and new HTML5/CSS3/SVG standards allow Dreamweaver CS5.5 to render HTML5 tags and some CSS3 properties in real time.
Additional feature improvements and capabilities with the updated WebKit rendering engine include CSS3 improvements for correct rendering of border-radius and the transform property; @font-face support that allows you to download and use TrueType and EOT fonts for more accurate web page viewing; support for the new HTML5 < video > tag (requires QuickTime) and direct playback of HTML5 video in Live View; media queries that allow you to view different styles as applied to smartphones, tablets, and PC screens; and support for SVG files.
W3C validation for improved accuracy
Dreamweaver CS5.5 uses the live W3C validation service for increased accuracy and high-quality code results for multiple versions of XHTML and HTML. Whether you are designing or developing for web or mobile devices, knowing that your code is correct and well-formed is an important part of deploying a website and ensuring good cross-browser rendering.
Run W3C validation on the static current document or the rendered live document. View larger.
Validating your code in Dreamweaver CS5.5 is the same as before--just choose File > Validate, and then view the Results panel. The only difference is that Dreamweaver now sends your page to the W3C validation service for processing (active Internet connection required).
Dreamweaver CS5.5 gives you the option to run the validation in two ways:
- Validate Current Document. Validates the static HTML of the page.
- Validate Live Document. Validates the page after it has been loaded in Live View. This will validate the actual running HTML and any JavaScript code.
Support for Subversion 1.7 VCS
Dreamweaver CS5.5 offers enhanced support and updated libraries for the Subversion version control system (VCS). Version control and file management are vital elements of a web project's success, no matter how large or small your design and development team. The integration of Dreamweaver and Subversion helps improve your team's workflow because designers and developers use the same GUI for web development and version control. In the Subversion repository, you can store critical data such as source code and configuration files. Subversion can capture changes made to each file, making it possible to track changes and return to previous versions of your file. It also allows multiple team members to interact in a more complex development process by providing branching, merging, and tagging.
For future compatibility, the built-in Subversion libraries in Dreamweaver CS5.5 are designed to be updated by the Adobe Extension Manager. Once you have installed Extension Manager, you can open it in Dreamweaver and download future updates to Subversion libraries at no charge.
New support for FTPS and FTPeS gives you more options for server platforms and secure data transfers. View larger.
New FTPS and FTPeS support for more secure transfers
Dreamweaver CS5.5 supports FTPS (FTP over SSL) and FTPeS (FTP over explicit TLS/SSL) as native transfer protocols. These two FTP variants are growing in popularity because they enable more secure, encrypted transfer of your files. With the ability to perform FTPS and FTPeS data transfers from Dreamweaver CS5.5, you can support a broader array of server platforms and client setups.
Top Reasons to Buy Adobe Dreamweaver CS5.5
Multiscreen Preview panel--Design for smartphones, tablets, and personal computers with the Multiscreen Preview panel. With media query support, developers can style and visualize rendering for a range of devices in a single panel.
CSS3 and HTML5 support--Style with the CSS panel, updated to support the new CSS3 rules. Design View now supports media queries, applying different styles as you adjust the screen dimensions. Code for the future with HTML5, with code hinting and Design View rendering support. Live View now includes support for < video > (with QuickTime) and < svg > tags.
jQuery Mobile integration--Add advanced interactivity with advanced jQuery code hinting. jQuery is the industry-standard JavaScript library, making it simple to add a wide range of interactivity to web pages. Get a jump start with starter templates for mobile phones.
Native Android and iOS apps with PhoneGap integration--Build and package native apps for Android and iOS. Convert your existing HTML to a mobile phone application within Dreamweaver using the open source PhoneGap framework.
Cutting-edge Live View rendering--Check your page with Live View, with an updated WebKit rendering engine. Preview designs for multiple devices with real-time media query support. HTML5 and CSS3 capabilities and enhancements make designing for mobile devices even more efficient.
Subversion support--Store your files more securely with support for Subversion software, which has been updated to the version 1.7 protocol.
FTPS and FTPES support--Deploy files more securely with enhanced FTP support. Dreamweaver CS5.5 now adds native support for the FTPS and FTPES protocols.
Adobe BrowserLab integration--Preview dynamic web pages and local content with multiple viewing, diagnostic, and comparison tools. Dreamweaver integrates with Adobe BrowserLab, a CS Live online service that quickly and accurately tests web content across web browsers and operating systems.
W3C validation--Use the World Wide Web Consortium's own online validation service to help ensure the accuracy of your standards-based web designs.
