Dreamweaver CC中文版網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)教程

第1章 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ) 1
1.1 網(wǎng)頁(yè)概述 2
1.1.1 網(wǎng)頁(yè)基本要素 2
1.1.2 網(wǎng)頁(yè)基本術(shù)語(yǔ) 4
1.1.3 靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè) 6
1.2 網(wǎng)頁(yè)編輯器和屏幕分辨率 7
1.2.1 網(wǎng)頁(yè)編輯器 7
1.2.2 屏幕分辨率 7
1.3 網(wǎng)站制作的基本流程 8
1.3.1 前期策劃 8
1.3.2 收集素材 8
1.3.3 規(guī)劃網(wǎng)站 8
1.3.4 制作HTML頁(yè)面 9
1.3.5 測(cè)試并上傳網(wǎng)站 9
1.3.6 網(wǎng)站的更新與維護(hù) 9
1.4 網(wǎng)頁(yè)設(shè)計(jì)中的色彩應(yīng)用 9
1.4.1 網(wǎng)頁(yè)色彩的特性 9
1.4.2 網(wǎng)頁(yè)安全色 10
1.4.3 色彩模式 11
1.4.4 網(wǎng)頁(yè)配色的基本原則 12
1.4.5 網(wǎng)頁(yè)配色中的文本顏色 14
1.5 網(wǎng)頁(yè)制作常用軟件 16
1.5.1 網(wǎng)頁(yè)編輯排版軟件
Dreamweaver CC 16
1.5.2 圖像制作軟件Photoshop CC
和Fireworks CC 16
1.5.3 網(wǎng)頁(yè)動(dòng)畫制作軟件Flash CC 16
1.5.4 網(wǎng)頁(yè)標(biāo)記語(yǔ)言HTML 17
1.5.5 網(wǎng)頁(yè)腳本語(yǔ)言JavaScript 17
1.5.6 動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASP 17
1.6 思考與練習(xí) 17
第2章 Dreamweaver CC輕松入門 19
2.1 Dreamweaver CC工作界面 20
2.1.1 界面布局 20
2.1.2 工具欄、窗口和面板 20
2.1.3 【插入】面板 22
2.1.4　屬性檢查器 23
2.1.5 管理面板和面板組 24
2.2　Dreamweaver 工作流程 24
2.3　使用可視化助理布局 24
2.3.1 使用標(biāo)尺 25
2.3.2 設(shè)置網(wǎng)格 26
2.4 實(shí)踐案例與上機(jī)指導(dǎo) 28
2.4.1 使用輔助線 28
2.4.2 使用跟蹤圖像功能 30
2.4.3 設(shè)置縮放比率 30
2.4.4 設(shè)置窗口大小 31
2.5 思考與練習(xí) 32
第3章 創(chuàng)建與管理站點(diǎn) 33
3.1 站點(diǎn)及站點(diǎn)結(jié)構(gòu) 34
3.1.1 站點(diǎn) 34
3.1.2 站點(diǎn)結(jié)構(gòu) 35
3.2 創(chuàng)建本地站點(diǎn) 35
3.2.1 使用向?qū)Т罱ㄕ军c(diǎn) 35
3.2.2 使用【高級(jí)設(shè)置】選項(xiàng)
面板創(chuàng)建站點(diǎn) 37
3.3　管理站點(diǎn) 40
3.3.1 打開(kāi)站點(diǎn) 40
3.3.2 切換站點(diǎn) 41
3.3.3 【管理站點(diǎn)】對(duì)話框 41
3.4　管理站點(diǎn)中的文件 42
3.4.1　在站點(diǎn)中新建文件夾 42
3.4.2　在站點(diǎn)中新建頁(yè)面 43
3.4.3　移動(dòng)和復(fù)制文件或文件夾 43
3.4.4　刪除文件或文件夾 44
3.5 實(shí)踐案例與上機(jī)指導(dǎo) 44
3.5.1 使用【新建文檔】對(duì)話框
創(chuàng)建新文件 45
3.5.2 Business Catalyst站點(diǎn) 46
3.5.3 Edge Animate資源 47
3.6 思考與練習(xí) 47
第4章 在網(wǎng)頁(yè)中編排文本 49
4.1 文本的基本操作 50
4.1.1 輸入文本 50
4.1.2 設(shè)置字體 51
4.1.3 設(shè)置字號(hào) 52
4.1.4 設(shè)置字體顏色 52
4.1.5 設(shè)置字體樣式 53
4.1.6 設(shè)置段落對(duì)齊方式 53
4.1.7 設(shè)置是否顯示不可見(jiàn)元素 54
4.2 插入特殊文本對(duì)象 55
4.2.1 插入特殊字符 55
4.2.2 插入水平線 56
4.2.3 插入日期 57
4.3 設(shè)置項(xiàng)目列表 57
4.3.1 創(chuàng)建項(xiàng)目列表與編號(hào)列表 58
4.3.2 設(shè)置列表屬性 59
4.4 設(shè)置頁(yè)面的頭信息 59
4.4.1 設(shè)置網(wǎng)頁(yè)標(biāo)題 60
4.4.2 添加關(guān)鍵字 60
4.4.3 添加說(shuō)明 61
4.4.4 插入視口 61
4.4.5 設(shè)置鏈接 62
4.4.6 設(shè)置頁(yè)面的Meta信息 63
4.5 實(shí)踐案例與上機(jī)指導(dǎo) 63
4.5.1 查找與替換功能 63
4.5.2 設(shè)置頁(yè)邊距 64
4.5.3 設(shè)置網(wǎng)頁(yè)的默認(rèn)格式 64
4.5.4 設(shè)置文本縮進(jìn)格式 65
4.6 思考與練習(xí) 65
第5章 使用圖像與多媒體豐富
網(wǎng)頁(yè)內(nèi)容 67
5.1 網(wǎng)頁(yè)中的常用圖像格式 68
5.1.1 JPEG格式圖像 68
5.1.2 GIF格式圖像 68
5.1.3 PNG格式圖像 68
5.2 插入與設(shè)置圖像 69
5.2.1 在網(wǎng)頁(yè)中插入圖像文件 69
5.2.2 設(shè)置網(wǎng)頁(yè)背景圖 70
5.2.3 設(shè)置圖像對(duì)齊方式 71
5.2.4 更改圖像基本屬性 72
5.2.5 使用圖像編輯器 72
5.3 插入其他圖像元素 74
5.3.1 插入鼠標(biāo)經(jīng)過(guò)圖像 74
5.3.2 插入Fireworks HTML 75
5.4 多媒體在網(wǎng)頁(yè)中的應(yīng)用 75
5.4.1 插入并設(shè)置Flash動(dòng)畫 76
5.4.2 插入FLV視頻 77
5.4.3 插入音樂(lè) 79
5.5 實(shí)踐案例與上機(jī)指導(dǎo) 80
5.5.1 插入HTML5 Video 80
5.5.2 插入HTML5 Audio 82
5.6 思考與練習(xí) 83
第6章 網(wǎng)頁(yè)超級(jí)鏈接 85
6.1 超級(jí)鏈接 86
6.1.1 超鏈接的定義 86
6.1.2 內(nèi)部、外部與腳本鏈接 86
6.2 鏈接路徑 87
6.2.1 絕對(duì)路徑 87
6.2.2 相對(duì)路徑 88
6.2.3 站點(diǎn)根目錄相對(duì)路徑 88
6.3 創(chuàng)建超級(jí)鏈接 88
6.3.1 使用【指向文件】按鈕
創(chuàng)建鏈接 89
6.3.2 使用【屬性】面板創(chuàng)建
鏈接 89
6.4 創(chuàng)建不同種類的超鏈接 89
6.4.1 文本超鏈接 90
6.4.2 圖像熱點(diǎn)鏈接 90
6.4.3 空鏈接 91
6.4.4 電子郵件鏈接 92
6.4.5 腳本鏈接 93
6.5 管理與設(shè)置超級(jí)鏈接 93
6.5.1 自動(dòng)更新鏈接 93
6.5.2 在站點(diǎn)范圍內(nèi)更改鏈接 94
6.5.3 檢查站點(diǎn)中的鏈接錯(cuò)誤 95
6.6 實(shí)踐案例與上機(jī)指導(dǎo) 96
6.6.1 創(chuàng)建錨記鏈接 96
6.6.2 制作文件下載鏈接 98
6.7 思考與練習(xí) 99
第7章 使用表格布局頁(yè)面 101
7.1 表格的創(chuàng)建與應(yīng)用 102
7.1.1 表格的定義與用途 102
7.1.2 創(chuàng)建基本表格 103
7.1.3 向表格中輸入文本 104
7.1.4 在單元格中插入圖像 104
7.2 設(shè)置表格和單元格屬性 105
7.2.1 設(shè)置表格屬性 105
7.2.2 設(shè)置單元格屬性 106
7.3 調(diào)整表格結(jié)構(gòu) 107
7.3.1 選擇表格和單元格 107
7.3.2 調(diào)整單元格和表格的大小 109
7.3.3 插入與刪除表格的行和列 110
7.3.4 拆分單元格 112
7.3.5 合并單元格 113
7.3.6 復(fù)制、剪切和粘貼表格 114
7.4 處理表格數(shù)據(jù) 116
7.4.1 導(dǎo)入Excel表格數(shù)據(jù) 116
7.4.2 排序表格 117
7.5 應(yīng)用數(shù)據(jù)表格樣式控制 118
7.5.1 表格模型 118
7.5.2 表格標(biāo)題 119
7.5.3 表格樣式控制 120
7.6 實(shí)踐案例與上機(jī)指導(dǎo) 121
7.6.1 在表格中插入圖像 121
7.6.2 在表格中插入表格 122
7.6.3 制作網(wǎng)頁(yè)細(xì)線表格 122
7.7 思考與練習(xí) 123
第8章 應(yīng)用CSS樣式美化網(wǎng)頁(yè) 125
8.1 什么是CSS樣式表 126
8.1.1 認(rèn)識(shí)CSS 126
8.1.2 CSS樣式的類型 126
8.1.3 CSS基本語(yǔ)法 127
8.2 創(chuàng)建CSS樣式 128
8.2.1 建立標(biāo)簽樣式 128
8.2.2 建立類樣式 129
8.2.3 建立復(fù)合內(nèi)容樣式 131
8.2.4 鏈接外部樣式表 132
8.2.5 建立ID樣式 133
8.3 將CSS應(yīng)用到網(wǎng)頁(yè) 135
8.3.1 內(nèi)聯(lián)樣式表 135
8.3.2 數(shù)據(jù)透視表的排序 135
8.3.3 外部樣式表 136
8.4 設(shè)置CSS樣式 136
8.4.1 設(shè)置背景類型 136
8.4.2 設(shè)置方框樣式 137
8.4.3 設(shè)置區(qū)塊樣式 138
8.4.4 設(shè)置邊框樣式 139
8.4.5 設(shè)置定位樣式 140
8.4.6 設(shè)置擴(kuò)展樣式 140
8.4.7 設(shè)置過(guò)渡樣式 141
8.5 實(shí)踐案例與上機(jī)指導(dǎo) 142
8.5.1 CSS靜態(tài)過(guò)濾器 142
8.5.2 樣式?jīng)_突 143
8.5.3 CSS動(dòng)態(tài)過(guò)濾器 143
8.6 思考與練習(xí) 143
第9章 應(yīng)用Div+CSS靈活布局
網(wǎng)頁(yè) 145
9.1 Div概述 146
9.1.1 初識(shí)Div 146
9.1.2 Div CSS布局的優(yōu)勢(shì) 146
9.1.3 盒模型 146
9.2 常見(jiàn)的布局方式 148
9.2.1 居中版式布局 148
9.2.2 浮動(dòng)版式布局 149
9.2.3 高度自適應(yīng)布局 151
9.3 應(yīng)用Div布局網(wǎng)頁(yè) 152
9.3.1　頁(yè)面布局分析 152
9.3.2　插入和編輯Div標(biāo)簽 153
9.3.3　使用CSS定位 155
9.4 實(shí)踐案例與上機(jī)指導(dǎo) 155
9.4.1 一列自適應(yīng)寬度 156
9.4.2 兩列自適應(yīng)寬度 156
9.4.3 兩列右列寬度自適應(yīng) 157
9.4.4 三列浮動(dòng)中間寬度自適應(yīng) 157
9.5 思考與練習(xí) 158
第10章 使用模板和庫(kù)創(chuàng)建網(wǎng)頁(yè) 159
10.1 使用模板 160
10.1.1 模板的特點(diǎn) 160
10.1.2 創(chuàng)建模板 160
10.1.3 嵌套模板 161
10.2 設(shè)置模板 162
10.2.1 定義可編輯區(qū)域 162
10.2.2 定義可選區(qū)域 163
10.2.3 定義重復(fù)區(qū)域 163
10.2.4 設(shè)置可編輯標(biāo)簽屬性 164
10.3 管理模板 165
10.3.1 創(chuàng)建基于模板的網(wǎng)頁(yè) 165
10.3.2 更新模板和基于模板的
網(wǎng)頁(yè) 166
10.3.3 刪除頁(yè)面中使用的模板 167
10.4 創(chuàng)建與應(yīng)用庫(kù)項(xiàng)目 168
10.4.1 認(rèn)識(shí)庫(kù)項(xiàng)目 168
10.4.2 創(chuàng)建庫(kù)項(xiàng)目 169
10.4.3 插入庫(kù)項(xiàng)目 170
10.4.4 修改庫(kù)項(xiàng)目 171
10.4.5 更新庫(kù)項(xiàng)目 171
10.5 實(shí)踐案例與上機(jī)指導(dǎo) 172
10.5.1 重命名庫(kù)項(xiàng)目 172
10.5.2 刪除庫(kù)項(xiàng)目 173
10.5.3 恢復(fù)刪除的庫(kù)項(xiàng)目 173
10.6 思考與練習(xí) 174
第11章 在網(wǎng)頁(yè)中插入表單 177
11.1 表單概述 178
11.1.1 關(guān)于表單 178
11.1.2 常用表單元素 178
11.1.3 HTML5表單元素 180
11.2 添加表單 181
11.2.1 插入表單域 182
11.2.2 插入文本域 183
11.3 網(wǎng)頁(yè)元素 185
11.3.1 表單密碼 185
11.3.2 Url對(duì)象 186
11.3.3 Tel對(duì)象 186
11.3.4 搜索對(duì)象 187
11.3.5 數(shù)字對(duì)象 187
11.3.6 范圍對(duì)象 188
11.3.7 顏色對(duì)象 189
11.3.8 電子郵件對(duì)象 189
11.4 日期與時(shí)間元素 190
11.4.1 月對(duì)象 190
11.4.2 周對(duì)象 191
11.4.3 日期對(duì)象 192
11.4.4 時(shí)間對(duì)象 192
11.4.5 日期時(shí)間對(duì)象 193
11.4.6 本地日期時(shí)間對(duì)象 194
11.5 選擇元素 195
11.5.1 選擇對(duì)象 195
11.5.2 單選按鈕對(duì)象 196
11.5.3 單選按鈕組對(duì)象 196
11.5.4 復(fù)選框?qū)ο?197
11.5.5 復(fù)選框組對(duì)象 198
11.6 按鈕元素 199
11.6.1 普通按鈕 199
11.6.2 提交按鈕對(duì)象 200
11.6.3 重置按鈕對(duì)象 201
11.6.4 圖像按鈕對(duì)象 201
11.7 實(shí)踐案例與上機(jī)指導(dǎo) 202
11.7.1 文件對(duì)象 202
11.7.2 隱藏對(duì)象 203
11.7.3 文本區(qū)域?qū)ο?204
11.8 思考與練習(xí) 205
第12章 使用行為創(chuàng)建動(dòng)態(tài)效果 207
12.1 認(rèn)識(shí)網(wǎng)頁(yè)行為 208
12.1.1 事件與動(dòng)作 208
12.1.2　使用【行為】面板 208
12.1.3 常見(jiàn)動(dòng)作類型 209
12.1.4　編輯網(wǎng)頁(yè)行為 210
12.2 使用行為調(diào)節(jié)瀏覽器 210
12.2.1 打開(kāi)瀏覽器窗口 210
12.2.2 調(diào)用JavaScript 212
12.2.3 轉(zhuǎn)到URL 212
12.3 使用行為控制圖像 213
12.3.1 交換圖像 213
12.3.2 預(yù)先載入圖像 214
12.4 使用行為顯示文本 215
12.4.1 設(shè)置彈出信息 215
12.4.2 設(shè)置狀態(tài)欄文本 216
12.4.3 設(shè)置容器的文本 217
12.4.4 設(shè)置文本域文字 218
12.5 使用行為加載多媒體 219
12.5.1 檢查插件 219
12.5.2 改變屬性 220
12.5.3 顯示和隱藏元素 221