- Creating new HTML5 documents
- Using code hinting for CSS3, HTML5, DOM elements, and jQuery
- Configuring jQuery widgets with the Widget Browser
- Managing media queries
- Previewing web pages on multiple devices with the Multiscreen Preview panel
- Configuring mobile application frameworks
- Building and emulating mobile applications
Skill Level Intermediate
We'll take a look at changes to the widget browser and how Adobe has integrated W3C validation into Dreamweaver. Mobile development is a big focus of the CS55 release and we'll cover the added support for jQuery Mobile, the phone gap framework, and how media query support, multi-screen preview, and platform emulation can help you develop and test your mobile apps directly in Dreamweaver. I also want to point out that a few of the features I'm gonna show you were actually available earlier in the Dreamweaver HTML 5 pack that was released last year and then rolled into the 11.0.3 update.
Since these features were not included in the CS5 release and are a part of the CS55 install, I'm gonna cover them here as well. Well I'm sure you're eager to get start. So let's dive in and see what's new in Dreamweaver CS55.
Q: This course teaches us how to create mobile app in the "Mobile App Support" chapter and the app works great. But when we try to upload to android market, it says that the Android Market can't upload a debug/release version. What's wrong with the app?
A: As mentioned in the movie, the Dreamweaver emulator support does not create deliverable apps. It is designed to act as an IDE and debugging environment only. From there it is up to the developer to package and distribute apps to the various app stores.
Take a look at https://build.phonegap.com/. It's an early service dedicated to creating deliverable binaries for multiple platforms. Since it's PhoneGap, it's also the same framework used within Dreamweaver, so Dreamweaver based apps should port right over.