原生應用程序App的開發費用比較高，同時開發周期比較長。jQuery Mobile函數庫的出現很好地解決了這一問題，通過HTML5、CSS3、JavaScript和jQuery Mobile搭配使用，開發出的移動網站和App跟原生的沒有區別，受到廣大客戶的歡迎。

●第1章 HTML 5快速入門
1.1 HTML 5概述
1.2 HTML 5的文檔結構
1.2.1 文檔類型說明
1.2.2 HTML標記
1.2.3 頭標記head
1.2.4 網頁的主體標記body
1.2.5 頁面注釋標記
1.3 HTML 5文件的編寫方法
1.3.1 使用記事本手工編寫HTML文件
1.3.2 使用WebStorm編寫HTML文件
1.4 HTML 5語法的新變化
1.4.1 標簽不再區分大小寫
1.4.2 允許屬性值不使用引號
1.4.3 允許部分屬性值的屬性省略
1.5 新手疑惑解答
第2章 HTML 5網頁中的文本和圖像
2.1 添加文本
2.2 文本排版
2.2.1 換行標記
與段落標記

2.2.2 標題標記

~

2.3 文字列表
2.3.1 建立無序列表

2.3.2 建立有序列表

2.4 網頁中的圖像
2.4.1 網頁中支持的圖片格式
2.4.2 使用路徑
2.4.3 在網頁中插入圖像標記
2.5 URL的概念
2.5.1 URL的格式
2.5.2 URL的類型
2.6 超鏈接標記
2.6.1 設置文本和圖片的超鏈接
2.6.2 超鏈接指向的目標類型
2.6.3 設置以新窗口顯示超鏈接頁面
2.7 創建熱點區域
2.8 綜合實例——圖文並茂的房屋裝飾裝修網頁
2.9 新手疑惑解答
第3章 用HTML 5創建表格和表單
3.1 表格基本結構及操作
3.1.1 表格基本結構
3.1.2 格
3.2 完整的表格標記
3.3 表單概述
3.4 表素的使用
3.4.1 單行文本輸入框text
3.4.2 多行文本框標記<br />3.4.3 密碼域password<br />3.4.4 單選按鈕radio<br />3.4.5 復選框checkbox<br />3.4.6 選擇列表標記<select><br />3.4.7 普通按鈕button<br />3.4.8 提交按鈕submit<br />3.4.9 重置按鈕reset<br />3.5 表素的使用<br />3.5.1 url屬性<br />3.5.2 eamil屬性<br />3.5.3 日期和時間<br />3.5.4 number屬性<br />3.5.5 range屬性<br />3.5.6 required屬性<br />3.6 綜合實例——創建用戶反饋表單<br />3.7 新手疑惑解答<br />第4章 HTML 5中的音頻和視頻<br />4.1 <audio>標記<br />4.1.1 <audio>標記概述<br />4.1.2 <audio>標記的屬性<br />4.1.3 音頻解碼器<br />4.1.4 <audio>標記瀏覽器的支持情況<br />4.2 <video>標記<br />4.2.1 <video>標記概述<br />4.2.2 <video>標記的屬性<br />4.2.3 視頻解碼器<br />4.2.4 <video>標記瀏覽器的支持情況<br />4.3 音頻和視頻中的方法<br />4.3.1 canPlayType()方法<br />4.3.2 load()方法<br />4.3.3 play()方法和pause()方法<br />4.4 音頻和視頻中的屬性<br />4.4.1 autoplay屬性<br />4.4.2 buffered屬性<br />4.4.3 controls屬性<br />4.4.4 currentSrc屬性<br />4.5 新手疑惑解答<br />第5章 數據存儲Web Storage<br />5.1 認識Web存儲<br />5.1.1 本地存儲和Cookies的區別<br />5.1.2 Web存儲方法<br />5.2 使用HTML 5 Web Storage API<br />5.2.1 測試瀏覽器的支持情況<br />5.2.2 使用sessionStorage方法創建對像<br />5.2.3 使用localStorage方法創建對像<br />5.2.4 Web Storage API的其他操作<br />5.2.5 使用JSON對像存取數據<br />5.3 目前瀏覽器對Web存儲的支持情況<br />5.4 綜合實例——設計一個頁面計數器<br />5.5 新手疑惑解答<br />第6章 CSS快速入門<br />6.1 CSS介紹<br />6.1.1 CSS功能<br />6.1.2 CSS發展歷史<br />6.1.3 瀏覽器與CSS<br />6.2 編輯和瀏覽CSS<br />6.2.1 CSS基礎語法<br />6.2.2 使用WebStorm創建CSS文件<br />6.3 在HTML中使用CSS的方法<br />6.3.1 行內樣式<br />6.3.2 內嵌樣式<br />6.3.3 鏈接樣式<br />6.3.4 導入樣式<br />6.3.5 優先級問題<br />6.4 CSS 3選擇器<br />6.4.1 標記選擇器<br />6.4.2 類選擇器<br />6.4.3 ID選擇器<br />6.4.4 全局選擇器<br />6.4.5 組合選擇器<br />6.4.6 繼承選擇器<br />6.4.7 偽類<br />6.4.8 屬性選擇器<br />6.4.9 結構偽類選擇器<br />6.4.10素狀態偽類選擇器<br />6.5 選擇器的聲明<br />6.5.1 集體聲明<br />6.5.2 多重嵌套聲明<br />6.6 綜合實例——設計新聞菜單<br />6.7 新手疑惑解答<br />第7章 CSS基礎語法<br />7.1 CSS美化網頁中的文字<br />7.1.1 設置字體的屬性<br />7.1.2 字體顏色color<br />7.2 文本的對齊方式<br />7.2.1 垂直對齊方式vertial-align<br />7.2.2 水平對齊方式<br />7.3 CSS美化網頁中的表格<br />7.3.1 表格邊框樣式<br />7.3.2 表格邊框寬度<br />7.3.3 表格邊框顏色<br />7.4 CSS與表單<br />7.4.1 美化表素<br />7.4.2 美化提交按鈕<br />7.4.3 美化下拉菜單<br />7.5 CSS美化網頁中的圖片<br />7.5.1 圖片邊框<br />7.5.2 橫向對齊方式<br />7.5.3 縱向對齊方式<br />7.6 CSS美化網頁背景<br />7.6.1 背景顏色<br />7.6.2 背景圖片<br />……<br /> </div> </div> <div align="center"> <img src="https://img1.360buyimg.com/imgzone/jfs/t1/113910/28/8817/16836/5ed49f5fEa18db827/86574627922cf9a7.jpg" alt="內容簡介"/> <div> 本書通過眾多實例和綜合案例的學習與演練，使讀者可以盡快掌握所學的Web開發技術，提高移動網站與App開發的實戰能力。同時本書提供了實例源代碼、課件和教學視頻，方便讀者快速上手並能進行二次開發。本書共20章，以應用實例和綜合實戰案例的形式逐一詳解HTML 5網頁設計的文檔結構、文本、圖像、超鏈接、表格、表單、音頻和視頻、數據存儲Web Storage、CSS快速入門、CSS基礎語法、網頁的定位與布局、JavaScript快速入門、JavaScript對像編程、JavaScript操縱CSS、地理定位、離線Web應用、熟悉jQuery Mobile、jQuery Mobile UI組件、jQuery Mobile事件、數據存儲技術和讀取技術、使用jQuery Mobile插件、開發求職招聘App、開發手機遊戲和開發購物網站App等方法和技巧。本書內容豐富，理論結合實踐，對從事網站美工工作的讀者等 </div> </div> <div align="center"> <img src="https://img10.360buyimg.com/imgzone/jfs/t5851/273/4275460549/30776/18add6/594a992cN8e4428fb.jpg" alt="作者簡介"/> <div> 王英英 編 </div> <div> <div> <div> "王英英，從事Web應用開發多年，精通多種編程語言，對數據庫技術有深入研究。在Python編程、數據庫開發方面有著豐富的經驗，並已出版過多本相關暢銷書，受廣大讀者熟悉和認可。暢銷書有《MySQL 5.7從零開始學（視頻教學版）》《MySQL8從入門到精通（視頻教學版）》等。" </div> </div> </div> </div> </div></div><div><img src="https://img10.360buyimg.com/imgzone/jfs/t1/147514/7/5440/73116/5f34a3beE3ba58783/f5b2391383f5625c.jpg" width="988"/></div><br/><br><br>"</td></tr><tr> <td> </td></tr></table> </td></tr><tr valign=top><td colspan=4 height="53"> <table border=0 cellpadding=0 cellspacing=0 width="98%" align="center"><tbody><tr valign=bottom> <td colspan=2 height=23><span class="bt_1">網友評論</span>  我們期待著您對此商品發表評論</td> </tr><tr valign=top><td colspan=2> <table bgcolor=#000000 border=0 cellpadding=0 cellspacing=0 height=1 width="100%"> <tbody><tr> <td></td></tr></tbody> </table> </td></tr><tr valign=top><td colspan=2> <table align=center border=0 cellpadding=4 cellspacing=0 width=400> <tbody><tr align=middle><td width="100%"> <div align=center> <input style="FONT-SIZE: 12px" type=button value="我要評論" onClick="javascript:open('forum.asp?method=blank&id=35201911','','');"></div> </td></tr></tbody> </table> <div></div></td></tr><tr valign=top><td colspan=2> </td></tr></tbody> </table> </td></tr><tr valign=top><td colspan=4> <table width="98%" border="0" cellspacing="0" cellpadding="0" align="center"><tr> <td class="bt_1" height="26">相關商品</td> </tr><tr> <td height="1" bgcolor="#000000"></td> </tr><tr> <td valign="top"></td></tr><tr> <td valign="top"></td></tr><tr> <td> </td></tr></table> </td></tr></tbody> </table> </td></tr></table> </td></tr></table> <TABLE cellSpacing=0 cellPadding=0 width=1000 align=center border=0> <TBODY> <TR> <TD><IMG height=5 src="/liaode/images/bottom_01.jpg" width=1000></TD></TR> <TR> <TD align=middle> <TABLE class=size cellSpacing=1 cellPadding=0 width="100%" bgColor=ffffff><TBODY> <TR> <TD width="100%" height=15 align=center> <a href="contact.asp?t=3" class="links6" target=_blank><font color=red><b>在線留言</b></font></a> 商品價格為新臺幣 </TD> </tr> <TR> <TD width="100%" height=15 align=center> <a href="help.html" class="links6">關於我們</a> <a href="help.html" class="links6">送貨時間</a> <a href="help.html" class="links6">安全付款</a> <a href="user.asp" class="links6">會員登入</a> <a href="user.asp" class="links6">加入會員</a> <a href="user.asp?method=fillbill" class="links6">我的帳戶</a> <a href="help_5.html" class="links6"><font color=red>網站聯盟</font></a> </TD> </tr> <TR> <TD width="100%" height=15 align=center> <a href="http://www.liaode.com.tw/sitemap.htm" title="DVD" target="_blank" class="links6"><strong>DVD</strong></a> <a href="http://www.liaode.com.tw/sitemap.xml" title="連續劇" target="_blank" class="links6"><strong>連續劇</strong></a> Copyright © 2024, Digital 了得網 Co., Ltd. </TD> </tr> </TBODY></TABLE></TD></TR></TBODY></TABLE> <style type="text/css"> .ui-scrolltop:hover { opacity: 1; filter: alpha(opacity=100); -moz-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; transition: opacity 0.3s ease-in,opacity 0.3s ease-out; } .ui-scrolltop { display: block; position: fixed; _position: absolute; right: 10px; bottom: 200px; z-index: 9999; height: 60px; width: 60px; text-indent: -999999px; overflow: hidden; background: #000 url(http://liaode.com.tw/images/untitled.png) 18px 21px no-repeat; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; -moz-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; transition: opacity 0.3s ease-in,opacity 0.3s ease-out; } </style> <a id="J_ScrollTopBtn" class="ui-scrolltop" title="返回頂部" href="#top">返回頂部</a> <!-- oeya --> <script type="text/javascript"> var pkBaseURL = (("https:" == document.location.protocol) ? "https://www.conn.tw/" : "http://adcenter.conn.tw/"); document.write(unescape("%3Cscript src='" + pkBaseURL + "track/oeya_url_cookie.js' type='text/javascript'%3E%3C/script%3E")); </script><script type="text/javascript"> var manu_code = '9nTT0aH7gmjA948'; var code='member'; var code_value='$member'; var code_sub=''; var pro_info=''; var action_name = ''; url = pkBaseURL + "track/oeya_url_cookie.php"; oeya_log(action_name, manu_code, url,code,code_value,code_sub,pro_info); </script> <!-- End oeya Tag --> <!--<script type="text/javascript" src="http://z1-pcok6.kuaishangkf.com/bs/ks.j?cI=338981&fI=119634&ism=1" charset="utf-8"></script>--> <div id="dialog-warning" style="display:none;" title="提示"> <p><span class="red">請選擇顏色、尺碼等選項！</span></p></div><div id="dialog-confirm" style="display:none;" title="提示"> <p><span class="red">已成功加入購物車！</span></p></div></body></html>