Tutorial dreamweaver cc 2014 code#
Since there are a number of PhoneGap code snippets, I decided to turn this into an example page. I then populated each page with appropriate content. I simply added the code data-add-back-btn=”true” to each of these divisions. I also added a back button on “pages” 2, 3, and 4. Since I am graphically challenged, I stuck with the existing theme colors.
Tutorial dreamweaver cc 2014 install#
Once you have made your color choices, you can download them and install and use them for your themes. This link will take you to the jQuery Theme Roller site where you can choose any color combinations you want. If you don’t like these themes, select Window > jQuery Mobile Swatches and get more themes. I set mine to data-theme=”b” for each page. for each of these, we add a data-theme attribute. If we examine the source code, we will see there are id’s of page, page 2, and so forth. Note that this is a single page (we will turn this in to an app soon as well). I think it is pretty impressive we already have this built. Obviously we will need to customize this a bit. Once the files are saved, activate live view and you should see you already have a pretty functional example. One is then prompted to save dependent files (make certain you do this at the site root). I then save the file I just created as index.html in the root of the site I just created. You may need to click on these images to enlarge them.īefore proceeding, I create a site (so all my files are properly organized). Make certain you select the jQuery mobile starter with theme from the starter templates. Our first step is to create a new document in Dreamweaver. Many of these features may not work in prior versions (like DW CS6). Make certain you have a Creative Cloud account and Dreamweaver CC installed on a local computer if you are trying to follow along.
I thought it might help to see what has changed in the 3 years since my initial post. Paul inspired me to put together these notes for students who may want to build relatively simple mobile apps (in my CMWEB 280 class, for example). I participated in a Tech Live event in late July where Paul Trani reviewed many of the new features in Dreamweaver CC (and discussed building mobile apps). A few years ago, I did a weblog post on PhoneGap.
0 kommentar(er)
