網(wǎng)頁設(shè)計(jì)與制作

第1章 網(wǎng)頁設(shè)計(jì)基本知識(shí) 1
1.1 什么是網(wǎng)頁 1
1.1.1 網(wǎng)頁的基本介紹 1
1.1.2 網(wǎng)頁的組成 1
1.2 網(wǎng)頁的設(shè)計(jì)原則 3
1.3 網(wǎng)站的主體風(fēng)格 4
本章小結(jié) 5
思考與練習(xí) 5

第2章 Dreamweaver CS5基礎(chǔ)知識(shí) 6
2.1 Dreamweaver CS5 簡介 6
2.2 Dreamweaver CS5的安裝 6
2.3 Dreamweaver CS5的功能更新 9
2.4 Dreamweaver CS5的工作界面 10
2.4.1 菜單概述 12
2.4.2 文檔窗口 12
2.4.3 設(shè)置文檔 13
2.4.4 基本面板操作 15
2.4.5 屬性檢查器 15
2.4.6 插入面板 16
2.4.7 歷史記錄面板 16
2.4.8 標(biāo)簽檢查器（Tag Inspector）面板 17
2.4.9 代碼片斷（Snippets）面板 17
2.4.10 代碼檢查器（Code Inspector）
面板 18
2.4.11 快捷菜單 18
2.5 參數(shù)設(shè)置 20
2.5.1 常規(guī)首選參數(shù)設(shè)置 20
2.5.2 字體參數(shù)設(shè)置 21
2.5.3 選擇狀態(tài)欄參數(shù) 22
本章小結(jié) 22
思考與練習(xí) 22

第3章 建立站點(diǎn)與創(chuàng)建文檔 23
3.1 關(guān)于站點(diǎn)規(guī)劃和設(shè)計(jì) 23
3.1.1 確定目標(biāo) 23
3.1.2 選擇目標(biāo)用戶 23
3.1.3 創(chuàng)建具有瀏覽器兼容性的站點(diǎn) 23
3.1.4 組織站點(diǎn)結(jié)構(gòu) 24
3.1.5 確定圖像和聲音文件等項(xiàng)目放在
何處 24
3.1.6 本地和遠(yuǎn)程站點(diǎn)使用同樣的結(jié)構(gòu) 24
3.1.7 創(chuàng)建設(shè)計(jì)外觀 24
3.1.8 設(shè)計(jì)導(dǎo)航方案 25
3.1.9 規(guī)劃和收集資源 25
3.2 創(chuàng)建本地站點(diǎn) 25
3.2.1 創(chuàng)建一個(gè)新站點(diǎn) 25
3.2.2 編輯一個(gè)現(xiàn)存站點(diǎn) 28
3.3 創(chuàng)建文檔 29
3.4 設(shè)置文檔屬性 31
3.4.1 設(shè)置頁面標(biāo)題 31
3.4.2 設(shè)置背景圖像或背景頁面顏色 32
3.4.3 頁面屬性對(duì)話框 32
本章小結(jié) 33
思考與練習(xí) 33

第4章 文本及其格式化 34
4.1 文本與格式化介紹 34
4.2 文本的插入 34
4.2.1 直接輸入法 34
4.2.2 復(fù)制粘貼法 36
4.3 文本的編輯 36
4.3.1 刪除、移動(dòng)和復(fù)制 36
4.3.2 拼寫檢查 36
4.3.3 查找與替換 36
4.4 文本格式化 37
4.4.1 設(shè)定字體 38
4.4.2 選擇字號(hào) 39
4.4.3 色彩配置 39
4.4.4 樣式設(shè)置 39
4.4.5 文本格式化示例 40
4.5 段落格式 41
4.5.1 如何分段 41
4.5.2 如何換行 41
4.5.3 文本對(duì)齊 41
4.5.4 文本縮進(jìn) 42
4.5.5 文本標(biāo)題 42
4.6 創(chuàng)建列表 42
4.6.1 項(xiàng)目列表 42
4.6.2 編號(hào)列表 44
4.6.3 定義列表 44
4.6.4 組合不同列表的示例 45
4.7 靈活使用歷史記錄面板 46
本章小結(jié) 46
思考與練習(xí) 47

第5章 圖像的編輯與應(yīng)用 48
5.1 圖像的插入 48
5.1.1 內(nèi)置圖像的插入 49
5.1.2 背景圖像的插入 50
5.1.3 插入圖像的占位符 51
5.2 圖像屬性的設(shè)置 52
5.2.1 改變圖像的大小 53
5.2.2 圖像的對(duì)齊方式 54
5.2.3 設(shè)置圖像間距和邊框 55
5.2.4 建立圖像的超鏈接 55
5.3 調(diào)用外部編輯器 56
5.3.1 如何添加和調(diào)用外部編輯器 56
5.3.2 設(shè)置外部編輯器參數(shù) 57
5.4 加入圖像的文字說明 58
5.4.1 加入圖像文字說明的必要性 58
5.4.2 加入圖像文字說明的示例 58
5.5 使用交替圖像 58
5.5.1 交替圖像介紹 59
5.5.2 交替圖像應(yīng)用示例 60
5.6 圖像的拼接技術(shù) 60
本章小結(jié) 62
思考與練習(xí) 62

第6章 表格操作 63
6.1 創(chuàng)建表格 63
6.1.1 表格嵌套 64
6.1.2 在表格中添加內(nèi)容 64
6.1.3 選定表格對(duì)象 65
6.1.4 導(dǎo)入表格數(shù)據(jù) 66
6.2 格式化表格 67
6.2.1 設(shè)置表格屬性 67
6.2.2 設(shè)置行、列與單元格屬性 68
6.3 復(fù)制及粘貼單元格 69
6.4 改變表格和單元格的大小 70
6.5 增加、刪除行或列 71
6.6 拆分、合并單元格 72
6.7 表格排序 73
6.8 導(dǎo)出表格 74
6.9 利用表格構(gòu)造網(wǎng)頁的整體框架 75
本章小結(jié) 77
思考與練習(xí) 77

第7章 超鏈接 78
7.1 超鏈接介紹 78
7.2 設(shè)置文件鏈接 78
7.2.1 設(shè)置鏈接的方法 79
7.2.2 打開鏈接方式示例 81
7.2.3 鏈接到其他類型文件的示例 81
7.3 設(shè)置郵件鏈接 81
7.3.1 郵件鏈接介紹 81
7.3.2 制作郵件鏈接示例 82
7.4 設(shè)置錨記鏈接 83
7.4.1 錨記介紹 83
7.4.2 制作錨記鏈接示例 84
7.5 設(shè)置熱點(diǎn)鏈接 85
7.5.1 熱點(diǎn)鏈接介紹 85
7.5.2 制作熱點(diǎn)鏈接示例 86
7.6 相對(duì)路徑和絕對(duì)路徑 87
7.7 超鏈接管理 89
7.7.1 檢查鏈接 89
7.7.2 鏈接自動(dòng)更新 90
本章小結(jié) 92
思考與練習(xí) 92
第8章 框架 93
8.1 框架的規(guī)劃與建立 93
8.1.1 規(guī)劃框架 93
8.1.2 創(chuàng)建框架 94
8.1.3 在頁面中添加框架示例 95
8.2 框架的操作 96
8.2.1 改變框架尺寸 96
8.2.2 嵌套框架 96
8.2.3 拆分框架 97
8.2.4 增加、刪除框架 97
8.2.5 保存框架 98
8.3 在框架中插入頁面 99
8.4 設(shè)置框架屬性 100
8.4.1 選擇框架組和框架 100
8.4.2 設(shè)置框架集屬性 101
8.4.3 設(shè)置框架屬性 103
8.5 框架應(yīng)用示例 104
本章小結(jié) 106
思考與練習(xí) 106

第9章 圖層的運(yùn)用 107
9.1 圖層的概念 107
9.2 創(chuàng)建圖層 107
9.2.1 插入Div標(biāo)簽 108
9.2.2 繪制AP Div圖層 109
9.2.3 AP元素面板 109
9.2.4 創(chuàng)建嵌套圖層 109
9.3 設(shè)置圖層的屬性 110
9.3.1 選定圖層 111
9.3.2 改變圖層的名稱 112
9.3.3 改變圖層的大小 112
9.3.4 設(shè)定圖層的背景 112
9.3.5 設(shè)定多個(gè)圖層的屬性 112
9.4 圖層的操作 112
9.4.1 設(shè)定圖層的層次 113
9.4.2 移動(dòng)圖層的位置 113
9.4.3 對(duì)齊圖層 113
9.4.4 設(shè)置圖層的可見性 113
9.5 圖層與表格的關(guān)系 114
本章小結(jié) 115
思考與練習(xí) 115

第10章 行為 116
10.1 行為概述 116
10.1.1 行為的概念 116
10.1.2 認(rèn)識(shí)事件 116
10.1.3 標(biāo)簽檢查器面板 117
10.1.4 添加行為 118
10.1.5 編輯管理行為 118
10.2 使用Dreamweaver CS5自帶的行為 118
10.2.1 調(diào)用JavaScript 118
10.2.2 改變屬性 119
10.2.3 效果 119
10.2.4 檢查插件 122
10.2.5 設(shè)置文本 122
10.2.6 拖動(dòng)AP元素 123
10.2.7 轉(zhuǎn)到URL 124
10.2.8 跳轉(zhuǎn)菜單開始 124
10.2.9 打開瀏覽器窗口 125
10.2.10 彈出信息 125
10.2.11 預(yù)先載入圖像 125
10.2.12 顯示-隱藏元素 126
10.2.13 交換圖像 126
10.2.14 檢查表單 126
10.3 行為的應(yīng)用示例 127
10.3.1 下拉彈出菜單的制作 127
10.3.2 拼圖游戲 129
本章小結(jié) 131
思考與練習(xí) 131

第11章 插入多媒體對(duì)象 132
11.1 添加Flash動(dòng)畫 132
11.2 設(shè)置Flash對(duì)象屬性 133
11.3 插入FLV 133
11.4 插入Shockwave視頻 135
11.5 添加ActiveX控件 135
11.6 插入音頻 136
本章小結(jié) 137
思考與練習(xí) 137
第12章 樣式風(fēng)格設(shè)計(jì) 138
12.1 HTML樣式 138
12.1.1 HTML基本樣式 138
12.1.2 Dreamweaver中的HTML信息 139
12.1.3 整理HTML 140
12.2 CSS樣式 142
12.2.1 CSS樣式介紹 142
12.2.2 選擇CSS樣式的格式參數(shù) 142
12.2.3 鏈接和創(chuàng)建外部CSS樣式 143
12.2.4 編輯一種樣式 146
本章小結(jié) 155
思考與練習(xí) 155

第13章 模板與庫 156
13.1 創(chuàng)建模板 156
13.2 編輯模板 157
13.2.1 如何編輯模板 157
13.2.2 可編輯區(qū)域 157
13.2.3 重復(fù)區(qū)域 158
13.2.4 可選區(qū)域 159
13.2.5 可編輯標(biāo)簽屬性 160
13.3 管理模板 161
13.3.1 查看可編輯區(qū)域HTML代碼 161
13.3.2 基于模板創(chuàng)建文件 161
13.3.3 從資源面板中"從模板新建"
創(chuàng)建新文檔 162
13.3.4 更新基于模板的文檔 162
13.3.5 從模板分離文檔 163
13.4 導(dǎo)入和導(dǎo)出XML內(nèi)容 163
13.5 庫項(xiàng)目 164
13.5.1 創(chuàng)建庫項(xiàng)目 164
13.5.2 將庫項(xiàng)目添加到文檔 164
13.5.3 編輯庫項(xiàng)目 164
13.5.4 刪除庫項(xiàng)目 164
13.5.5 更新整個(gè)站點(diǎn) 164
13.5.6 編輯庫項(xiàng)目中的行為 165
13.6 使用服務(wù)器端的資源 166
本章小結(jié) 166
思考與練習(xí) 166
第14章 表單 167
14.1 認(rèn)識(shí)網(wǎng)頁表單 167
14.2 創(chuàng)建表單 167
14.2.1 插入表單 167
14.2.2 表單的屬性 168
14.3 插入表單對(duì)象 169
14.3.1 插入文本框 169
14.3.2 插入多行文本域 170
14.3.3 插入復(fù)選框 171
14.3.4 插入單選按鈕 172
14.3.5 插入單選按鈕組 172
14.3.6 插入圖像域 173
14.3.7 插入文件域 173
14.3.8 插入隱藏域 174
14.3.9 插入按鈕 174
14.3.10 插入標(biāo)簽 175
14.3.11 插入字段集 175
14.4 制作跳轉(zhuǎn)菜單 175
14.4.1 跳轉(zhuǎn)菜單介紹 175
14.4.2 編輯跳轉(zhuǎn)菜單 175
14.4.3 制作跳轉(zhuǎn)菜單示例 176
14.5 Spry表單驗(yàn)證技術(shù) 178
14.5.1 Spry驗(yàn)證文本域 178
14.5.2 Spry驗(yàn)證文本區(qū)域 179
14.5.3 Spry驗(yàn)證復(fù)選框 180
14.5.4 Spry驗(yàn)證選擇 180
14.5.5 Spry驗(yàn)證單選按鈕組 180
14.5.6 Spry驗(yàn)證密碼 181
14.5.7 Spry驗(yàn)證確認(rèn) 181
14.6 表單的處理 182
本章小結(jié) 183
思考與練習(xí) 184

第15章 站點(diǎn)的管理、測(cè)試與發(fā)布 185
15.1 建立站點(diǎn) 185
15.2 站點(diǎn)面板介紹 187
15.2.1 站點(diǎn)面板的操作界面 187
15.2.2 站點(diǎn)的FTP設(shè)置 189
15.3 使用Check In/Check Out（登記與檢
查）系統(tǒng) 190
15.3.1 登記與檢查遠(yuǎn)程服務(wù)器上
的文件 190
15.3.2 下載與上傳文件 191
15.3.3 同步本地站點(diǎn)與遠(yuǎn)程站點(diǎn)的
文件 193
15.4 使用設(shè)計(jì)備注和報(bào)告命令 194
15.4.1 使用設(shè)計(jì)備注 194
15.4.2 使用報(bào)告 195
15.5 查找與替換 196
15.5.1 關(guān)于 HTML 源代碼搜索 196
15.5.2 搜索標(biāo)簽和屬性 196
15.5.3 搜索包含在特定標(biāo)簽中的文本 197
15.6 站點(diǎn)測(cè)試 197
15.6.1 檢查主頁對(duì)目標(biāo)瀏覽器的兼
容情況 197
15.6.2 檢查文件間的鏈接 198
15.6.3 修復(fù)損壞的鏈接 198
15.6.4 在瀏覽器中預(yù)覽 199
15.6.5 檢驗(yàn)下載時(shí)間和文件的大小 199
本章小結(jié) 200
思考與練習(xí) 200

第16章 Web應(yīng)用基礎(chǔ) 201
16.1 創(chuàng)建Web應(yīng)用的必要性 201
16.2 創(chuàng)建Web應(yīng)用的基本流程 201
16.3 設(shè)置測(cè)試服務(wù)器 202
16.4 Web應(yīng)用開發(fā)環(huán)境 202
16.5 數(shù)據(jù)源 205
本章小結(jié) 207
思考與練習(xí) 207

參考文獻(xiàn) 208