HTML5移動Web開發技術

《HTML5移動Web開發技術》是2018年5月30日機械工業出版社出版的圖書，作者是夏輝。

基本介紹

• 中文名：HTML5移動Web開發技術
• 作者：夏輝
• 出版社：機械工業出版社
• 出版時間：2018年5月30日
• 頁數：336 頁
• 定價：65 元
• 開本：16 開
• ISBN：978-7-111-59727-8

內容簡介

《HTML5移動Web開發技術》主要講述如何利用HTML5的相關技術開發移動Web網站和Web App。要分為以下幾部分：一，主要講述Web技術的發展及HTML5標準在移動Web技術中的套用；第二，主要講述HTML5的基本標籤、新功能及新特性在移動設備瀏覽器中的使用方法；第三，主要介紹JavaScript、CSS3及比較流行的移動開發框架jQuery Mobile，並配備豐富的實例作為實踐；第四，主要結合HBuilder框架庫和HTML5技術構建進行講解，旨在幫助讀者將HTML5技術運用於實踐之中。 《HTML5移動Web開發技術》既可作為高等學校計算機軟體技術課程的教材，也可作為管理信息系統開發人員的技術參考書。

圖書目錄

前言

第1章 移動網際網路時代HTML5概述

1.1 移動網際網路Web技術發展

1.2 HTML5概述

1.2.1 HTML5的誕生和發展

1.2.2 HTML5新特性

1.2.3 跨越瀏覽器的HTML5

1.3 HTML5在移動開發中的套用

1.3.1 Web前端開發技術簡介

1.3.2 移動Web套用發展

1.3.3 HTML5移動端開發前景和優勢

本章小結

實踐與練習

實驗指導

實驗1 使用瀏覽器下載和查看網頁原始碼

實驗2 快速製作簡單網頁

第2章 移動開發工具和開發框架

2.1 使用HTML5開發移動端應用程式

2.2 PC瀏覽器中模擬移動開發與測試

2.3 主流移動開發工具

2.3.1 HBuilder

2.3.2 Sublime Text

2.3.3 Atom

2.3.4 WebStorm

2.3.5 Visual Studio Code

2.4 HTML5移動Web開發框架

2.4.1 jQuery Mobile

2.4.2 Sencha Touch

2.4.3 Junior

2.4.4 其他HTML5移動Web開發框架

2.5 案例：使用HBuilder框架設計

精美窗體

本章小結

實踐與練習

實驗指導

實驗1 使用HBuilder創建MUI框架頁面

實驗2 用jQuery Mobile框架實現框架抽屜布局效果

第3章 移動開發常用的HTML5標籤

3.1 HTML5檔案基本標記

3.1.1 頭部元素

3.1.2 標題元素

3.1.3 元信息標記

3.1.4 頁面主體

3.1.5 頁面注釋標記

3.2 頁面主體標籤

3.2.1 文字格式

3.2.2 跨越瀏覽器的HTML5

3.3 列表

3.3.1 有序列表

3.3.2 無序列表

3.3.3 定義列表

3.3.4 選單列表

3.3.5 目錄列表

3.4 層標記

3.4.1 div標籤

3.4.2 iframe標籤

3.4.3 layer和ilayer標籤

3.5 表格

3.5.1 標題和表頭

3.5.2 表格的基本屬性

3.5.3 表格樣式的設定

3.6 多媒體

3.6.1 audio標籤

3.6.2 video標籤

3.7 圖像效果

3.7.1 圖像的基本格式

3.7.2 圖像屬性

3.7.3 圖像文字和連結

3.8 檔案與拖放

3.8.1 file對象選擇檔案

3.8.2 圖像屬性blob接口獲取檔案的類型與大小

3.8.3 FileReader接口

3.8.4 拖放API

3.8.5 實現拖放的步驟

3.9 案例：實現購物車功能

本章小結

實踐與練習

實驗指導

實驗1 列表——簡單的ul標籤小套用

實驗2 iframe——使用iframe實現簡單導航欄切換效果

實驗3 將自己的課表顯示在頁面上

第4章 HTML5高級開發標籤

4.1 HTML5 canvas概述

4.2 canvas標籤

4.2.1 繪製矩形

4.2.2 使用路徑繪製圖形

4.2.3 使用arc繪製弧形

4.2.4 填充及填充樣式

4.2.5 繪製曲線

4.2.6 canvas變換及文本

4.2.7 漸變

4.3 Geolocation（地理定位）

4.4 HTML5主要新增標籤

4.4.1 語義化標記

4.4.2 input新增屬性

4.4.3 button標籤

4.4.4 HTML5其他新增標籤

4.4.5 HTML5廢除的元素

4.5 案例：創建魔方玩具效果

本章小結

實踐與練習

實驗指導

實驗1 用canvas繪製一個笑臉圖案

實驗2 用canvas實現簡單濾鏡效果

第5章 HTML5表單設計

5.1 表單屬性標籤

5.2 添加類控制項

5.2.1 文本控制項

5.2.2 密碼域

5.2.3 單選按鈕

5.2.4 複選框

5.2.5 普通按鈕

5.2.6 提交按鈕

5.2.7 重置按鈕

5.3 表單輸出元素和驗證

5.3.1 表單的輸出元素

5.3.2 表單驗證

5.4 案例：E-M線上註冊套用

本章小結

實踐與練習

實驗指導

實驗1 CRM系統註冊頁面實現

實驗2 QQ登錄系統實現

第6章 CSS3樣式

6.1 CSS概述

6.2 CSS的屬性和背景

6.2.1 CSS屬性

6.2.2 CSS3 背景

6.3 選擇器

6.4 CSS的定位

6.5 頁面設計案例

6.6 案例：DIV+CSS精美視窗設計

本章小結

實踐與練習

實驗指導

實驗1 創建手風琴效果

實驗2 仿九宮格排列的按鈕組

第7章 JavaScript基礎

7.1 JavaScript概述

7.2 JS基礎元素和功能

7.2.1 JS注釋

7.2.2 JS輸出

7.2.3 JS運算符

7.2.4 流程控制語句

7.2.5 JS循環語句

7.2.6 JS錯誤和驗證

7.3 JS函式與內置對象

7.3.1 JS函式

7.3.2 JS對象

7.4 JS視窗對象

7.4.1 window對象

7.4.2 document對象

7.4.3 timing對象

7.4.4 navigator對象

7.4.5 history對象

7.4.6 location對象

7.5 表單互動

7.6 Cookie存儲信息

7.7 案例：線上書店購物車

本章小結

實踐與練習

實驗指導

實驗1 JS編程環境及代碼調試方法

實驗2 用JS實現線上電子商務購物

第8章 移動框架jQuery Mobile

8.1 實現一個Hello World

8.2 UI頁面設計

8.2.1 頁面與視圖

8.2.2 基本控制項

8.2.3 列表

8.2.4 工具列

8.3 動態事件

8.3.1 表單實現

8.3.2 實現的工具和方法

8.3.3 Event事件

8.4 案例：唱片購買

本章小結

實踐與練習

實驗指導

實驗1 基於jQuery Mobile的簡單的記事本

實驗2基於jQuery Mobile的全鍵盤界面

第9章 HBuilder開發工具

9.1 移動開發工具概述

9.2 實現一個Hello World程式

9.3 MUI框架實現

9.3.1 主要的UI組件

9.3.2 視窗管理

9.3.3 事件管理

9.3.4 刷新載入

9.4 設計自己的HBuild程式

9.4.1 需求分析

9.4.2 App設計

9.5 案例：使用AJAX實現App與

伺服器之間的互動

本章小結

實踐與練習

實驗指導

實驗1 掌握MUI框架的實現及其相應組件的功能

實驗2設計App，完善用戶體驗

第10章 綜合實例——C2C交易平台前端設計

10.1 需求分析

10.2 系統功能模組設計

10.3 開發環境

10.4 前端UI設計

10.4.1 材料準備

10.4.2 項目準備

10.4.3 移動端設計

10.4.4 流程設計

10.4.5 商品展示模組

10.4.6 購物車設計

10.4.7 登錄模組

10.4.8 訂單功能模組

10.4.9 聯繫功能模組

本章小結

實踐與練習

參考文獻