HTML5網頁前端設計實戰（Web前端開發技術叢書）

內容簡介

　本書是《HTML5網頁前端設計》一書的配套實戰項目教程，也可單獨為具有一定Web前端基礎的讀者使用。本書的電子資源包括全套例題原始碼可供讀者下載。

　　全書共包含10章，每章均配套兩個實例項目。全部內容可分為以下4個部分：

　　第一部分是基礎知識篇，包括第1、2章的內容。其中，第1章是HTML+CSS基礎項目，介紹導航選單與商務風格表格的設計與實現；第2章是JavaScript基礎項目，介紹電子時鐘與電子日曆的設計與實現。

　　第二部分是重點篇，包括第3～8章的內容。這6章分別介紹基於HTML5拖放API、表單API、畫布API、媒體API、地理定位API以及Web存儲API的項目案例。其中較有特色的綜合項目有手繪時鐘、拼圖遊戲、網頁日誌本、音樂播放器、線上教學視頻等。

　　第三部分是提高篇，包括第9章的內容。第9章是CSS3基礎項目，主要講解使用CSS3製作火焰和霓虹文字特效以及使用CSS3動畫製作回響式放大選單。

　　第四部分是綜合篇，包括第10章的內容。第10章提供了兩個完整的項目實例，包括貪吃蛇遊戲的開發和企業文化用品展示網站的設計與實現。這兩個項目實例綜合套用了全書所學的知識，讓讀者所學即所用。

　　本書可作為高校計算機相關專業HTML5 課程的實踐教材，也可作為學習HTML5開發的自學教材或培訓教材。

第1章 HTML+CSS基礎項目 1

1.1 導航欄選單的設計與實現 1

1.1.1 界面設計 1

1.1.2 滑鼠事件 4

1.1.3 完整代碼展示 5

1.2 商務風格表格的設計與實現 6

1.2.1 創建表格 6

1.2.2 樣式設計 7

1.2.3 完整代碼展示 11

第2章 JavaScript基礎項目 13

2.1 電子時鐘的設計與實現 13

2.1.1 界面設計 13

2.1.2 時鐘動態效果的實現 16

2.1.3 完整代碼展示 18

2.2 電子日曆的設計與實現 19

2.2.1 界面設計 19

2.2.2 顯示狀態欄中的年份和月份 22

2.2.3 顯示當前月份的所有日期 23

2.2.4 按鈕控制項功能的實現 26

2.2.5 完整代碼展示 27

第3章 HTML5拖放API項目 31

3.1 仿資源回收筒效果的設計與實現 31

3.1.1 界面設計 31

3.1.2 檔案拖曳與回收功能的實現 34

3.1.3 完整代碼展示 37

3.2 圖片相框展示的設計與實現 39

3.2.1 界面設計 39

3.2.2 相框自動生成功能的實現 41

3.2.3 完整代碼展示 46

第4章 HTML5表單API項目 49