Home / Articles / Adobe Dreamweaver / Turning Web Pages into Apps with Dreamweaver CS5.5

Turning Web Pages into Apps with Dreamweaver CS5.5

Article Description

David Karlins, author of Adobe Creative Suite 5 Web Premium How-Tos: 100 Essential Techniques, concludes his three-part miniseries on how to get mobile with Dreamweaver. This article walks through the relatively easy process of turning a mobile-friendly web page into an app that runs on iOS or Android. Amazingly, Dreamweaver does most of the work, and no coding is needed!
Step 3: Build and Emulate the App

Step 3: Build and Emulate the App

The native application settings you defined in the previous set of steps are used to build apps for Android, iPhone, or iPad.

You generate these apps one at a time, and then open them in emulators that were installed as part of the process of installing the SDKs for Android and iOS.

This is really a one-step process. Choose Site > Mobile Applications > Build and Emulate, and select an available output (see Figure 7). After the app is built, a dialog appears, displaying the path to your application, as shown in Figure 8. Use the emulator to test your app. Click and drag with your mouse to simulate how users will navigate their touchscreens.

You can use this same "one-step" process to build (and emulate) additional apps in other formats.

Figure 7 Testing an app in an emulator.

The complete workflow is that you build the HTML5 page in Dreamweaver CS5.5, and then build and emulate the app. You test and troubleshoot the app in the emulator. Then, when you've identified issues that need to be corrected, you revise the HTML (or jQuery Mobile elements), and rebuild the app.

Figure 8 Testing an app in an emulator.

6. What's Next? | Next Section Previous Section