Join James Williamson for an in-depth discussion in this video Multiscreen preview, part of Dreamweaver CS 5.5 New Features.
If you're designing for multiple screen sizes, having the ability to accurately…preview for those resolutions is incredibly important.…The Multiscreen Preview panel was first introduced as part of…Dreamweaver's HTML5 pack.…With the CS5.5 release, it joins Dreamweaver as a native feature.…So I have the index.htm in the 03_04 folder opened up, and this is going to…give us an opportunity to explore the Multiscreen Preview panel and see what it can do for us.…So this page currently has two media queries applied to it:…one for tablets and one for mobile devices.…
So if I go to my Multiscreen Preview panel and I click that to open it up,…you can see it takes up a good bit of screen real estate, and if you have a…high screen resolution, you can probably flip this panel around a little bit,…but more often than not, it's going to take up a good portion of your screen real estate.…So I have a Preview section for Phone, one for Tablet, and one for Desktop, and…if I look in the upper right-hand corner, I have a few buttons up here as well.…
- 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
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.