HTML+CSS+JavaScript網(wǎng)頁(yè)客戶(hù)端程序設(shè)計(jì)

第1章 網(wǎng)站部署與發(fā)布及設(shè)計(jì)分析 /1
1.1 網(wǎng)頁(yè)的基本概念 /1
1.2 網(wǎng)站的發(fā)布與測(cè)試 /5
1.2.1 在實(shí)驗(yàn)室或局域網(wǎng)內(nèi)部發(fā)布HTML頁(yè)面 /5
1.2.2 在Internet上發(fā)布網(wǎng)站 /7
1.3 軟件開(kāi)發(fā)流程 /8
1.4 網(wǎng)站開(kāi)發(fā)人員相關(guān)崗位職責(zé)和要求 /10
1.5 網(wǎng)站開(kāi)發(fā)工具和項(xiàng)目實(shí)施 /11
1.6 項(xiàng)目實(shí)訓(xùn)：免費(fèi)域名的注冊(cè)與空間申請(qǐng) /12
1.7 綜合練習(xí) /12
第2章 HTML頁(yè)面與框架 /14
2.1 HTML頁(yè)面文件的整體結(jié)構(gòu) /15
2.2 HTML文件的標(biāo)簽與語(yǔ)法 /15
2.3 HTML文檔編寫(xiě)規(guī)范 /16
2.4 利用Dreamweaver進(jìn)行HTML頁(yè)面設(shè)計(jì) /16
2.4.1 Dreamweaver介紹 /16
2.4.2 Dreamweaver設(shè)計(jì)頁(yè)面過(guò)程 /19
2.5 項(xiàng)目實(shí)訓(xùn)：獨(dú)立動(dòng)手制作網(wǎng)頁(yè) /21
2.6 認(rèn)識(shí)框架與框架集網(wǎng)頁(yè) /21
2.7 典型應(yīng)用項(xiàng)目范例：利用框架制作設(shè)計(jì)院門(mén)戶(hù)網(wǎng)站網(wǎng)頁(yè) /23
2.8 項(xiàng)目實(shí)訓(xùn)：利用框架設(shè)計(jì)網(wǎng)頁(yè) /27
2.9 綜合練習(xí) /27
第3章 表格 /29
3.1 表格標(biāo)簽 /29
3.1.1 利用＜table＞標(biāo)簽布局網(wǎng)站頁(yè)面 /29
3.1.2 利用＜tr＞、＜th＞和＜td＞標(biāo)簽設(shè)計(jì)統(tǒng)計(jì)數(shù)據(jù)表格 /30
3.2 格式化表格與單元格 /32
3.2.1 通過(guò)設(shè)置表格的寬度高度和邊框顏色來(lái)突出網(wǎng)頁(yè)主題 /32
3.2.2 設(shè)置滾動(dòng)公告消息的背景顏色與背景圖片 /33
3.2.3 設(shè)置表格的邊框大小和顯示方式 /34
3.2.4 數(shù)據(jù)表格整體位置及單元格數(shù)據(jù)對(duì)齊方式的設(shè)置 /35
3.2.5 單元格背景顏色與背景圖片的制作 /36
3.3 表格標(biāo)題制作 /37
3.4 合并單元格 /38
3.5 設(shè)置表格的表頭、主體與表尾 /39
3.6 表格列的設(shè)置 /41
3.7 典型應(yīng)用項(xiàng)目范例：利用表格布局門(mén)戶(hù)網(wǎng)站頁(yè)面 /42
3.8 項(xiàng)目實(shí)訓(xùn)：大學(xué)門(mén)戶(hù)網(wǎng)站首頁(yè)布局設(shè)計(jì) /46
3.9 綜合練習(xí) /47
第4章 表單 /48
4.1 認(rèn)識(shí)表單 /48
4.1.1 表單簡(jiǎn)介 /48
4.1.2 ＜form＞標(biāo)簽 /48
4.2 使用輸入標(biāo)簽＜input＞插入數(shù)據(jù)控件 /50
4.3 列表標(biāo)簽＜select＞ /53
4.4 文字域標(biāo)簽＜textarea＞ /55
4.5 虛框修飾標(biāo)簽＜fieldset＞＜legend＞ /56
4.6 典型應(yīng)用項(xiàng)目范例：設(shè)計(jì)用戶(hù)注冊(cè)功能 /57
4.7 文件上傳與下載 /60
4.8 項(xiàng)目實(shí)訓(xùn)：學(xué)生獨(dú)立完成留言簿功能 /63
4.9 綜合練習(xí) /64
第5章 HTML網(wǎng)頁(yè)格式設(shè)置 /65
5.1 HTML網(wǎng)頁(yè)文字美化 /65
5.1.1 標(biāo)題字格式 /65
5.1.2 文字修飾 /67
5.1.3 字體設(shè)置 /71
5.2 HTML網(wǎng)頁(yè)段落設(shè)置 /73
5.3 HTML網(wǎng)頁(yè)列表顯示 /75
5.3.1 有序列表 /76
5.3.2 無(wú)序列表 /77
5.4 HTML網(wǎng)頁(yè)其他標(biāo)簽 /80
5.4.1 水平線標(biāo)簽＜HR＞ /80
5.4.2 滾動(dòng)文字標(biāo)簽＜MARQUEE＞ /82
5.4.3 輸入空格等特殊符號(hào) /84
5.4.4 插入或刪除線標(biāo)簽 /84
5.4.5 設(shè)置提示文字 /84
5.4.6 設(shè)置跑馬燈效果 /85
5.5 典型應(yīng)用項(xiàng)目范例：網(wǎng)站滾動(dòng)消息公告設(shè)計(jì) /86
5.6 綜合練習(xí) /89
第6章 圖片與超鏈接 /90
6.1 網(wǎng)頁(yè)圖片的格式 /90
6.2 插入圖片 /91
6.3 設(shè)置影像地圖 /94
6.3.1 定義影像地圖熱點(diǎn) /94
6.3.2 在HTML文件中建立影像地圖 /95
6.3.3 建立圖像影像關(guān)聯(lián) /96
6.4 典型應(yīng)用項(xiàng)目范例：影像地圖在門(mén)戶(hù)網(wǎng)站中的應(yīng)用 /97
6.5 路徑的概念 /98
6.5.1 統(tǒng)一資源定位器URL /98
6.5.2 相對(duì)路徑和絕對(duì)路經(jīng) /99
6.6 超鏈接標(biāo)簽＜A＞ /100
6.7 超鏈接的應(yīng)用 /101
6.7.1 圖片鏈接 /101
6.7.2 郵箱鏈接 /102
6.7.3 書(shū)簽鏈接 /103
6.7.4 其他相關(guān)標(biāo)簽 /104
6.8 典型應(yīng)用項(xiàng)目范例：超鏈接在項(xiàng)目中的應(yīng)用 /105
6.9 綜合練習(xí) /107
第7章 網(wǎng)頁(yè)上的特殊元素與特效 /109
7.1 加入音樂(lè) /109
7.1.1 常見(jiàn)的音樂(lè)格式 /110
7.1.2 音樂(lè)相關(guān)的標(biāo)簽 /111
7.2 加入視頻和Flash /113
7.3 元信息標(biāo)簽＜META＞的應(yīng)用 /115
7.4 嵌入Java Applet實(shí)現(xiàn)煙花特效網(wǎng)頁(yè) /118
7.5 嵌入JavaScript實(shí)現(xiàn)跑馬燈特效網(wǎng)頁(yè) /119
7.6 典型應(yīng)用項(xiàng)目范例：嵌入Flash網(wǎng)頁(yè)動(dòng)畫(huà) /120
7.7 綜合練習(xí) /121
第8章 JavaScript基礎(chǔ)語(yǔ)法 /123
8.1 JavaScript概述 /123
8.2 JavaScript的功能 /124
8.3 編寫(xiě)第一個(gè)JavaScript程序 /125
8.4 在HTML頁(yè)面中引入JavaScript的方式 /126
8.4.1 內(nèi)部引用JavaScript /126
8.4.2 外部引用JavaScript /127

8.4.3 內(nèi)聯(lián)引用JavaScript /128
8.5 JavaScript基本語(yǔ)法 /129
8.5.1 JavaScript代碼編寫(xiě)格式及規(guī)范 /129
8.5.2 JavaScript保留字 /130
8.5.3 基本的輸出方法 /130
8.6 JavaScript交互基本方法 /131
8.6.1 顯示警告對(duì)話框的alert( )方法 /131
8.6.2 顯示確認(rèn)對(duì)話框的confirm( )方法 /132
8.6.3 顯示提示對(duì)話框的prompt( )方法 /133
8.7 基本數(shù)據(jù)類(lèi)型、常量和變量 /135
8.7.1 基本數(shù)據(jù)類(lèi)型 /135
8.7.2 常量 /135
8.7.3 變量 /136
8.7.4 變量的聲明及作用域 /136
8.8 表達(dá)式和運(yùn)算符 /137
8.8.1 表達(dá)式 /137
8.8.2 算術(shù)運(yùn)算符和賦值運(yùn)算符 /138
8.8.3 比較運(yùn)算符和邏輯運(yùn)算符 /141
8.8.4 位運(yùn)算符和條件運(yùn)算符 /143
8.8.5 其他運(yùn)算符 /144
8.8.6 運(yùn)算符的優(yōu)先級(jí) /147
8.9 典型應(yīng)用項(xiàng)目范例：在網(wǎng)頁(yè)上顯示系統(tǒng)日期時(shí)間 /148
8.10 項(xiàng)目實(shí)訓(xùn)：根據(jù)半徑的值求圓的周長(zhǎng)、面積和體積 /149
8.11 綜合練習(xí) /149
第9章 JavaScript程序控制語(yǔ)句 /150
9.1 順序控制語(yǔ)句 /150
9.2 分支控制語(yǔ)句 /152
9.2.1 if語(yǔ)句 /152
9.2.2 if...else語(yǔ)句 /153
9.2.3 switch語(yǔ)句 /155
9.3 循環(huán)控制語(yǔ)句 /157
9.3.1 while語(yǔ)句 /157
9.3.2 do…while語(yǔ)句 /158
9.3.3 for 語(yǔ)句 /159
9.3.4 for…in語(yǔ)句 /161
9.3.5 break和continue語(yǔ)句 /163
9.4 典型應(yīng)用項(xiàng)目范例：網(wǎng)頁(yè)分時(shí)問(wèn)候 /163
9.5 項(xiàng)目實(shí)訓(xùn)：將成績(jī)分?jǐn)?shù)按4個(gè)等級(jí)輸出結(jié)果 /165
9.6 綜合練習(xí) /165
第10章 JavaScript函數(shù)與對(duì)象 /166
10.1 函數(shù)概述 /166
10.2 JavaScript內(nèi)置函數(shù) /167
10.3 自定義函數(shù) /181
10.4 典型應(yīng)用項(xiàng)目范例：在網(wǎng)頁(yè)上實(shí)現(xiàn)日期驗(yàn)證 /183
10.5 內(nèi)置對(duì)象 /186
10.5.1 瀏覽器信息對(duì)象（navigator） /186
10.5.2 窗口對(duì)象（window） /188
10.5.3 屏幕對(duì)象（screen） /191
10.5.4 歷史記錄對(duì)象（history） /191
10.5.5 文檔對(duì)象（document） /191
10.6 JavaScript操作頁(yè)面中標(biāo)簽元素與屬性 /192
10.6.1 頁(yè)面標(biāo)簽對(duì)象的引用 /192
10.6.2 HTML文檔中控件對(duì)象的屬性 /195
10.6.3 表單及其控件的訪問(wèn) /196
10.7 典型應(yīng)用項(xiàng)目范例：彈出“用戶(hù)登記”新窗口 /197
10.8 綜合練習(xí) /199
第11章 JavaScript事件觸發(fā)與響應(yīng)處理 /200
11.1 事件觸發(fā)與響應(yīng) /200
11.2 常用事件程序編寫(xiě) /201
11.2.1 click事件 /201
11.2.2 change事件 /202
11.2.3 select事件 /202
11.2.4 focus事件 /203
11.2.5 load事件 /204
11.2.6 鼠標(biāo)移動(dòng)事件 /205
11.2.7 onblur事件 /207
11.3 其他常用事件 /208
11.4 典型應(yīng)用項(xiàng)目范例：Web頁(yè)面打印 /210
11.5 綜合練習(xí) /212
第12章 JavaScript應(yīng)用實(shí)例 /213
12.1 狀態(tài)欄跑馬燈 /213
12.2 禁止使用鼠標(biāo)右鍵 /214
12.3 隨機(jī)播放背景音樂(lè) /216
12.4 動(dòng)態(tài)導(dǎo)航菜單 /217
12.5 具有提示效果的超鏈接 /218
12.6 在網(wǎng)頁(yè)上實(shí)現(xiàn)表單驗(yàn)證 /219
12.7 綜合練習(xí) /221
第13章 CSS /222
13.1 CSS文檔制作與應(yīng)用 /222
13.1.1 CSS文檔制作 /222
13.1.2 CSS語(yǔ)言在HTML文檔中的應(yīng)用方式 /223
13.2 CSS選擇器 /225
13.3 設(shè)置CSS樣式 /226
13.3.1 設(shè)置字體樣式 /226
13.3.2 設(shè)置文字樣式（Text Property） /228
13.3.3 設(shè)置背景樣式（Background Property） /230
13.3.4 設(shè)置區(qū)域樣式（Box Property） /231
13.3.5 設(shè)置分類(lèi)樣式（Classification Property） /233
13.4 典型應(yīng)用項(xiàng)目范例：門(mén)戶(hù)網(wǎng)站菜單列表的設(shè)計(jì) /234
13.5 定位效果制作 /241
13.5.1 利用層制作圖層疊加特殊效果 /241
13.5.2 制作圖片透明效果 /242
13.5.3 鼠標(biāo)指針變換 /243
13.6 綜合練習(xí) /243
第14章 認(rèn)識(shí)HTML5 /245
14.1 HTML5語(yǔ)法的改變 /245
14.1.1 HTML5中的標(biāo)記方法 /245
14.1.2 HTML5與早期版本HTML的兼容性 /246
14.2 新增的和廢除的元素 /247
14.3 新增的和廢除的屬性 /249
14.4 全局屬性 /251
14.5 典型應(yīng)用項(xiàng)目范例：HTML5離線訪問(wèn)功能的實(shí)現(xiàn) /253
14.6 綜合練習(xí) /256
第15章 認(rèn)識(shí)CSS3 /257
15.1 概要介紹 /257
15.1.1 CSS3新特性 /257
15.1.2 CSS的發(fā)展歷史 /259
15.2 CSS3的功能 /259
15.2.1 模塊與模塊化結(jié)構(gòu) /259
15.2.2 CSS3自動(dòng)拉伸背景圖片新功能應(yīng)用 /260
15.3 典型應(yīng)用項(xiàng)目范例：CSS3文字特殊效果制作 /262
15.4 綜合練習(xí) /263
附錄A /265
參考文獻(xiàn) /270