Dreamweaver CC網(wǎng)頁設計與制作

Chapter 01 網(wǎng)頁設計與制作基礎
1.1　認識網(wǎng)頁的基本組成 2
1.2　優(yōu)秀網(wǎng)頁結構賞析 5
1.3　認識靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁 8
1.4　了解網(wǎng)頁的訪問原理 9
1.5　認識域名和域名服務器 10
1.5.1　域名的各種分類 10
1.5.2　域名服務器(DNS) 11
1.6　網(wǎng)站設計流程 13
1.7　網(wǎng)頁制作的常用工具 13
1.7.1　內容編輯工具 14
1.7.2　網(wǎng)頁美化工具 14
1.8　實戰(zhàn)問答 15
NO.1　靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁有何區(qū)別 15
NO.2　網(wǎng)頁設計是否必須懂HTML標記 15
1.9　思考與練習 16

Chapter 02 初識Dreamweaver CC
2.1　Dreamweaver CC的基本操作 18
2.1.1　安裝Dreamweaver CC 18
2.1.2　啟動Dreamweaver CC 20
2.1.3　退出Dreamweaver CC 22
2.2　了解Dreamweaver CC的新功能 23
2.3　認識Dreamweaver CC工作環(huán)境 24
2.3.1　菜單欄 24
2.3.2　面板組 24
2.3.3　“插入”面板 24
2.3.4　文檔窗口 26
2.3.5　“屬性”面板 27
2.4　網(wǎng)頁設計的基本操作 28
2.4.1　新建網(wǎng)頁 28
2.4.2　保存網(wǎng)頁 28
2.4.3　打開網(wǎng)頁 29
2.4.4　預覽網(wǎng)頁 31
2.4.5　關閉網(wǎng)頁 31
2.5　實戰(zhàn)問答 33
NO.1　創(chuàng)建網(wǎng)頁的其他方法 33
NO.2　如何改變預覽網(wǎng)頁時的瀏覽器 33
2.6　思考與練習 34

Chapter 03 頁面屬性的設置
3.1　在對話框中設置頁面屬性 36
3.1.1　設置外觀(CSS) 36
3.1.2　設置外觀(HTML) 37
3.1.3　設置鏈接(CSS) 39
3.1.4　設置標題(CSS) 41
3.1.5　設置標題/編碼 43
3.1.6　設置跟蹤圖像 44
3.2　使用代碼設置字體與頁面背景效果 45
3.2.1　添加頁面標題 45
3.2.2　為文字添加加粗和傾斜格式 46
3.2.3　設置文字的字號大小 47
3.2.4　設置網(wǎng)頁文本的文本顏色 48
3.2.5　設置網(wǎng)頁的背景顏色 49
3.2.6　為網(wǎng)頁添加背景圖片 50
3.3　使用代碼設置超鏈接屬性 51
3.3.1　設置超鏈接的邊距 51
3.3.2　設置鏈接顏色 52
3.3.3　設置鼠標經(jīng)過超鏈接效果 53
3.3.4　設置已訪問鏈接 53
3.3.5　設置活動鏈接 54
3.3.6　修改下劃線樣式 54
3.4　實戰(zhàn)問答 55
NO.1　外觀(CSS)和外觀(HTML)有何區(qū)別 55
NO.2　如何讓背景圖片固定 55
3.5　思考與練習 55

Chapter 04 創(chuàng)建與管理站點
4.1　創(chuàng)建、配置與發(fā)布本地站點 58
4.1.1　創(chuàng)建本地站點 58
4.1.2　為站點定義遠程服務器 59
4.1.3　發(fā)布站點 60
4.2　管理站點 61
4.2.1　刪除站點 61
4.2.2　編輯站點 61
4.2.3　復制站點 62
4.2.4　導出站點 63
4.2.5　導入站點 63
4.3　管理站點中的內容 64
4.3.1　添加文件/文件夾 64
4.3.2　重命名和刪除文件/文件夾 65
4.4　實戰(zhàn)問答 65
NO.1　站點已刪除為什么文件還在 65
NO.2　如何將已有文件添加到站點中 66
4.5　思考與練習 66

Chapter 05 網(wǎng)頁中的文本創(chuàng)建
5.1　文本的簡單操作 68
5.1.1　在網(wǎng)頁中錄入文本 68
5.1.2　讓文本換行分段 69
5.1.3　設置文本的對齊方式 69
5.1.4　設置文本的字體格式 70
5.2　項目列表和編號列表的使用 71
5.2.1　插入項目列表 71
5.2.2　插入編號列表 71
5.3　特殊文本的操作 72
5.3.1　插入換行符 72
5.3.2　插入水平線 73
5.3.3　插入日期 74
5.3.4　插入特殊字符 75
5.3.5　插入注釋 76
5.4　實戰(zhàn)問答 77
NO.1　項目列表中列表項前綴是否可以更改 77
NO.2　編號列表中列表項前綴序號是否可更改 77
5.5　思考與練習 78

Chapter 06 在網(wǎng)頁中插入圖像與多媒體
6.1　常用圖像格式 80
6.1.1　JPEG圖像 80
6.1.2　GIF圖像 80
6.1.3　PNG圖像 80
6.2　在網(wǎng)頁中使用圖像 81
6.2.1　插入圖像 81
6.2.2　編輯圖像大小 82
6.2.3　設置圖像對齊方式 84
6.2.4　裁剪需要的圖像 85
6.2.5　調整圖片的亮度和對比度 87
6.2.6　設置圖像的銳化效果 88
6.3　插入其他圖像元素 90
6.3.1　插入圖像熱區(qū) 90
6.3.2　鼠標經(jīng)過圖像 91
6.4　在網(wǎng)頁中插入多媒體 93
6.4.1　插入背景音樂 93
6.4.2　插入Flash動畫 94
6.4.3　插入FLV視頻 96
6.4.4　插入HTML5視頻 98
6.4.5　插入HTML5音頻 99
6.4.6　插入其他媒體 101
6.5　實戰(zhàn)問答 102
NO.1　如何讓背景音樂循環(huán)播放 102
NO.2　為何插入普通視頻的網(wǎng)頁在其他計算機不能播放 103
NO.3　為什么插入HTML5視頻后不能播放 103
6.6　思考與練習 103

Chapter 07 超鏈接的應用
7.1　認識超鏈接的類型 106
7.1.1　按超鏈接源端點的對象劃分 106
7.1.2　按執(zhí)行超鏈接后的動作劃分 106
7.1.3　按超鏈接的鏈接位置劃分 107
7.2　鏈接路徑有哪些分類 108
7.2.1　什么是URL 108
7.2.2　相對路徑 108
7.2.3　絕對路徑 109
7.2.4　根路徑 109
7.3　各種超鏈接的創(chuàng)建方法 109
7.3.1　插入文本鏈接 109
7.3.2　設置鏈接打開方式 111
7.3.3　插入圖像鏈接 112
7.3.4　插入熱點鏈接 114
7.3.5　插入錨點鏈接 115
7.3.6　插入空鏈接 117
7.3.7　插入E-mail鏈接 118
7.3.8　插入腳本鏈接 119
7.4　實戰(zhàn)問答 121
NO.1　超鏈接打開方式中_BLANK和NEW的區(qū)別 121
NO.2　為什么錨點鏈接不起作用 121
7.5　思考與練習 121

Chapter 08 表格的應用
8.1　創(chuàng)建表格并輸入內容 124
8.1.1　精確插入指定行列的表格 124
8.1.2　在表格中輸入內容 125
8.1.3　插入嵌套表格 126
8.2　格式化表格效果 127
8.2.1　選擇表格及單元格 127
8.2.2　設置表格大小和對齊方式 130
8.2.3　為表格添加邊框 132
8.2.4　設置單元格中文本和背景格式 133
8.2.5　設置單元格大小與對齊方式 134
8.3　編輯表格的常見操作 136
8.3.1　插入行或列 136
8.3.2　刪除行或列 139
8.3.3　復制、剪切和粘貼單元格 140
8.3.4　合并單元格 141
8.3.5　拆分單元格 142
8.4　表格的高級操作 143
8.4.1　在網(wǎng)頁中對表格數(shù)據(jù)排序 143
8.4.2　導入表格數(shù)據(jù) 145
8.4.3　導出表格數(shù)據(jù) 146
8.5　實戰(zhàn)問答 147
NO.1　如何快速、準確地選擇表格及單元格 147
NO.2　在表格中能插入圖像文件嗎 147
NO.3　為什么網(wǎng)頁中的表格無法進行排序操作 149
NO.4　為什么導入到網(wǎng)頁中的數(shù)據(jù)出現(xiàn)了混亂 149
8.6　思考與練習 149

Chapter 09 使用CSS層疊樣式表
9.1　了解CSS樣式表 152
9.1.1　什么是CSS 152
9.1.2　CSS的3種類型 152
9.1.3　CSS的語法格式 153
9.2　CSS樣式的嵌入、內聯(lián)和外聯(lián)方式 154
9.2.1　嵌入式CSS 154
9.2.2　內聯(lián)式CSS 154
9.2.3　外聯(lián)式CSS 155
9.3　各種CSS樣式的創(chuàng)建方法 156
9.3.1　建立ID樣式 156
9.3.2　建立類樣式 158
9.3.3　建立標簽樣式 159
9.3.4　建立復合樣式 160
9.3.5　建立外部樣式 161
9.4　CSS中的常用樣式 162
9.4.1 設置字體樣式 162
9.4.2　設置文本樣式 166
9.4.3　設置背景樣式 167
9.4.4　設置方框樣式 170
9.4.5　設置邊框樣式 172
9.4.6　設置列表樣式 174
9.4.7　設置定位樣式 176
9.4.8　設置過渡樣式 178
9.5　實戰(zhàn)問答 180
NO.1　如何導入外部CSS樣式表文件 180
NO.2　如何自動調整圖像大小 181
9.6　思考與練習 182

Chapter 10 利用Div層布局
10.1　認識并創(chuàng)建層 184
10.1.1　什么是層 184
10.1.2　創(chuàng)建層 184
10.1.3　創(chuàng)建嵌套層 185
10.1.4　為層添加CSS樣式表 187
10.2　Div層的定位方法 189
10.2.1　什么是盒子模型 189
10.2.2　通過float屬性定位層 189
10.2.3　通過position屬性定位層 191
10.3　Div常用布局方式的應用 192
10.3.1　居中布局 192
10.3.2　浮動布局 193
10.3.3　一列固定寬度布局 194
10.3.4　一列自適應寬度布局 194
10.3.5　兩列固定寬度布局 195
10.4　實戰(zhàn)問答 197
NO.1　如何清除Div浮動 197
NO.2　如何設置Div對象的行高 197
10.5　思考與練習 198

Chapter 11 使用模板和庫
11.1　使用模板 200
11.1.1　創(chuàng)建模板 200
11.1.2　定義可編輯區(qū)域 201
11.1.3　創(chuàng)建基于模板的網(wǎng)頁 202
11.1.4　從模板中分離網(wǎng)頁 203
11.1.5　管理模板 204
11.2　使用庫 206
11.2.1　創(chuàng)建庫文件 206
11.2.2 向頁面添加庫文件 207
11.2.3　修改并更新庫文件 208
11.3　實戰(zhàn)問答 209
NO.1　如何在現(xiàn)有網(wǎng)頁文件上應用模板 209
NO.2　模板可以嵌套模板嗎 209
11.4　思考與練習 210

Chapter 12 表單的應用
12.1　認識網(wǎng)頁中的表單 212
12.1.1　什么是表單 212
12.1.2　認識表單對象 212
12.2　創(chuàng)建表單 216
12.2.1　插入表單 216
12.2.2　設置表單屬性 217
12.3　插入表單對象 218
12.3.1　插入文本域 218
12.3.2　插入密碼域 221
12.3.3　插入其他文本域 223
12.3.4　插入按鈕對象 224
12.3.5　插入圖像按鈕 225
12.3.6　插入文件上傳域 226
12.4　實戰(zhàn)問答 228
NO.1　如何通過“插入”面板添加表單對象 228
NO.2　如何自動選擇文本框中所有文本內容 229
12.5　思考與練習 229

Chapter 13 在網(wǎng)頁中編寫JavaScript
13.1　了解JavaScript的基礎知識 232
13.1.1　JavaScript是什么 232
13.1.2　JavaScript能做什么 232
13.1.3　JavaScript怎么用 233
13.2　JavaScript基礎語法 233
13.2.1　了解值和變量 234
13.2.2　了解運算符 234
13.2.3　認識各種比較符 234
13.2.4　函數(shù)的使用 234
13.3　掌握JavaScript的常用事件 235
13.3.1　窗口事件 235
13.3.2　鼠標事件 237
13.3.3　鍵盤事件 238
13.3.4　表單處理事件 239
13.4　jQuery的應用 241
13.4.1　jQuery核心函數(shù) 241
13.4.2　使用jQuery選擇器 242
13.4.3　使用jQuery操作對象屬性 243
13.4.4　使用jQuery事件 245
13.4.5　jQuery中常用的效果 246
13.5　實戰(zhàn)問答 248
NO.1　++與--放置在變量前后的區(qū)別 248
NO.2　解決預覽頁面時腳本執(zhí)行問題 249
13.6　思考與練習 249

Chapter 14 制作婚紗網(wǎng)站
14.1　婚紗網(wǎng)制作介紹 252
14.2　婚紗網(wǎng)制作思路分析 253
14.3　婚紗網(wǎng)制作過程 254
14.3.1　創(chuàng)建婚紗網(wǎng)站點 254
14.3.2　創(chuàng)建婚紗網(wǎng)模板 255
14.3.3　創(chuàng)建樣式表 257
14.3.4　在模板中制作導航 261
14.3.5　底部制作 265
14.3.6　制作婚紗網(wǎng)首頁 267
14.3.7　制作聯(lián)系我們頁面 270
14.3.8　修改模板頁中的導航菜單 273
14.4　婚紗網(wǎng)案例制作總結 274
14.5　婚紗網(wǎng)案例制作答疑 274
14.6　實戰(zhàn)問答 274
NO.1　為什么要有Div+CSS布局而不用表格 274
NO.2　為何要減少對圖像的使用 274
NO.3　如何將制作好的網(wǎng)站發(fā)布到網(wǎng)絡上 274
NO.4　為什么創(chuàng)建的模板文件在瀏覽器中不能查看 275
習題答案 277