Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Working with jQuery Mobile Themes

  • We are going to take a look at themes within jQuery Mobile so you can understand what exactly is styling the page since we did not add any styles ourselves
  • You can preview more information about page elements within each of the 5 pre-built jQuery Mobile themes at http://jquerymobile.com/demos/1.2.1/docs/api/themes.html
  • Open jquery-mobile-themes.html and look at it in the browser
  • This is a 5 page site and each page is showing a different theme so you can get a preview of the styles for the 5 pre-built themes
  • Each of these themes has a letter assigned to it, with the various sections of the pages assigned specific colors based on the theme being used
  • The various pieces of the page can all be set up with separate themes, you do not need to work with the entire page in the same theme
  • That is a brief introduction to jQuery Mobile, and how to create jQuery Mobile Starter pages within Dreamweaver and the variety of themes that are built into the framework for you to use

Working with jQuery Mobile Themes

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • jQuery Mobile Built-in Themes 1:11
    • Black and Grey Theme
    • Blue Theme
    • Shades of Grey
    • Yellow Theme
  • How to Apply Themes 3:35
    • Adding Themes
  • Compatibility 5:00