從第一行HTML5 代碼開始，由淺入深帶你一網拿下CSS、JavaScript、jQuery、 AJAX、 Bootstrap、Google Maps ！

輕松16 課，教你親手完成一個網頁的從無到有、從靜到動、從PC 到手機、從入門到專業。

完整的語法講解加上Step by Step 的案例演示，學習全程無障礙。

網頁數據存取、移動傳感器小游戲設計、谷歌地圖應用等實戰案例，精彩應用親手實現。

完整的語法講解，搭配簡單實用的演示案例，幫助讀者快速扎實地理解HTML5/CSS3/JavaScript 的基本概念。

內容涵蓋當前最流行的網頁前端開發的必備知識，如基礎的HTML/CSS 網頁設計、JavaScript/DOM 程序設計，以及當前網頁商業開發中最常用的jQuery/jQuery UI/jQuery Mobile/Bootstrap 框架。

通過AJAX 存取Internet 上的公開數據（天氣預報、空氣質量等），搭配Google Maps 等網絡服務，開發出個性化的HTML 應用服務。

本書是 HTML、CSS和JavaScript 的入門學習書籍，主要特色在于以簡明的實際作品，讓初學者能快速學會 HTML、CSS和JavaScript 的基礎知識，并且能立即加以應用。

本書的標題為“網頁程序設計”而非網頁設計，因此不會對常見的Dreamweaver和Aptana等視覺化網頁設計軟件做介紹，而是用簡單的編輯器，由基礎開始認識網頁的結構與內容，進而了解版面與樣式的設定和網頁應用（Web Application）的開發方式。因為只有具備HTML/CSS/JavaScript的基本知識，日后才有能力掌握各種工具的使用和讓編輯工具發揮良好的功能，進而設計出更精致的網頁。

鑒于目前使用移動設備（手機或平板電腦）上網的人數已超過使用臺式電腦或筆記本電腦上網的人數，因此本書也加入了移動設備的相關題材，例如適應性網頁設計（Responsive Web Design，讓網頁可以依照屏幕尺寸自動調整版面），以及如何在網頁中讀取移動設備上的感應器（如加速感應器、GPS定位等）。

由于篇幅限制，書中無法涵蓋所有與網頁程序設計相關的題材與技術。讀者若有興趣，可以上網補充新知識，并搜索實用的工具來幫助自己實現創意，設計出具有個人特色的網站。

施威銘研究室

2016年10月

目 錄
HTML篇
第 1 章 網頁程序設計簡介
1-1 認識 WWW的架構—網頁、網站與瀏覽器...................... 1-2
1-2 網頁的組成—HTML +CSS +JavaScript.......................... 1-5
1-3 網頁開發的測試環境與工具.............................................. 1-13
第 2 章 HTML基礎
2-1 HTML文件的結構.............................................................. 2-2
2-2 各種文字段落.................................................................. 2-11
2-3 對文字的強調.................................................................. 2-15
2-4 HTML文件的組成架構...................................................... 2-18
第 3 章 多媒體與超鏈接
3-1 添加圖片........................................................................... 3-2
3-2 播放音頻........................................................................... 3-7
3-3 播放視頻......................................................................... 3-10
3-4 創建超鏈接...................................................................... 3-14
第 4 章 列表與表格
4-1 創建列表........................................................................... 4-2
4-2 創建表格........................................................................... 4-7
4-3 表格的應用...................................................................... 4-13第 5 章 表單與內嵌式網頁
5-1 創建表單 .......................................................................... 5-2
5-2 創建各種表單框................................................................. 5-7
5-3 優化表單界面以提高操作的便利性................................... 5-17
5-4 使用 iframe 創建內嵌窗體................................................ 5-21
CSS 篇
第 6 章 使用 CSS 修飾網頁
6-1 在網頁中加入 CSS 樣式.................................................... 6-2
6-2 CSS 樣式規則的組成......................................................... 6-6
6-3 CSS 文字效果................................................................. 6-13
6-4 CSS 背景效果................................................................. 6-24
第 7 章 使用 CSS 設計邊框與列表樣式
7-1 設定表格邊框樣式............................................................. 7-2
7-2 邊框的各種應用................................................................. 7-8
7-3 CSS 列表樣式................................................................. 7-11
第 8 章 使用 CSS 設計版面與特效
8-1 CSS BOX 模型................................................................. 8-2
8-2 控制元素定位.................................................................... 8-7
8-3 多欄版面的設計............................................................... 8-12
8-4 CSS 特效........................................................................ 8-14JavaScript 篇
第 9 章 JavaScript 基礎
9-1 認識 JavaScript ............................................................... 9-2
9-2 在網頁中加入 JavaScript 程序........................................... 9-5
9-3 使用 JavaScript 改變網頁內容......................................... 9-11
9-4 使用開發人員工具協助調試.............................................. 9-22
第 10 章 DOM 對象模型與事件處理
10-1 認識 DOM 對象模型....................................................... 10-2
10-2 在 HTML 文檔中新增元素..............................................10-10
10-3 表單內容驗證................................................................10-14
10-4 通過 DOM 設定元素屬性和樣式.....................................10-26
10-5 DOM 事件設定..............................................................10-31
10-6 使用 Window 對象控制瀏覽器........................................10-36
第 11 章 jQuery : JavaScript 必用的程序類庫
11-1 jQuery 簡介................................................................... 11-2
11-2 jQuery 的基本用法......................................................... 11-6
11-3 使用 jQuery 處理事件....................................................11-15
11-4 使用 jQuery 特效...........................................................11-20
第 12 章 使用 jQuery UI 專業美觀的網頁插件
12-1 認識 jQuery UI............................................................... 12-2
12-2 設計功能表..................................................................... 12-6
12-3 使用日期選擇器—DatePicker ....................................12-12
12-4 進度條—ProgressBar................................................12-18
12-5 使用滑塊—Slider.......................................................12-20
12-6 使用標簽頁—Tabs.....................................................12-22
12-7 設計對話框—Dialog...................................................12-25第 13 章 Responsive Web Design與Bootstrap網頁框架
13-1 什么是 RWD（Responsive Web Design）..................... 13-2
13-2 使用 viewport 指定畫面尺寸........................................... 13-5
13-3 CSS3 Media Query 機制..............................................13-12
13-4 使用 Bootstrap 自動調整網頁版面..................................13-16
13-5 使用 Bootstrap 制作手機網頁導航欄..............................13-27
13-6 使用 Bootstrap 建立首頁圖片輪播元件...........................13-35
第 14 章 AJAX 與 Web Services
14-1 認識 AJAX .................................................................... 14-2
14-2 使用 jQuery 的 AJAX 功能.............................................. 14-8
14-3 利用 AJAX 取得 Yahoo! 天氣概況..................................14-20
14-4 利用 AJAX 讀取紫外線即時監測數據—使用 JSONP...14-32
第 15 章 網頁中 Google Maps 的使用
15-1 申請 Google API 密鑰.................................................... 15-2
15-2 使用 Google Maps Embed API 構建嵌入式地圖.............. 15-7
15-3 使用 Google Maps 靜態地圖..........................................15-14
15-4 使用 Google Maps JavaScript API 加載地圖..................15-24
第 16 章 針對移動設備設計的網頁
16-1 利用超鏈接在手機上打電話、傳簡訊............................... 16-2
16-2 使用定位功能................................................................. 16-4
16-3 讀取手機感應器.............................................................. 16-7
16-4 使用 jQuery Mobile 創建移動網頁..................................16-16
16-5 使用 jQuery Mobile 事件與函數.....................................16-27

1. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
2. Web用戶界面設計與制作 [主編 趙娟]
3. ASP.NET（C#）網站開發（第二版） [主編 張志明 王輝]
4. Web開發實戰 [主編　肖�！￡愑繻
5. Bootstrap與jQuery UI框架設計 [主編 肖睿 吳振宇]
6. 網頁設計與制作 [主編 楊毅]
7. 網頁制作實戰 [主編 肖睿 羅保山]
8. 網頁設計與制作 [主編 陳建國 項煒]
9. HTML5+CSS3前端技術——UI設計師與開發人員合作秘籍 [北京課工場教育科技有限公司Q]
10. Web程序設計實踐教程 [主編 侯萍 郭俊榮]
11. 網頁設計與制作 [孫娜 蒲秋梅 南洋 編著]
12. 玩轉Axure RP——Axure RP 7.0高保真網頁、APP原型設計 [謝星星 編著]
13. ASP.NET Web程序設計 [吳琴霞 栗青生 康晶 編著]
14. CSS+DIV頁面布局技術 [主編 朱翠苗]
15. Web開發與安全防范 [主編 武春嶺]
16. 網頁設計實訓教程 [主編 張春英 李英文 鐘大偉]
17. ASP.NET（C#）網站開發 [主編 張志明 王輝]
18. 網頁設計實用技術 [主 編 陳建國 李勤]
19. JSP設計與開發 [秦毅 王可]
20. ASP.NET項目開發教程 [鄒承俊 任 華]
21. 動態網頁設計與制作實用教程（第三版） [程偉淵 倪燃]
22. ASP程序設計（第二版） [葉潮流 杜奕智]
23. 網頁設計與制作實用技術（第二版） [齊建玲 楊艷杰]
24. 網頁前端技術 [主 編 王敏杰 任云暉]
25. 多媒體網頁設計教程 [主編 朱國華 齊暉 李楓]
26. 網頁設計與制作（第二版）實訓指導 [任正云 賴玲 嚴永松 王婭紛]
27. 網頁設計與制作（第二版） [任正云 賴玲 嚴永松 編著]
28. 網頁設計與制作 [主編 陳彥許 陳維華]