Watch videos with subtitles in your language, upload your videos, create your own subtitles! Click here to learn more on "how to Dotsub"

Dreamweaver CS 5.5 Feature Overview

0 (0 Likes / 0 Dislikes)
  • Embed Video

  • Embed normal player Copy to Clipboard
  • Embed a smaller player Copy to Clipboard
  • Advanced Embedding Options
  • Embed Video With Transcription

  • Embed with transcription beside video Copy to Clipboard
  • Embed with transcription below video Copy to Clipboard
  • Embed transcript

  • Embed transcript in:
    Copy to Clipboard
  • Invite a user to Dotsub
[ADOBE DREAMWEAVER CS5.5 OVERVIEW] Hi, I'm Scott Fegette, senior product manager for Dreamweaver. I'd like to give you a quick overview today of some of the great new features you can expect to see in Dreamweaver CS5.5. The mobile Web has been exploding lately, with more phones, tablets, and alternate devices on our horizon than ever before. Increasingly, clients are demanding multiscreen aware, if not mobile-specific, projects. So in response, Dreamweaver CS5.5 has a variety of ways to help ease your transition from the desktop to a truly multiscreen HTML 5 based Web experience. So if you're just starting out with making your sites and applications multi-screen aware, Dreamweaver CS5.5's new Multiscreen Preview panel gives you a one-stop central point for managing your phone, tablet, and desktop interfaces using CSS 3 media queries. By setting a size range and rules, you can easily deliver a CSS-based interface appropriate for each device within the Media Queries dialog and then preview it across all three resolutions simultaneously in the Multiscreen Preview panel. Multiscreen preview is a great way to quickly check how your site appears-- the screen size and form factors-- and set up the high level rules that dictate how it should change from device to device. So once you get going in Dreamweaver, managing your working resolution is just as easy. Just choose a resolution, media query, or preset from the Resolution Management menu at the bottom of your document window, and you can quickly reset Dreamweaver's Design or Live View appropriately. Or if you're a do-it-yourselfer kind of person, you can simply just drag the window divider in place to quickly do the same. To keep that visual preview in Dreamweaver as accurate as possible, we have of course updated Dreamweaver's Live View to use the most current build of WebKit, the browser engine powering the majority of mobile devices today, as well as the Google Chrome and Apple Safari browsers. This visual preview is critical in order to see the new CSS 3 element support we've added to both Dreamweaver's code hinting as well as the CSS panel. New CSS 3 functionality such as RGBa transparency, rounded corners, Web delivered fonts, and drop shadows are all now available within the CSS panel to help give your interfaces a strong visual edge. The features we've already mentioned in Dreamweaver CS5.5 are incredibly useful for migrating your skills to multiscreen, but we've also got tools here for helping you go directly to mobile devices that should cover nearly every need that you and your clients may have. In order to rapidly build mobile-specific interfaces, we've partnered with the jQuery Mobile project, a mobile framework built atop the wildly popular jQuery JavaScript framework, to help you build out the application site interfaces in a fraction of time with great coverage across today's landscape of smartphones and tablets. You can create a new jQuery Mobile project directly from the New Document dialog and then build it out quickly with content using easy and familiar HTML markup and attributes. New jQuery Mobile pages can be easily duplicated, as they're just a div with a little extra information anyway. Or you can insert both jQuery Mobile pages and interface elements like sliders, check boxes, accordion panels and more with the jQuery Mobile insert objects. When you need to get underneath the hood, we've also greatly improved our jQuery code hinting as well as added DOM hinting so you can effectively specify jQuery functionality and attach it to elements of your page or application. It's now dead simple to build out a mobile-specific interface using the same old familiar Dreamweaver tools you've become accustomed to. But wait. There's one more big thing. If your clients need a native mobile application, Dreamweaver CS5.5 has your back here too. We worked directly with the PhoneGap team to integrate the wildly popular PhoneGap framework into Dreamweaver, which lets you build out a mobile application using Dreamweaver's tools and then to package it up as a native application for both Android and iOS devices. So now you can use your HTML, JavaScript, and CSS skills alone to build out native applications that can ultimately distribute it via app stores into the wide variety of mobile devices your clients and customers are using today. So as you can see, Dreamweaver CS5.5 has a variety of great features that should help you leverage both new Web standards such as HTML 5 and CSS 3 and use those standards to reach a variety of new devices in a whole series of new ways and do all of the above without requiring you to learn a lot of new skills or languages. We really hope you enjoy using it as much as we enjoyed building it for you. And although this was just a quick overview of the new features in Dreamweaver CS5.5, for more detailed peeks into all these features and more, keep watching this channel on a WTV because we've got a lot more to show you. Thanks for watching today. [ADOBE TV -]

Video Details

Duration: 4 minutes and 10 seconds
Country: Andorra
Language: English
License: All rights reserved
Genre: None
Views: 249
Posted by: adobetv on Mar 22, 2011

In this video we'll take a quick overview of the new multiscreen design, jQuery Mobile and native mobile application features in Dreamweaver CS 5.5 with product manager Scott Fegette.

Caption and Translate

    Sign In/Register for Dotsub to translate this video.