從第一行HTML5 代碼開(kāi)始，由淺入深帶你一網(wǎng)拿下CSS、JavaScript、jQuery、 AJAX、 Bootstrap、Google Maps ！

輕松16 課，教你親手完成一個(gè)網(wǎng)頁(yè)的從無(wú)到有、從靜到動(dòng)、從PC 到手機(jī)、從入門到專業(yè)。

完整的語(yǔ)法講解加上Step by Step 的案例演示，學(xué)習(xí)全程無(wú)障礙。

網(wǎng)頁(yè)數(shù)據(jù)存取、移動(dòng)傳感器小游戲設(shè)計(jì)、谷歌地圖應(yīng)用等實(shí)戰(zhàn)案例，精彩應(yīng)用親手實(shí)現(xiàn)。

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

內(nèi)容涵蓋當(dāng)前最流行的網(wǎng)頁(yè)前端開(kāi)發(fā)的必備知識(shí)，如基礎(chǔ)的HTML/CSS 網(wǎng)頁(yè)設(shè)計(jì)、JavaScript/DOM 程序設(shè)計(jì)，以及當(dāng)前網(wǎng)頁(yè)商業(yè)開(kāi)發(fā)中最常用的jQuery/jQuery UI/jQuery Mobile/Bootstrap 框架。

通過(guò)AJAX 存取Internet 上的公開(kāi)數(shù)據(jù)（天氣預(yù)報(bào)、空氣質(zhì)量等），搭配Google Maps 等網(wǎng)絡(luò)服務(wù)，開(kāi)發(fā)出個(gè)性化的HTML 應(yīng)用服務(wù)。

本書是 HTML、CSS和JavaScript 的入門學(xué)習(xí)書籍，主要特色在于以簡(jiǎn)明的實(shí)際作品，讓初學(xué)者能快速學(xué)會(huì) HTML、CSS和JavaScript 的基礎(chǔ)知識(shí)，并且能立即加以應(yīng)用。

本書的標(biāo)題為“網(wǎng)頁(yè)程序設(shè)計(jì)”而非網(wǎng)頁(yè)設(shè)計(jì)，因此不會(huì)對(duì)常見(jiàn)的Dreamweaver和Aptana等視覺(jué)化網(wǎng)頁(yè)設(shè)計(jì)軟件做介紹，而是用簡(jiǎn)單的編輯器，由基礎(chǔ)開(kāi)始認(rèn)識(shí)網(wǎng)頁(yè)的結(jié)構(gòu)與內(nèi)容，進(jìn)而了解版面與樣式的設(shè)定和網(wǎng)頁(yè)應(yīng)用（Web Application）的開(kāi)發(fā)方式。因?yàn)橹挥芯邆銱TML/CSS/JavaScript的基本知識(shí)，日后才有能力掌握各種工具的使用和讓編輯工具發(fā)揮良好的功能，進(jìn)而設(shè)計(jì)出更精致的網(wǎng)頁(yè)。

鑒于目前使用移動(dòng)設(shè)備（手機(jī)或平板電腦）上網(wǎng)的人數(shù)已超過(guò)使用臺(tái)式電腦或筆記本電腦上網(wǎng)的人數(shù)，因此本書也加入了移動(dòng)設(shè)備的相關(guān)題材，例如適應(yīng)性網(wǎng)頁(yè)設(shè)計(jì)（Responsive Web Design，讓網(wǎng)頁(yè)可以依照屏幕尺寸自動(dòng)調(diào)整版面），以及如何在網(wǎng)頁(yè)中讀取移動(dòng)設(shè)備上的感應(yīng)器（如加速感應(yīng)器、GPS定位等）。

由于篇幅限制，書中無(wú)法涵蓋所有與網(wǎng)頁(yè)程序設(shè)計(jì)相關(guān)的題材與技術(shù)。讀者若有興趣，可以上網(wǎng)補(bǔ)充新知識(shí)，并搜索實(shí)用的工具來(lái)幫助自己實(shí)現(xiàn)創(chuàng)意，設(shè)計(jì)出具有個(gè)人特色的網(wǎng)站。

施威銘研究室

2016年10月

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

1. Web用戶界面設(shè)計(jì)與制作 [主編 趙娟]
2. ASP.NET（C#）網(wǎng)站開(kāi)發(fā)（第二版） [主編 張志明 王輝]
3. Web開(kāi)發(fā)實(shí)戰(zhàn) [主編　肖睿　陳永]
4. Bootstrap與jQuery UI框架設(shè)計(jì) [主編 肖睿 吳振宇]
5. 網(wǎng)頁(yè)設(shè)計(jì)與制作 [主編 楊毅]
6. 網(wǎng)頁(yè)制作實(shí)戰(zhàn) [主編 肖睿 羅保山]
7. 網(wǎng)頁(yè)設(shè)計(jì)與制作 [主編 陳建國(guó) 項(xiàng)煒]
8. HTML5+CSS3前端技術(shù)——UI設(shè)計(jì)師與開(kāi)發(fā)人員合作秘籍 [北京課工場(chǎng)教育科技有限公司Q]
9. Web程序設(shè)計(jì)實(shí)踐教程 [主編 侯萍 郭俊榮]
10. 網(wǎng)頁(yè)設(shè)計(jì)與制作 [孫娜 蒲秋梅 南洋 編著]
11. 玩轉(zhuǎn)Axure RP——Axure RP 7.0高保真網(wǎng)頁(yè)、APP原型設(shè)計(jì) [謝星星 編著]
12. ASP.NET Web程序設(shè)計(jì) [吳琴霞 栗青生 康晶 編著]
13. CSS+DIV頁(yè)面布局技術(shù) [主編 朱翠苗]
14. Web開(kāi)發(fā)與安全防范 [主編 武春嶺]
15. 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)教程 [主編 張春英 李英文 鐘大偉]
16. ASP.NET（C#）網(wǎng)站開(kāi)發(fā) [主編 張志明 王輝]
17. 網(wǎng)頁(yè)設(shè)計(jì)實(shí)用技術(shù) [主 編 陳建國(guó) 李勤]
18. JSP設(shè)計(jì)與開(kāi)發(fā) [秦毅 王可]
19. ASP.NET項(xiàng)目開(kāi)發(fā)教程 [鄒承俊 任 華]
20. 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第三版） [程偉淵 倪燃]
21. 網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用技術(shù)（第二版） [齊建玲 楊艷杰]
22. 網(wǎng)頁(yè)前端技術(shù) [主 編 王敏杰 任云暉]
23. 多媒體網(wǎng)頁(yè)設(shè)計(jì)教程 [主編 朱國(guó)華 齊暉 李楓]
24. 網(wǎng)頁(yè)設(shè)計(jì)與制作（第二版）實(shí)訓(xùn)指導(dǎo) [任正云 賴玲 嚴(yán)永松 王婭紛]
25. 網(wǎng)頁(yè)設(shè)計(jì)與制作（第二版） [任正云 賴玲 嚴(yán)永松 編著]
26. 網(wǎng)頁(yè)設(shè)計(jì)與制作 [主編 陳彥許 陳維華]