任永功

第一部分網站開發基礎與HTML5技術
第1章網站開發基礎知識2
1.1互聯網的訪問過程2
1.2互聯網的工作機制4
1.3網站設計中的基本概念5
1.4制作網站的標准和常用技術7
1.4.1Web標准8
1.4.2網站開發常用技術9
1.5常用開發工具10
1.6網站建設的流程11
1.6.1明確網站的定位11
1.6.2確定網站的主題12
1.6.3網站的整體規划13
1.6.4收集資料與素材14
1.6.5設計制作網頁頁面14
1.6.6測試和發布16
1.6.7網站的維護與推廣16
1.7建立站點17
1.7.1Dreamweaver CS5介紹17
1.7.2Dreamweaver站點組成19
1.7.3創建站點20
1.7.4管理站點21
1.8應用案例21
本章小結22
思考與練習23
第2章靜態網頁制作——使用HTML技術24
2.1HTML概述24
2.1.1HTML簡介24
2.1.2HTML文檔結構與書寫規范26
2.1.3建立HTML文件27
2.2HTML的基本標記29
2.2.1標題文字標記＜hn＞30
2.2.2段落標記＜p＞和換行標記＜br／＞30
2.2.3塊標記＜div＞和＜span＞31
2.2.4列表標記32
2.2.5HTML5新增的結構元素35
2.3多媒體39
2.3.1圖像標記＜img／＞39
2.3.2多媒體文件標記＜embed＞42
2.3.3HTML5新增視頻標記＜video＞43
2.3.4HTML5新增音頻標記＜audio＞45
2.4超鏈接46
2.4.1超鏈接標記＜a＞46
2.4.2超鏈接類型47
2.4.3超鏈接路徑48
2.5表單50
2.5.1表單定義標記＜form＞50
2.5.2輸入標記＜input＞50
2.5.3列表框標記＜select＞53
2.5.4文本域輸入標記＜textarea＞54
2.5.5HTML5表單新增屬性54
2.5.6HTML5新增input類型56
2.6表格59
2.6.1HTML的表格標記59
2.6.2HTML表格的屬性60
2.6.3表格嵌套63
2.7內嵌框架65
2.8應用案例68
2.8.1多層嵌套列表案例68
2.8.2會員注冊表單案例69
2.8.3旅游網站首頁案例72
2.8.4內嵌框架案例74
2.8.5表格布局應用綜合案例76
本章小結80
思考與練習81
第二部分CSS技術及其應用
第3章美化網頁——使用CSS技術84
3.1CSS概述84
3.1.1CSS的引入84
3.1.2CSS簡介87
3.2CSS基本選擇器88
3.2.1標記選擇器88
3.2.2類選擇器89
3.2.3ID選擇器90
3.3在HTML中使用CSS的方法92
3.3.1行內樣式92
3.3.2嵌入樣式92
3.3.3鏈接樣式93
3.3.4導入樣式94
3.3.5樣式的優先級95
3.4CSS復合選擇器97
3.4.1交集選擇器97
3.4.2並集選擇器98
3.4.3后代選擇器99
3.4.4子選擇器101
3.4.5相鄰選擇器101
3.4.6屬性選擇器102
3.4.7偽類選擇器103
3.4.8偽元素選擇器108
3.5用CSS設置文本樣式110
3.5.1字體屬性110
3.5.2文本屬性113
3.6用CSS設置顏色與背景117
3.6.1顏色設置117
3.6.2背景設置118
3.6.3圓角邊框和圖像邊框120
3.7用CSS設置圖像效果122
3.7.1為圖片添加邊框122
3.7.2圖片縮放124
3.7.3圖文混排125
3.8應用案例127
3.8.1用CSS美化表單案例127
3.8.2用CSS設計網站頁面案例129
本章小結134
思考與練習134
第4章規划頁面——使用CSS實現精美布局136
4.1CSS盒模型136
4.1.1內容136
4.1.2邊界138
4.1.3填充139
4.1.4邊框140
4.2CSS布局常用屬性142
4.2.1定位屬性（position）142
4.2.2浮動屬性（float）146
4.3CSS的網頁布局147
4.3.1單列布局148
4.3.2兩列布局149
4.3.3使用CSS3盒布局的三列布局153
4.4應用案例156
4.4.1用DIV+CSS實現圖文混排案例156
4.4.2二級導航菜單制作案例160
本章小結165
思考與練習166
第三部分JavaScript技術及其應用
第5章讓網頁動起來——使用JavaScript技術168
5.1JavaScript簡介168
5.1.1JavaScript的概念和特點168
5.1.2JavaScript與Java169
5.1.3第一個JavaScript程序170
5.2JavaScript語言基礎173
5.2.1JavaScript語法格式173
5.2.2JavaScript代碼書寫位置173
5.2.3JavaScript語句175
5.2.4JavaScript注釋175
5.2.5數據類型176
5.2.6變量177
5.2.7常量179
5.3表達式與運算符179
5.3.1表達式179
5.3.2運算符180
5.4JavaScript控制結構與函數184
5.4.1JavaScirpt控制結構185
5.4.2函數192
5.5應用案例195
本章小結196
思考與練習197
第6章使用JavaScript對象編程198
6.1JavaScript對象概述198
6.1.1對象198
6.1.2對象的引用199
6.1.3對象的操作200
6.1.4JavaScript的對象類型202
6.2JavaScript內置對象202
6.2.1String對象202
6.2.2Array對象206
6.2.3Date對象212
6.2.4Math對象214
6.3瀏覽器對象216
6.3.1BOM概述216
6.3.2窗口對象（Window）217
6.3.3瀏覽器對象（Navigator）223
6.3.4屏幕對象（Screen）224
6.3.5地址對象（Location）226
6.3.6歷史對象（History）227
6.3.7文檔對象（Document）228
6.4HTMLDOM對象231
6.4.1DOM概述231
6.4.2HTMLDOM對象234
6.4.3訪問HTMLDOM對象234
6.5自定義對象238
6.5.1定義對象238
6.5.2創建對象實例239
6.5.3自定義對象的應用239
6.6應用案例240
6.6.1表單驗證案例240
6.6.2實現復選框的全選效果案例244
本章小結246
思考與練習247
第7章實現用戶與頁面的交互——事件處理249
7.1事件的基本概念249
7.1.1事件和事件處理249
7.1.2事件綁定250
7.2JavaScript常見事件251
7.3事件對象252
7.4鼠標和鍵盤事件254
7.4.1鼠標事件254
7.4.2鍵盤事件258
7.5頁面事件260
7.6表單事件261
7.6.1提交與重置事件261
7.6.2元素內容修改事件264
7.6.3獲得焦點事件與失去焦點事件265
7.7編輯事件266
7.7.1文本編輯事件266
7.7.2拖放事件267
7.8應用案例268
7.8.1商品評級網頁案例268
7.8.2網絡相冊案例270
7.8.3圖片輪播案例274
本章小結278
思考與練習279
第四部分綜合實例及網站發布與管理
第8章綜合實例282
8.1使用HTML5結構元素組織網頁282
8.1.1網頁結構描述282
8.1.2用CSS3定義網站全局樣式284
8.2頁頭部分的設計286
8.2.1頁頭的結構描述286
8.2.2頁頭元素及CSS樣式代碼分析287
8.3側邊導航和焦點圖的設計289
8.3.1側邊導航和焦點圖版塊的內容289
8.3.2側邊導航和焦點圖版塊的代碼分析289
8.4快速搜索、滑動Tab和在線咨詢版塊設計294
8.4.1快速搜索、滑動Tab和在線咨詢版塊的內容294
8.4.2快速搜索版塊的代碼分析295
8.4.3滑動Tab版塊的代碼分析296
8.4.4在線咨詢版塊的代碼分析299
8.5精品推薦版塊的設計301
8.5.1精品推薦版塊的內容301
8.5.2精品推薦版塊的代碼分析301
8.6頁腳的設計303
8.6.1頁腳的結構描述303
8.6.2頁腳的代碼分析304
本章小結306
思考與練習306
第9章網站的發布與管理308
9.1網頁中的＜meta＞標記308
9.1.1name屬性和content屬性309
9.1.2http—equiv屬性和content屬性310
9.2測試網站311
9.2.1代碼測試312
9.2.2驗證HTML313
9.2.3檢查鏈接315
9.2.4檢查屏幕分辨率和顏色316
9.2.5可訪問性檢驗工具316
9.2.6檢查頁面在不同瀏覽器中的顯示效果316
9.3構建自己的Web服務器317
9.3.1Web服務器簡介317
9.3.2安裝Web服務器318
9.4在互聯網上建立Web站點320
9.4.1域名注冊320
9.4.2虛擬空間申請323
9.4.3發布網站324
9.5網站維護326
9.5.1網站的推廣326
9.5.2網站的安全327
本章小結328
思考與練習328
附錄HTML標記列表329
參考文獻332