Operation Manual

461
USING DREAMWEAVER
Designing for multiple screens and devices
Last updated 3/28/2012
9 Do one of the following:
If you are directly deploying your application to a device, select Site > Mobile Applications > Build. Select a
platform/device for the build.
If you want to see how the build looks on an emulator before you build it, select Site > Mobile Applications >
Emulate and Build.
Create an application package (Mac OS)
For a tutorial on creating a web application, including sample files, see this article on the Dreamweaver Developer
Center.
1 Open the web application that you want to convert to a mobile application. Ensure that your web application is set
up as a site in Dreamweaver, and the size of your site is lesser than 25 MB.
Note: Ensure that the application contains only HTML5, CSS, and JavaScript files.
2 Select Site > Mobile Applications > Configure Application Framework.
3 Install the SDK for iOS or Android based on your requirements:
Click the Apple iOS Dev Center link to download and install the xcode and iOS SDK. The application is, by
default, installed to the OS <version number>/developer directory.
Log in to the Dev Center using your Apple ID. Registration is free. Create an account if you are not a registered user.
Note: You can use the SDK package that you download from the Apple dev center for testing. However, to upload
your application to the Apple store, register yourself as an Apple developer after paying the required fee.
Click Easy Install to install the Android SDK.
Note: If the Easy Install fails, please see tech note 90408.
4 Click Save.
5 Select Site > Mobile Applications > Application Settings.
6 In Bundle ID, enter a name for the package using the information in the dialog box.
7 Enter a name for the application, and the name of the person who designed the application.
8 Optionally, do the following:
(Android) In Application Icon PNG, specify a PNG file to be used as the icon for the Android application.
Dreamweaver resizes the icon to the standard size if you haven’t resized it already.
(Mac® OS 10.6.x) In Startup Screen PNG, specify a PNG file to be used as the icon for the iOS application.
Dreamweaver resizes the icon to the standard size if you haven’t resized it already.
(Mac OS 10.6.x) Select a version of the iPhone/iPod Touch/iPad for which you are creating the package.
Define a different target path for the package.
Note: When you click Save, the phonegap.js file is copied to the site root.
9 Do one of the following:
If you are directly deploying your application to a device, select Site > Mobile Applications > Build. Select a
platform/device for the build.
If you want to see how the build looks like on an emulator before you build it, select Site > Mobile Applications
> Emulate and Build.