\nYou can create a new HTML 5 document in Dreamweaver (Page Type: HTML, DocType: HTML5) and set it up as follows:\n<\/p>\n
\r\n\r\n<!doctype html>\r\n<html>\r\n<head>\r\n<meta charset="utf-8">\r\n<title>Untitled Document<\/title>\r\n\r\n<!----- SETUP JQUERY ----->\r\n<link rel="stylesheet" href="http:\/\/code.jquery.com\/mobile\/1.0\/jquery.mobile-1.0.min.css" \/>\r\n<script src="http:\/\/code.jquery.com\/jquery-1.6.4.min.js"><\/script>\r\n<script type="text\/javascript" src="http:\/\/code.jquery.com\/mobile\/1.0\/jquery.mobile-1.0.min.js" > <\/script>\r\n\r\n<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" >\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/code><\/pre>\n\n \n<\/p>\n
\nUsing Dreamweaver To Create The File
\n<\/h4>\n
\nhowever Dreamweaver has better support by selecting 'File' > 'New' > 'Select Page From Sample' > 'Mobile Starters'\n<\/p>\n
\nDreamweaver Tips
\n<\/h4>\n
\nPreview of interface\n<\/p>\n
\nMenu > View > Live View\n<\/p>\n
\nCode syntax assistant\n<\/p>\n
\ntype "data-*"\n<\/p>\n
\nThe Viewport
\n<\/h4>\n
\nThe area in which the page fits. A mobile friendly website shouldn't need to be zoomed in or out, at least to start with the visible area equal to the devices screen width.\n<\/p>\n
\n1:1 scale and with user not allowed to change the scale with gestures or buttons:\n<\/p>\n
\r\n\r\n<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" >\r\n<\/code><\/pre>\n\n \n<\/p>\n
\nThe Page
\n<\/h4>\n
\nA page is just a div element with a specific role. One HTML document can host one page or many pages inside the same file.\n<\/p>\n
\nRoles
\n<\/h4>\n
\nRoles define what the framework should do with tags such as div tags that are used. E.g.\n<\/p>\n
\r\n\r\n<div data-role="page">\r\n<\/code><\/pre>\n\nNote that roles are not part of HTML5, they are part of the jQuery Mobile framework.\n<\/p>\n
\n <\/p>\n","protected":false},"excerpt":{"rendered":"
Create A New HTML5 File You can create a new HTML 5 document in Dreamweaver (Page Type: HTML, DocType: HTML5) and set it up as follows: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document<\/title> <!—– SETUP JQUERY —–> <link rel="stylesheet" href="http:\/\/code.jquery.com\/mobile\/1.0\/jquery.mobile-1.0.min.css" \/> <script src="http:\/\/code.jquery.com\/jquery-1.6.4.min.js"><\/script> <script type="text\/javascript" src="http:\/\/code.jquery.com\/mobile\/1.0\/jquery.mobile-1.0.min.js" > <\/script> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" > <\/head> […]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[82],"tags":[],"class_list":["post-749","post","type-post","status-publish","format-standard","hentry","category-starting-a-jquery-mobile-project"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/comments?post=749"}],"version-history":[{"count":10,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/749\/revisions"}],"predecessor-version":[{"id":1388,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/749\/revisions\/1388"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/media?parent=749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/categories?post=749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/tags?post=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}