Mobile apps development Dreamweaver

Mobile 1In earlier articles we covered HTML5 Semantics and multiscreen authoring in Dreamweaver. In this article we're going to look at the process of building a native phone application in Dreamweaver CS5.5.

The PhoneGap framework has become popular with web designers who want to write native moble applications using HTML, JavaScript and CSS. Adobe decided to team up with these people and integrate their framework for Android and iOS directly into Dreamweaver. Having said that, it's necessary to install the Android and iOS SDK's into Dreamweaver in order to be able to use them. Note that for the PC, you can only install the Android SDK, on the Mac platform, you can install both.

The Android SDK is meant to install seamlessly with a one-touch button. Unfortunately, it didn't work out that way. I found a series of articles and information which led me through a convoluted process of installing the SDK manually (you can read about all the steps in our Dreamweaver CS5.5 Overview article). Even after all that, I was unable to get the Android software to work properly.

Mobile 2Not wanting to give up, I conducted another search and found this document: Error "Android SDK failed to install" with Easy Install | Dreamweaver CS5.5. I followed all the steps in this document and the Android software still didn't install properly. At one point, it even caused Dreamweaver to crash. The end result is I'm unable to show you the finished result in the Android emulator.

Note: This problem appears to be with the Android emulator and doesn't appear to be with Adobe. Still, it's an important issue and needs to be addressed. [Editor's note: the Android SDK has specific hardware requirements, and is not a particularly easy piece of software to install.]

Mobile 3Still, there's much that I can show you about building a mobile application and we'll look at that here.

As before, we're going to look at a couple of different methods for creating a phone application. To get started, the easiest way is to go to File: New and in the New Document dialog box, choose: Page from Sample: Mobile Starters: jQuery Mobile (local) and make sure the Doctype is set to HTML5. Click on the Create button.

This brings up the jQuery Mobile Web App layout. As you can see, the layout is essentially a single page with several pages within it, along with some JavaScript that will start functioning when you load this in a browser and in Live View. And as you may recall, in this view you don't get a good idea of how this layout will appear as a finished product, though it's a great way of editing content, quickly. To see what the layout will look like, you need to turn on Live View.

This shows us a preview of what our layout will look like when it's complete.

Now if you want to add more functionality to the layout, you can do so by means of the Insert tab on the right which gives you a number of jQuery Mobile widgets.

Mobile 4 Mobile 5 Mobile 6 Mobile 7

You might also like

Imagine Publishing Web Designer (Kindle Tablet Edition)
Mobile Application (Imagine Publishing)
  • Always at the cutting edge of web design
  • Leading authority on web development since 1997
  • Content pitched to all designers and developers of any level

Always try to hire iPhone/iPad Apps Developers India From the company with a ..  — WhaTech
That sufficiently highlights the importance of hiring mobile apps developersfrom a company that has a professional approach.

DIGITAL LIFE Phone Apps Have a Tough Time Grabbing More Users  — CIO Today
That suggests that mobile apps developers “have to be smarter” about what they're coming out with, Lella added. In general, though, the use of mobile smartphone apps is growing rapidly in the U.S., especially in the area of mobile commerce. In an Aug.

Q&A

avatar
Mobile app development at Chennai?

We are launching a app developer freelancers' marketplace where Employers can post there app requirements and app developer freelancers can post bids. Employers can choose the App Developer Freelancers with suitable skills to work on their projects. For more details, you can visit