|
|
這不是一本在討論HTML5有哪些新功能的概念書！
本書顧及到初學者與有心自學的讀者，利用完整案例，從網頁語法的基礎開始，讓您可以跟著逐步建立網頁，循序漸進的學習與增強HTML5的技巧。若您已有HTML基礎，也可以直接跳到所需章節進行學習。
看完本書，讀者就可以打造出功能及完整度高的速食網站。或是您也可以發揮創意，改造成具個人風格的網站。
除了基本的HTML5基礎知識之外，您還可以學到：
．建立頁面模板與網頁 ．建立良好的網站架構
．嵌入音訊與視訊 ．善用microdata
．透過HTML5與JavaScript強化網站 ．資料存儲
．利用CSS維持樣式的一致性 ．使用geolocation進行定位
本書特色
●完整範例導引，新手也能快速上手
●14章徹底學會網頁建置，增強設計技巧！
●可搭配網站影片，進行延伸學習
PART 1 利用HTML5 產生網頁內容
CHAPTER 1 開始
什麼是HTML
設定你的工具
打造你的第一個HTML5 網頁
建構網頁元件
驗證你的網頁
瀏覽器並不是一視同仁的
總結
CHAPTER 2 建構網頁
產出版面範本頁面
用元資料（metadata）延伸＜head＞ 元件內容
利用CSS 加入版面設計
總結
CHAPTER 3 產出範本頁面
加入公司商標
加入導引連結
加入頁面內容
全域屬性
總結
CHAPTER 4 產出網頁
在首頁中加入內容
在「關於本店」頁面裡加入內容
產生「分店位置」頁面
產生「網站地圖」頁面
產生「本店菜單」頁面
產生「本店消息」頁面
後記
PART 2 資料處理
CHAPTER 5 使用表單
在「網路訂位」頁面加入＜ＦＯＲＭ＞ 元件
在「網路訂位」頁面裡加入＜input＞ 和＜label＞ 元件作為表單欄位
利用＜textarea＞ 元件加入訊息輸入框
在「網路訂位」頁面裡加入『資料送出』按鈕
在「網路訂位」頁面裡加入下拉式選單
處理檔案
利用＜fieldset＞ 和＜legend＞ 將網路預約頁面的輸入欄位群組化
更新網站鍊結以及網站地圖
總結
CHAPTER 6 利用HTML5 加強網路表單
在「網路訂位」頁面裡加入HTML5
HTML5 輸入格式
HTML5 輸入屬性
資料列表（Datalists）
總結
CHAPTER 7 利用HTML5 驗證表單資料
在「網路訂位」頁面裡加入驗證流程
要求使用者輸入資料
限制長度
限制範圍
符合樣版格式
基本正規表達式
總結
CHAPTER 8 使用微資料
有關 Schema.org
使用微資料（microdata）
常用基模
總結
CHAPTER 9 確保無障礙
無障礙介面為何重要？
螢幕閱讀器
讓網頁表單無障礙化
讓表格無障礙
讓圖像也變得無障礙化
讓鍊結無障礙化
測試無障礙程度
總結
PART 3 利用HTML5 & JavaScript來強化網頁內容
CHAPTER 10 JavaScript 介紹
什麼是JavaScript?
＜script＞ 元件
基礎JavaScript
文件物件模型（DOM）
JavaScript 函式庫
總結
CHAPTER 11 加入影音資料
轉換影音檔案
使用＜video＞ 元件新增影片檔案到「關於本店」頁面
透過JavaScript 產生客製化的控制介面
讓影片無閱讀障礙
總結
CHAPTER 12 儲存資料
為何要使用伺服端儲存？
LocalStorage
從「預約用餐」頁面上取得客戶資料
SessionStorage
在使用用戶端儲存時的額外考量
總結
PART 4 進階HTML5 技術
CHAPTE 13 使用GeoLocation
取得使用者位置
計算兩組GPS 座標間的距離
找出最近的餐廳
總結
CHAPTER 14 使用Canvas 產生線上廣告
設定Canvas 功能
產生背景
添加文字
畫線
繪製圓形
產生漸層
加上陰影
增加特價訊息
儲存和回復狀態
加入影像
總結
APPENDIX A 文字的其他HTML 標記語言
APPENDIX B HTML 元件索引
APPENDIX C 讀完本書之後
