HTML 5 是自2010 年以來最熱門的技術之一,學習HTML 5 成為Web 開發者
的一大重要任務,學會HTML 5,就掌握了邁向未來Web 平台的一把鑰匙。因此
我們希望借助此書幫助Web 開發者更好地學習HTML 5 以及與之相伴隨的CSS 3
技術。本書是一本典型的HTML 5 和CSS 3 實例教程,由多位經驗豐富的網頁設計人員和程式設計師編著而成。並且立足於網路行業,詳細介紹HTML 5 網頁的設計和製作流程。
本書內容
本書共分為19 章,透過大量的實例全面介紹了使用HTML 5 和CSS 3 在網頁
設計與製作過程中使用的各種專業技術,以及用戶可能遇到的各種問題。各章的
主要內容如下:
第1 章介紹基礎知識和理論知識,包括網頁的概念、靜態網頁和動態等內容。
第2 章介紹HTML 5 的主體結構,包括HTML 5 結構性標籤體系、新增的主體結
構標籤和非主體結構標籤等內容。
第3 章介紹HTML 5 中的表單及表單驗證,包括插入表單、新增表單屬性和新增
表單欄位等內容。
第4 章介紹HTML 5 中新增的標籤及文件操作,包括新增的頁面標籤、改良標籤
和Blob 物件等內容。
第5 章介紹繪製基本圖形內容,包括繪製矩形、繪製圓形和關閉路徑;以及圖形
繪製的高級應用,包括繪製變形圖形、座標的變換和圖形組合等內容。
第6 章介紹HTML 5 中的多媒體應用,包括視訊音訊的插入、屬性、方法和事件
等內容。
第7 章介紹HTML 5 中的本地儲存和離線應用程式,包括Web Storage 和Transaction
方法等內容。
第8 章介紹HTML 5 中的通訊與執行緒,包括Web Sockets 通訊、發送物件和執行
緒等內容。第9 章介紹獲取用戶的地理位置資訊等內容,包括獲取目前地理位置、持續監視
目前地理位置和停止獲取地理位置等內容。
第10 章介紹CSS 3 的基礎知識,包括CSS 的概念、繼承和引入方式等內容。
第11 章介紹CSS 3 中的選擇器,包括選擇器的類型和概念等內容。
第12 章介紹使用CSS 在頁面中插入內容,包括使用選擇器插入文字和圖片等內
容。
第13 章介紹文字的相關樣式,包括文字陰影、陰影位移和省略標記等內容。
第14 章介紹盒子相關樣式,包括盒子的基本類型和表格的相關類型等內容。
第15 章介紹用戶介面模組,包括邊框陰影、繪製輪廓和分欄效果等內容。
第16 章介紹背景和邊框樣式,包括指定背景的顯示範圍、繪製圓角邊框和使用圖
像邊框等內容。
第17 章介紹CSS 3 中的變形處理,包括如何使用Transform 功能和Transform 功
能的分類等內容。
第18 章介紹了後台管理頁面的設計分析,以及登錄面和框架集頁面的各組成部
分。
第19 章使用之前介紹的各種知識,設計和製作了一個完整的網站綜合實例。透過該實例,可以讓用戶更全面瞭解HTML 5 和CSS 3 開發網頁的重要性。
目標讀者
想全面提升HTML / CSS的人
相關科系院所的學校教材
目錄
前言
第1 章 什麼是HTML
1.1 網頁的概述
1.2 靜態網頁
1.3 動態網頁
1.4 瞭解網頁瀏覽器
1.5 常用的瀏覽器
1.6 瀏覽器核心/網頁排版引擎
1.7 HTML 標籤語言
1.8 XML 可擴展標識語言
1.9 XHTML 標籤語言
1.10 HTML 5 的新功能
1.11 練習:建立HTML 5 文件
1.12 練習:製作導航列
1.13 高手答疑
第2 章 HTM L 5 的主體結構
2.1 HTML 5 結構性標籤體系
2.2 新增的主體結構標籤
2.3 新增的非主體結構標籤
2.4 練習:個人部落格
2.5 練習:製作水果頁面
2.6 練習:水墨畫頁面
2.7 高手答疑
第3 章 表單及表單驗證
3.1 插入表單
3.2 新增表單屬性
3.3 HTML 中的標籤
3.4 新增表單欄位
3.5 新的表單元素
3.6 練習:用戶登錄
3.7 練習:用戶註冊
3.8 高手答疑
第4 章 新增標籤及文件操作
4.1 新增頁面標籤
4.2 改良標籤
4.3 增強的cite 標籤
4.4 重新定義的small 標籤
4.5 FileList 物件與file 物件
4.6 Blob 物件
4.7 FileReader 介面
4.8 拖放介面
4.9 練習:風景推薦線路
4.10 練習:製作校園簡介
4.11 高手答疑
第5 章 使用Canvas API 繪製圖形
5.1 認識Canvas API 元素
5.2 瀏覽器的支援與替代內容
5.3 在頁面中放置Canvas 元素
5.4 使用路徑功能
5.5 使用變換(Transformation)
5.6 保存圖形狀態
5.7 描邊樣式和填充樣式
5.8 在Canvas 中插入圖片
5.9 繪製文字
5.10 繪製曲線
5.11 建立漸層物件9
5.12 建立背景圖
5.13 應用陰影
5.14 像素資料
5.15 高手答疑
第6 章 應用多媒體
6.1 插入視訊或音訊
6.2 屬性
6.3 方法
6.4 事件
6.5 練習:在HTML 5 中插入音訊
6.6 練習:製作視訊播放頁面
6.7 高手答疑
第7 章 本地儲存和離線應用程式
7.1 什麼是Web Storage
7.2 Web Storage 的優勢
7.3 判斷瀏覽器
7.4 Web Storage 方法
7.5 本地資料庫基本
7.6 本地資料庫操作
7.7 離線Web 應用程式詳解
7.8 Cache Manifest 文件
7.9 線上狀態檢測
7.10 ApplicationCache 物件
7.11 練習:製作簡單留言簿
7.12 練習:建立離線瀏覽
7.13 高手答疑
第8 章 通訊與執行緒
8.1 跨文件消息傳輸
8.2 WebSocket 通訊
8.3 瞭解WebSockets API
8.4 使用WebSocket
8.5 瞭解Web Workers
8.6 Web Workers 工作原理
8.7 工作執行緒與多執行緒
8.8 執行緒事件處理模型
8.9 執行緒生命週期
8.10 瀏覽器與執行緒
8.11 練習:製作資訊發送頁
8.12 練習:多執行緒運行
8.13 練習:單個執行緒計算
8.14 高手答疑
第9 章 獲取地理位置資訊
9.1 getcurrentPosition 方法
9.2 WatchPosition 方法
9.3 clearWatch 方法
9.4 position 物件
9.5 練習:聯繫我們頁面
9.6 練習:個人博客
9.7 高手答疑
第10 章 揭秘CSS3
10.1 瞭解CSS
10.2 使用CSS 的好處
10.3 CSS 的發展史
10.4 CSS 缺點和使用陷阱
10.5 CSS 3 的新特性
10.6 應用CSS
10.7 CSS 裡的單位
10.8 編寫規則
10.9 練習:製作多彩時尚網
10.10 練習:製作文章頁面
10.11 高手答疑
第11 章 CSS3 選擇器
11.1 認識CSS3 選擇器
11.2 屬性選擇器
11.3 偽類別選擇器和偽元素
11.4 結構性偽類別選擇器
11.5 UI 元素狀態偽類別選擇器
11.6 其他關係選擇器
11.7 練習:製作圖書列表
11.8 練習:製作商品列表
11.9 高手答疑
第12 章 在頁面中插入內容
12.1 使用選擇器來插入文字
12.2 在標題前插入圖像文件
12.3 插入圖像文件的好處
12.4 attr 屬性應用
12.5 使用content 屬性
12.6 練習:企業新聞列表
12.7 練習:線上調查
12.8 高手答疑
第13 章 文字相關樣式
13.1 文字陰影
13.2 陰影位移
13.3 陰影的模糊半徑
13.4 指定多個陰影
13.5 省略標記
13.6 自動換行
13.7 調用伺服器端字體
13.8 練習:節日簡介頁面
13.9 練習:產品說明頁面
13.10 高手答疑
第14 章 盒子相關樣式
14.1 盒子的基本類型
14.2 內容溢出
14.3 插入內容
14.4 控制瀏覽器行為
14.5 區域可縮放
14.6 練習:製作傳媒公司首頁
14.7 練習:製作海灣度假村網頁
14.8 高手答疑
第15 章 用戶介面模組
15.1 邊框陰影
15.2 繪製輪廓
15.3 nav 開頭屬性
15.4 分欄效果
15.5 練習:製作新年賀詞頁
15.6 練習:製作花品展示頁
15.7 高手答疑
第16 章 背景、邊框樣式及變形處理
16.1 背景的新增屬性及應用
16.2 圓角邊框的繪製
16.3 使用圖像邊框
16.4 transform 變形處理
16.5 練習:企業網站首頁
16.6 練習:製作不規則形狀
16.7 高手答疑
第17 章 CSS 中的動畫
17.1 Transitions 功能
17.2 使用Transitions 功能同時
平滑過渡多個屬性值
17.3 使用Animations 功能
17.4 實現動畫的方法
17.5 練習:製作動態功能表
17.6 練習:製作動畫轉動特效
17.7 高手答疑
第18 章 後台管理頁面
18.1 後台管理頁設計分析
18.2 設置登錄頁面
18.3 建立主框架集頁
18.4 框架集頂部文件
18.5 框架集左側文件
18.6 框架集主文件
第19 章 君華房產網站首頁
19.1 網站的設計與分析
19.2 網頁介面設計分析
19.3 設計網頁的導航列
19.4 建立頁面的內容部分.
19.5 頁面版尾內容
19.6 添加導航和頁腳頁面
前言
第1 章 什麼是HTML
1.1 網頁的概述
1.2 靜態網頁
1.3 動態網頁
1.4 瞭解網頁瀏覽器
1.5 常用的瀏覽器
1.6 瀏覽器核心/網頁排版引擎
1.7 HTML 標籤語言
1.8 XML 可擴展標識語言
1.9 XHTML 標籤語言
1.10 HTML 5 的新功能
1.11 練習:建立HTML 5 文件
1.12 練習:製作導航列
1.13 高手答疑
第2 章 HTM L 5 的主體結構
2.1 HTML 5 結構性標籤體系
2.2 新增的主體結構標籤
2.3 新增的非主體結構標籤
2.4 練習:個人部落格
2.5 練習:製作水果頁面
2.6 練習:水墨畫頁面
2.7 高手答疑
第3 章 表單及表單驗證
...