網(wǎng)頁設(shè)計(jì)與制作實(shí)例教程（第2版 微課版）

目 錄

第1章 網(wǎng)頁與網(wǎng)站基礎(chǔ) 1
1.1 網(wǎng)頁網(wǎng)站知識 2
1.1.1 認(rèn)識網(wǎng)站 2
1.1.2 認(rèn)識網(wǎng)頁 6
1.1.3 靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁 7
1.2 網(wǎng)頁的組成 9
1.2.1 網(wǎng)頁的頁面結(jié)構(gòu) 9
1.2.2 網(wǎng)頁基本組成元素 10
1.2.3 網(wǎng)頁的結(jié)構(gòu)類型 11
1.3 網(wǎng)頁編寫語言與制作工具 12
1.3.1 網(wǎng)頁設(shè)計(jì)語言基礎(chǔ) 12
1.3.2 網(wǎng)頁制作工具 17
1.3.3 網(wǎng)頁美化工具 17
1.4 網(wǎng)頁設(shè)計(jì)的基本流程 18
1.4.1 規(guī)劃網(wǎng)頁 18
1.4.2 網(wǎng)頁的測試 23
1.4.3 網(wǎng)頁的上傳和發(fā)布 23
1.5 小結(jié)和習(xí)題 25
1.5.1 本章小結(jié) 25
1.5.2 強(qiáng)化練習(xí) 25
第2章 初識網(wǎng)頁制作軟件 27
2.1 Dreamweaver工作環(huán)境 28
2.1.1 認(rèn)識界面 28
2.1.2 調(diào)整界面 29
2.1.3 選擇視圖模式 30
2.2 創(chuàng)建管理站點(diǎn) 32
2.2.1 規(guī)劃站點(diǎn) 32
2.2.2 創(chuàng)建站點(diǎn) 33
2.2.3 管理站點(diǎn) 35
2.3 Dreamweaver基本操作 39
2.3.1 創(chuàng)建和保存網(wǎng)頁 39
2.3.2 預(yù)覽網(wǎng)頁 40
2.3.3 設(shè)置頁面屬性 42
2.4 小結(jié)和習(xí)題 44
2.4.1 本章小結(jié) 44
2.4.2 強(qiáng)化練習(xí) 44
第3章 制作網(wǎng)頁內(nèi)容 46
3.1 輸入文本 47
3.1.1 輸入網(wǎng)頁文本 47
3.1.2 美化網(wǎng)頁文本 50
3.1.3 插入列表 54
3.1.4 插入特殊元素 56
3.2 插入圖像 58
3.2.1 插入圖像 58
3.2.2 設(shè)置圖像對齊方式 59
3.2.3 制作鼠標(biāo)經(jīng)過圖像 60
3.2.4 添加背景圖像 62
3.3 插入多媒體 64
3.3.1 插入動(dòng)畫 64
3.3.2 插入視頻 65
3.3.3 插入音頻 66
3.4 使用模板快速制作網(wǎng)頁 69
3.4.1 創(chuàng)建模板文件 69
3.4.2 管理模板文件 77
3.4.3 使用模板制作網(wǎng)頁 79
3.5 小結(jié)和習(xí)題 81
3.5.1 本章小結(jié) 81
3.5.2 強(qiáng)化練習(xí) 82
第4章 設(shè)置網(wǎng)頁超級鏈接 84
4.1 認(rèn)識超級鏈接 85
4.1.1 超級鏈接的分類 85
4.1.2 超級鏈接的路徑 86
4.2 創(chuàng)建超級鏈接 88
4.2.1 創(chuàng)建圖像超級鏈接 88
4.2.2 創(chuàng)建文本超級鏈接 89
4.2.3 創(chuàng)建電子郵件超級鏈接 91
4.2.4 創(chuàng)建下載文件超級鏈接 93
4.2.5 創(chuàng)建熱點(diǎn)區(qū)域鏈接 94
4.2.6 創(chuàng)建空鏈接及腳本鏈接 96
4.3 管理超級鏈接 97
4.3.1 自動(dòng)更新超級鏈接 97
4.3.2 設(shè)置超級鏈接顯示效果 98
4.3.3 檢查鏈接錯(cuò)誤 99
4.4 小結(jié)和習(xí)題 99
4.4.1 本章小結(jié) 99
4.4.2 強(qiáng)化練習(xí) 100
第5章 使用CSS樣式美化網(wǎng)頁 101
5.1 了解CSS基礎(chǔ)知識 102
5.1.1 初識CSS樣式 102
5.1.2 編寫CSS樣式 104
5.2 學(xué)習(xí)CSS樣式代碼 108
5.2.1 CSS常用選擇器 108
5.2.2 CSS選擇器聲明 111
5.2.3 CSS屬性單位 113
5.3 使用CSS樣式美化文本 117
5.3.1 設(shè)置字體屬性 117
5.3.2 設(shè)置段落屬性 122
5.4 使用CSS樣式美化頁面 128
5.4.1 設(shè)置圖片樣式 129
5.4.2 設(shè)置背景與邊框 135
5.5 小結(jié)和習(xí)題 139
5.5.1 本章小結(jié) 139
5.5.2 強(qiáng)化練習(xí) 140
第6章 規(guī)劃布局網(wǎng)頁 143
6.1 網(wǎng)頁布局基礎(chǔ)知識 144
6.1.1 網(wǎng)頁布局的結(jié)構(gòu) 144
6.1.2 網(wǎng)頁布局的方法 147
6.1.3 網(wǎng)頁布局技術(shù) 148
6.2 使用表格精確定位 149
6.2.1 插入編輯表格 149
6.2.2 美化設(shè)置表格 153
6.2.3 表格布局網(wǎng)頁 156
6.3 使用CSS靈活布局 161
6.3.1 表格＋CSS布局 161
6.3.2 DIV＋CSS布局 166
6.4 小結(jié)和習(xí)題 178
6.4.1 本章小結(jié) 178
6.4.2 強(qiáng)化練習(xí) 178
第7章 添加網(wǎng)頁特效 181
7.1 使用CSS3設(shè)計(jì)動(dòng)畫特效 182
7.1.1 設(shè)計(jì)過渡動(dòng)畫特效 182
7.1.2 設(shè)計(jì)變形動(dòng)畫特效 185
7.1.3 設(shè)計(jì)關(guān)鍵幀動(dòng)畫特效 189
7.2 使用行為添加網(wǎng)頁特效 193
7.2.1 交換圖像 193
7.2.2 彈出信息 194
7.2.3 打開窗口 195
7.2.4 其他效果 196
7.3 使用框架設(shè)置網(wǎng)頁特效 198
7.3.1 設(shè)計(jì)選項(xiàng)卡特效 199
7.3.2 設(shè)計(jì)手風(fēng)琴特效 201
7.4 小結(jié)和習(xí)題 204
7.4.1 本章小結(jié) 204
7.4.2 強(qiáng)化練習(xí) 204
第8章 構(gòu)建動(dòng)態(tài)網(wǎng)站 205
8.1 安裝和配置IIS 206
8.1.1 安裝IIS 206
8.1.2 配置IIS 207
8.2 制作網(wǎng)頁表單 210
8.2.1 創(chuàng)建表單 211
8.2.2 驗(yàn)證表單 215
8.3 建立網(wǎng)站數(shù)據(jù)庫 218
8.3.1 創(chuàng)建Access數(shù)據(jù)庫 218
8.3.2 連接Access數(shù)據(jù)庫 221
8.4 制作動(dòng)態(tài)網(wǎng)頁 226
8.4.1 制作前臺網(wǎng)頁 226
8.4.2 制作后臺管理網(wǎng)頁 231
8.5 小結(jié)和習(xí)題 242
8.5.1 本章小結(jié) 242
8.5.2 強(qiáng)化練習(xí) 243
第9章 網(wǎng)頁設(shè)計(jì)與制作實(shí)例 245
9.1 規(guī)劃網(wǎng)站 246
9.1.1 網(wǎng)站需求分析 246
9.1.2 規(guī)劃網(wǎng)站內(nèi)容 246
9.1.3 設(shè)計(jì)網(wǎng)站版式 247
9.1.4 撰寫網(wǎng)站規(guī)劃書 249
9.2 處理網(wǎng)站素材 250
9.2.1 處理圖片素材 250
9.2.2 制作首頁動(dòng)畫 256
9.3 制作網(wǎng)站 259
9.3.1 建立站點(diǎn) 259
9.3.2 制作首頁 260
9.3.3 制作分欄頁面 266
9.3.4 使用模板創(chuàng)建子頁面 269
9.4 發(fā)布網(wǎng)站 271
9.4.1 測試網(wǎng)站 271
9.4.2 申請網(wǎng)站與空間 273
9.4.3 上傳網(wǎng)站 275
9.4.4 維護(hù)、更新網(wǎng)站 276
9.5 小結(jié)和習(xí)題 277
9.5.1 本章小結(jié) 277
9.5.2 強(qiáng)化練習(xí) 277