FREE Ticket to Adobe MAX 2014! Win a Full Conference Pass Worth US$1,495
Home > Tools January 24th, 2012

Using Adobe CS5 to Create Websites and Apps for Mobile & Tablets

If you’d like to learn how to use Adobe’s Creative Suite tools to easily and portably create websites and apps for tablets, smartphones, and mobile devices there’s a new 2¼-hour course you’ll be interested in…

Watch Free Tutorial on Creating for Mobile & Tablets

Guru Paul Trani teaches an extensive free class with 18 video chapters that will take you step-by-step on how to create portable content that will run on both Apple iOS and Google Android devices with a wide variety of screen sizes using a single code base. Basic usage of HTML5 and CSS3 is covered, as well as how to bring in Adobe’s recent additions PhoneGap (for building fast, cross-platform mobile applica­tions) and Typekit (for delivering custom web fonts).

The first half of the video series employs Adobe Dreamweaver CS5.5 to develop both websites and apps, with steps on how to convert a website into a portable mobile app. The tutorials then move on to using Flash-based tools (with Adobe AIR) to build multi-platform mobile apps. We already know that Flash Professional CS5 can be used to build apps for the iPad and iPhone, but this takes it a step further. The videos guide you all the way through to how to publish your app to your device and to the Android Market (which shows immediately) or to the Apple App Store.

If you don’t own the Adobe software yet but would like to use it to follow along with the training, you can easily download the free trials, which will be fully-functional for 30 days. The tutorials also include downloadable sample files to use as you go along, so be sure to look for those.

The CS5.5 Web Premium suite is used in the demonstrations – which coincidentally we’re also giving away for free!

Here’s the 2¼-hour course:

Creating Websites and Apps for Mobile & Tablets
Play this Free Class Now »
ChTopicRuntime
01Overview08:18
02HTML5 Content in Dreamweaver08:03
03Styling Web Content W/ CSS313:40
04Adding Custom Fonts Using Typekit06:35
05Adding HTML5 Video05:11
06Creating a Gallery05:40
07Customizing for Different Screens08:29
08Creating a Mobile Specific Website08:56
09Creating a Mobile Application13:08
10Creating and Testing Your First Mobile App05:13
11Quick Development with Code Snippets12:57
12Using the Accelerometer05:31
13Resizing Content for Multiple Screens07:07
14Optimizing Graphics for Mobile04:29
15Creating a Tablet Optimized App05:13
16Sharing Assets Across Files05:49
17Debugging the App on the Device02:49
18Publishing for iOS and Android07:24

And here is the first segment (the Overview chapter) to get you started:

Also check out a comprehensive set of free CS5 tutorials for all products and purposes. If you’re interested in longer-term design study (digital, visual, web, video), check out the free year-long Adobe CS5 curriculums for students, teachers, and all.

Share This

Email this page
Free! Download over 20 great Adobe books at no charge, learn all products
  1. I’m using the Dreamweaver CS5.5 Trial at the moment and watched the videos yesterday along with many others on AdobeTV.

    They are very good. I do really like what DW can do. I hope to win the CS5.5 Web Premium Suite, which would help more. I was surprised what Flash can do now regarding apps. Bear in mind that only Mac OS users are able to submit to the Apple Store.

    However, as Windows users we can still build apps for iPhone and iPad in addition to Android. My idea is to use friend’s Mac computer, transfer all files there, download the SDK and voila.

    • Hi Adam, thanks for your comments. Glad the videos helped and you’re right about your last point… If you read Adobe’s step-by-step Guide for Apple App Store Submissions, in the last section about how to upload your final app, they note:

      “The [Apple iTunes Connect] Application Loader utility is available only for Mac OS X 10.5.3 or later. In Windows, you can run Mac OS X inside a virtual machine.”

  2. Adam

    Thank you too. I didn’t know about a Mac virtual machine.

  1. No trackbacks yet.