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

第1章 網(wǎng)站部署與發(fā)布及設(shè)計分析 /1
1.1 網(wǎng)頁的基本概念 /1
1.2 網(wǎng)站的發(fā)布與測試 /5
1.2.1 在實(shí)驗室或局域網(wǎng)內(nèi)部發(fā)布HTML頁面 /5
1.2.2 在Internet上發(fā)布網(wǎng)站 /7
1.3 軟件開發(fā)流程 /8
1.4 網(wǎng)站開發(fā)人員相關(guān)崗位職責(zé)和要求 /10
1.5 網(wǎng)站開發(fā)工具和項目實(shí)施 /11
1.6 項目實(shí)訓(xùn)：免費(fèi)域名的注冊與空間申請 /12
1.7 綜合練習(xí) /12
第2章 HTML頁面與框架 /14
2.1 HTML頁面文件的整體結(jié)構(gòu) /15
2.2 HTML文件的標(biāo)簽與語法 /15
2.3 HTML文檔編寫規(guī)范 /16
2.4 利用Dreamweaver進(jìn)行HTML頁面設(shè)計 /16
2.4.1 Dreamweaver介紹 /16
2.4.2 Dreamweaver設(shè)計頁面過程 /19
2.5 項目實(shí)訓(xùn)：獨(dú)立動手制作網(wǎng)頁 /21
2.6 認(rèn)識框架與框架集網(wǎng)頁 /21
2.7 典型應(yīng)用項目范例：利用框架制作設(shè)計院門戶網(wǎng)站網(wǎng)頁 /23
2.8 項目實(shí)訓(xùn)：利用框架設(shè)計網(wǎng)頁 /27
2.9 綜合練習(xí) /27
第3章 表格 /29
3.1 表格標(biāo)簽 /29
3.1.1 利用＜table＞標(biāo)簽布局網(wǎng)站頁面 /29
3.1.2 利用＜tr＞、＜th＞和＜td＞標(biāo)簽設(shè)計統(tǒng)計數(shù)據(jù)表格 /30
3.2 格式化表格與單元格 /32
3.2.1 通過設(shè)置表格的寬度高度和邊框顏色來突出網(wǎng)頁主題 /32
3.2.2 設(shè)置滾動公告消息的背景顏色與背景圖片 /33
3.2.3 設(shè)置表格的邊框大小和顯示方式 /34
3.2.4 數(shù)據(jù)表格整體位置及單元格數(shù)據(jù)對齊方式的設(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)用項目范例：利用表格布局門戶網(wǎng)站頁面 /42
3.8 項目實(shí)訓(xùn)：大學(xué)門戶網(wǎng)站首頁布局設(shè)計 /46
3.9 綜合練習(xí) /47
第4章 表單 /48
4.1 認(rèn)識表單 /48
4.1.1 表單簡介 /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)用項目范例：設(shè)計用戶注冊功能 /57
4.7 文件上傳與下載 /60
4.8 項目實(shí)訓(xùn)：學(xué)生獨(dú)立完成留言簿功能 /63
4.9 綜合練習(xí) /64
第5章 HTML網(wǎng)頁格式設(shè)置 /65
5.1 HTML網(wǎng)頁文字美化 /65
5.1.1 標(biāo)題字格式 /65
5.1.2 文字修飾 /67
5.1.3 字體設(shè)置 /71
5.2 HTML網(wǎng)頁段落設(shè)置 /73
5.3 HTML網(wǎng)頁列表顯示 /75
5.3.1 有序列表 /76
5.3.2 無序列表 /77
5.4 HTML網(wǎng)頁其他標(biāo)簽 /80
5.4.1 水平線標(biāo)簽＜HR＞ /80
5.4.2 滾動文字標(biāo)簽＜MARQUEE＞ /82
5.4.3 輸入空格等特殊符號 /84
5.4.4 插入或刪除線標(biāo)簽 /84
5.4.5 設(shè)置提示文字 /84
5.4.6 設(shè)置跑馬燈效果 /85
5.5 典型應(yīng)用項目范例：網(wǎng)站滾動消息公告設(shè)計 /86
5.6 綜合練習(xí) /89
第6章 圖片與超鏈接 /90
6.1 網(wǎng)頁圖片的格式 /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)用項目范例：影像地圖在門戶網(wǎng)站中的應(yīng)用 /97
6.5 路徑的概念 /98
6.5.1 統(tǒng)一資源定位器URL /98
6.5.2 相對路徑和絕對路經(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 書簽鏈接 /103
6.7.4 其他相關(guān)標(biāo)簽 /104
6.8 典型應(yīng)用項目范例：超鏈接在項目中的應(yīng)用 /105
6.9 綜合練習(xí) /107
第7章 網(wǎng)頁上的特殊元素與特效 /109
7.1 加入音樂 /109
7.1.1 常見的音樂格式 /110
7.1.2 音樂相關(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)頁 /118
7.5 嵌入JavaScript實(shí)現(xiàn)跑馬燈特效網(wǎng)頁 /119
7.6 典型應(yīng)用項目范例：嵌入Flash網(wǎng)頁動畫 /120
7.7 綜合練習(xí) /121
第8章 JavaScript基礎(chǔ)語法 /123
8.1 JavaScript概述 /123
8.2 JavaScript的功能 /124
8.3 編寫第一個JavaScript程序 /125
8.4 在HTML頁面中引入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基本語法 /129
8.5.1 JavaScript代碼編寫格式及規(guī)范 /129
8.5.2 JavaScript保留字 /130
8.5.3 基本的輸出方法 /130
8.6 JavaScript交互基本方法 /131
8.6.1 顯示警告對話框的alert( )方法 /131
8.6.2 顯示確認(rèn)對話框的confirm( )方法 /132
8.6.3 顯示提示對話框的prompt( )方法 /133
8.7 基本數(shù)據(jù)類型、常量和變量 /135
8.7.1 基本數(shù)據(jù)類型 /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)先級 /147
8.9 典型應(yīng)用項目范例：在網(wǎng)頁上顯示系統(tǒng)日期時間 /148
8.10 項目實(shí)訓(xùn)：根據(jù)半徑的值求圓的周長、面積和體積 /149
8.11 綜合練習(xí) /149
第9章 JavaScript程序控制語句 /150
9.1 順序控制語句 /150
9.2 分支控制語句 /152
9.2.1 if語句 /152
9.2.2 if...else語句 /153
9.2.3 switch語句 /155
9.3 循環(huán)控制語句 /157
9.3.1 while語句 /157
9.3.2 do…while語句 /158
9.3.3 for 語句 /159
9.3.4 for…in語句 /161
9.3.5 break和continue語句 /163
9.4 典型應(yīng)用項目范例：網(wǎng)頁分時問候 /163
9.5 項目實(shí)訓(xùn)：將成績分?jǐn)?shù)按4個等級輸出結(jié)果 /165
9.6 綜合練習(xí) /165
第10章 JavaScript函數(shù)與對象 /166
10.1 函數(shù)概述 /166
10.2 JavaScript內(nèi)置函數(shù) /167
10.3 自定義函數(shù) /181
10.4 典型應(yīng)用項目范例：在網(wǎng)頁上實(shí)現(xiàn)日期驗證 /183
10.5 內(nèi)置對象 /186
10.5.1 瀏覽器信息對象（navigator） /186
10.5.2 窗口對象（window） /188
10.5.3 屏幕對象（screen） /191
10.5.4 歷史記錄對象（history） /191
10.5.5 文檔對象（document） /191
10.6 JavaScript操作頁面中標(biāo)簽元素與屬性 /192
10.6.1 頁面標(biāo)簽對象的引用 /192
10.6.2 HTML文檔中控件對象的屬性 /195
10.6.3 表單及其控件的訪問 /196
10.7 典型應(yīng)用項目范例：彈出“用戶登記”新窗口 /197
10.8 綜合練習(xí) /199
第11章 JavaScript事件觸發(fā)與響應(yīng)處理 /200
11.1 事件觸發(fā)與響應(yīng) /200
11.2 常用事件程序編寫 /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)移動事件 /205
11.2.7 onblur事件 /207
11.3 其他常用事件 /208
11.4 典型應(yīng)用項目范例：Web頁面打印 /210
11.5 綜合練習(xí) /212
第12章 JavaScript應(yīng)用實(shí)例 /213
12.1 狀態(tài)欄跑馬燈 /213
12.2 禁止使用鼠標(biāo)右鍵 /214
12.3 隨機(jī)播放背景音樂 /216
12.4 動態(tài)導(dǎo)航菜單 /217
12.5 具有提示效果的超鏈接 /218
12.6 在網(wǎng)頁上實(shí)現(xiàn)表單驗證 /219
12.7 綜合練習(xí) /221
第13章 CSS /222
13.1 CSS文檔制作與應(yīng)用 /222
13.1.1 CSS文檔制作 /222
13.1.2 CSS語言在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è)置分類樣式（Classification Property） /233
13.4 典型應(yīng)用項目范例：門戶網(wǎng)站菜單列表的設(shè)計 /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)識HTML5 /245
14.1 HTML5語法的改變 /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)用項目范例：HTML5離線訪問功能的實(shí)現(xiàn) /253
14.6 綜合練習(xí) /256
第15章 認(rèn)識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自動拉伸背景圖片新功能應(yīng)用 /260
15.3 典型應(yīng)用項目范例：CSS3文字特殊效果制作 /262
15.4 綜合練習(xí) /263
附錄A /265
參考文獻(xiàn) /270