圖書|HTML5 從零開始

HTML5儘管已發展多年,然直到蘋果創辦人賈伯斯拒絕在行動裝置上支援Flash ,HTML5才真正贏得目光順勢堀起,有感於此波Web技術浪潮革命的來臨,工作室於2012年5月發行了《HTML5完美風暴》一書,完整討論HTML5技術核心,而隨著HTML5功能規格於2012年12月底定,《HTML5完美風暴》也於 2013.1 進行改版發行,完成第一階段的HTML5技術推廣工作。

隨著Web介面的革新,HTML5技術席捲全球,前端開發領域益發受到重視,為了補足入門學習需求的缺口,因此有了這《HTML5從零開始》的出版,內容則定位在沒有HTML相關基礎的學生或是開發人員,從基礎的HTML標籤開始,逐步探討進入前端開發所需瞭解的三大關鍵技術-HTML、CSS與JavaScript,銜接HTML5導入的最新規格,並透過實作案例,示範HTML5技術的開發應用。

除了核心技術,本書亦針對前端開發必須瞭解的相關技術,包含 Bootstrap 、jQuery 等等進行了討論,而最後一章則進一步在 jQuery 的基礎上,透過 jQuery Mobile 討論最重要的前端行動裝置開發,在不需具備任何艱深技巧知識的前提下,學會以HTML5發展適合行動裝置檢視的網頁應用。

前端開發領域最重要的核心技術-HTML5,正快速改變網頁應用程式的面貌,本書從最基本的HTML標籤開始,逐一解構包含JavaScript與CSS在內的網頁相關技術,從舊版HTML到最新的HTML5規格,引領讀者進入前端開發殿堂,不需要任何技術背景,完成本書的閱讀,讀者將能快速瞭解並學會利用相關技術開發前端應用。




  1. HTML5 概觀
  2. HTML 標籤 & CSS 語法初探與運用
  3. 網頁版面設計
  4. JavaScript 快速入門
  5. 元素存取與網頁結構操作
  6. 與使用者互動
  7. 繪圖與動畫
  8. 影音播放
  9. 網頁資料儲存與檔案處理
  10. 通訊技術
  11. jQuery 入門
  12. jQuery Mobile 與行動裝置開發




第一章 Hello HTML5
1.1 關於HTML
1.2 文件物件模型( Document Object Model)
1.3 HTML 與JavaScript
1.4 關於CSS
1.5 從HTML 到HTML5
1.6 開發工具


第二章 HTML 標籤與CSS 語法
2.1 設定網頁描述資訊
2.2 共同屬性
2.3 HTML 標籤
2.4 輸入標籤
2.5 導入CSS
2.6 文字樣式
2.7 清單與表格樣式
2.8 文視覺格式與排版樣式
2.9 再探CSS 選擇器
2.10 消除預設樣式
2.11 使用iframe


第三章 網頁介面與版型設計
3.1 開版型與網頁區塊化
3.2 使用HTML5 語意標籤
3.3 語意標籤與大綱輸出
3.4 語意標籤與區塊配置實作
3.5 標題與大綱條目
3.6 檢視大綱輸出工具
3.7 IE 對標籤的支援
3.8 使用框架- Bootstrap
3.9 套用BootStrap 格線系統


第四章 JavaScript 快速入門
4.1 撰寫JavaScript
4.2 輸出訊息
4.3 變數
4.4 資料型別
4.5 運算式以及運算子
4.6 敘述句
4.7 函式
4.8 關於物件
4.9 陣列
4.10 使用內建物件
4.11 全域物件與函式
4.12 Window 物件


第五章 元素存取與網頁結構操作
5.1 操作網頁元素
5.2 取得元素內容文字
5.3 開發簡單的應用程式-加法運算器
5.4 操作一個以上的網頁元素
5.5 調用getElementsByXxx() 方法存取網頁元素
5.6 程式化控制CSS
5.7 調整標籤屬性
5.8 節點元素的新增、附加與刪除
5.9 動態載入JavaScript


第六章 與使用者互動
6.1 事件機制與元素互動
6.2 window 事件
6.3 滑鼠事件
6.4 鍵盤事件
6.5 拖曳事件


第七章Canvas
7.1 關於繪圖
7.2 開始繪圖
7.3 線條樣式
7.4 描繪圖片
7.5 描繪文字
7.6 動畫設計
7.7 簡易繪圖板


第八章 影音播放
8.1 播放影音檔案
8.2 播放作業的程式化控制
8.3 video 標籤屬性
8.4 播放音訊檔–audio
8.5 教學影片網頁


第九章 網頁資料儲存
9.1 應用程式快取
9.2 快取清單( cache manifest)
9.3 區段定義
9.4 設定區塊
9.5 Cookies
9.6 Web 儲存
9.7 localStorage 與sessionStorage 的差異
9.8 線上便利貼
9.9 存取檔案特性
9.10 讀取檔案內容
9.11 讀取圖檔


第十章 通訊技術
10.1 關於通訊作業
10.2 跨文件訊息傳遞
10.3 關於安全
10.4 iframe 資訊傳遞
10.5 多執行緒網頁運算
10.6 網頁與背景執行緒的雙向溝通
10.7 伺服器推播技術- Server Sent Events


第十一章 jQuery 入門
11.1 為什麼使用jQuery
11.2 引用jQuery 函式庫
11.3 從 $() 開始使用jQuery
11.4 巡覽所取得的元素
11.5 簡化ready() 調用
11.6 存取元素內容文字
11.7 存取元素屬性
11.8 設定元素類別
11.9 異動文件結構
11.10 事件處理
11.11 jQuery 動畫


第十二章 jQuery Mobile 與行動裝置開發
12.1 準備行動裝置模擬器
12.2 使用jQueryMobile
12.3 HTML5 自訂資料屬性
12.4 關於data-role 與分頁配置
12.5 頁首/頁尾與內容
12.6 頁首與頁尾的配置
12.7 多頁實作
12.8 資料輸入控制項
12.9 行動裝置事件
12.10 案例研究-研討活動資訊頁



11 則留言:

匿名 提到...

你好, 最近買了HTML5從零開始這本書, 裡面p4-3頁提到參考本章範例資料夾中的jsdemo.js與jsdemo.html兩個檔案及p5-22提到請參考tag-class-querySelector.html與tag-querySelector.html, 但是我收到這本書的時候裡面並無附範例光碟, 我想確認一下這本書有範例光碟嗎? 或是哪邊可以下載? 另外這本書有些地方有錯誤, 是否有和HTML5完美風暴一樣有勘誤的頁面, 謝謝!

康廷數位文教網 提到...

Hi,您好:

這本書並沒有附光碟,當初因為作業問題導致連結沒有印上,非常抱歉,請直接跟出版社索取檔案

錯誤的部份再請於此回覆,我們會直接提報於此作為勘誤表內容

感謝您的留言,此書出版疏漏造成困擾,還請見諒,如有任何問題還請不吝讓我們知道 !



Alexandra Lui 提到...

大大你好,我也是跟上面哪位讀者一樣,買了書後沒CD範例,那個出版商網站好像沒有了,那現在怎麼辦?

康廷數位 提到...

Hi,Alexandra Lui 您好:

出版社藍海文化並沒有消失,只是目前網頁內容整併至麗文集團哦,網址如下:

http://www.liwen.com.tw/pro_detail.php?item=247

先請寄mail至我們的聯絡信箱,我們將範例檔案寄給你,藍海文化那裏我們會再跟請他們於新網頁重新補上連結。

感謝您 :)

Alexandra Lui 提到...

感謝你那麼快的回覆,請問你們的聯絡信箱是不是support@kangting.tw?

Thank you ;-)

康廷數位 提到...

是的,麻煩您了 :)

匿名 提到...

請問[HTML5從零開始]和[HTML5 完美風暴(第三版)]這兩本都是以Visual Studio來開發的嗎?謝謝

康廷數位 提到...

Hi,您好:基本是純文字檔哦,沒有特別強調 Visual Studio

guitaristlou 提到...

不好意思,
我最近買了這本書,
也沒有檔案,
不知道是否可以寄到:guitaristlou@yahoo.com.tw
感謝

Unknown 提到...

我最近買了這本書,
也沒有檔案,
不知道是否可以寄到:pettypeellau@gmail.com.tw

康廷數位 提到...

直接點擊上面的「書附完整範例下載」按鈕即可下載 
學習愉快 ;)