Dreamweaver & jQuery Mobile Web Design

In 2011, an estimated 900 million people used their mobile phones to access the internet, close to the 1.4 billion who used a desktop PC. By 2015 it is predicted that more people will access the web from mobiles than from PCs. With that in mind it is vital that businesses have websites designed for mobile devices. 

As mobile usage increases, mobile versions of websites are becoming more and more sought after. Adobe has now integrated the jQuery Mobile JavaScript framework to enable to creation of mobile websites from within Dreamweaver. This Mobile Web Design Using Dreamweaver & jQuery course will look at how to create a basic mobile website using this framework and how to add content to the site. The site is only meant to be viewed on a mobile device and contains all the finger gesture/swipe transitions and effects which make the website content easier to be viewed on a mobile.

With the rising use of mobile devices to access the web it is better to be prepared now rather than catch the wave too late.

We also provide private and in-company Mobile Web Design with Dreamweaver & jQuery Training. Call +44 (0) 1273 622272 to discuss.

This course is just one of our Mobile Development Training courses, designed to meet the need for mobile content. Other mobile courses iPhone App Development and Android App Development Training. We also run a week long Mobile Web Design package which includes HTML5, CSS3, Mobile Web Design and JavaScript Training.

Mobile Web Design with Dreamweaver & jQuery Mobile Objectives

Upon completion of this training course, the delegate will have:

• An overview of mobile websites and mobile websites vs apps
• Practical knowledge in creating pages and adding content
• Simple styling of the pages using themes
• Adding content transitions

Mobile Web Design Training using Dreamweaver & jQuery Mobile Prerequisites

• Familiarity with Windows or Macs
• An overview of the current mobile market, mobile devices and mobile browsers
• Competence with browsing the web

Designing Websites for Mobile Using Dreamweaver & jQuery Mobile Course Outline

Intro to Mobile Web Design

• What is Mobile Web Design?
• Mobile Web vs Mobile Apps
• What is jQuery?
• Dreamweaver Mobile Tools

Styling the Site

• Adding Buttons
• Creating Transitions
• Page Elements and Themes
• jQuery Widgets
• List Views
• Inserting Content

Creating a Mobile Site

• Inspecting the Structure of a jQuery Mobile Site
• jQuery Mobile Custom Data Attributes
• Headers and Footers

Creating a Form

• Using Prebuilt Widgets
• Select Menu Widget
• Text Input Widget
• Radio Buttons and Sliders
• Submitting the Form