Adobe Dreamweaver CC 2014 v.13 User Manual
Page 497
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 smaller than 25 MB.
Note: Ensure that the application contains only HTML5, CSS, and JavaScript files.
2. Select Site > Mobile Applications > Configure Application Framework.
3. Click Easy Install to install the Android SDK.
Note: If the Easy Install fails, please see
4. Select a location to install the SDK files, and click Select. After the installation is complete, click Save.
5. Select Site > Mobile Applications > Application Settings.
6. For 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, specify the following:
a. In Application Icon PNG, specify a PNG file to be used as the icon for the application. Dreamweaver resizes the icon to the standard
size if you haven’t resized it already.
b. Specify a target path for the package.
c. To download and install the latest SDK components from Google, click Manage AVDs. Use the Android SDK and AVD Manager to
update the Android SDK. For information on using the manager, see
.
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 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
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
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
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:
490