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

第1章 網(wǎng)頁設(shè)計與制作基礎(chǔ) 1
1.1 網(wǎng)頁概述 2
1.1.1 網(wǎng)頁基本要素 2
1.1.2 網(wǎng)頁基本術(shù)語 4
1.1.3 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 6
1.2 網(wǎng)頁編輯器和屏幕分辨率 7
1.2.1 網(wǎng)頁編輯器 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頁面 9
1.3.5 測試并上傳網(wǎng)站 9
1.3.6 網(wǎng)站的更新與維護 9
1.4 網(wǎng)頁設(shè)計中的色彩應(yīng)用 9
1.4.1 網(wǎng)頁色彩的特性 9
1.4.2 網(wǎng)頁安全色 10
1.4.3 色彩模式 11
1.4.4 網(wǎng)頁配色的基本原則 12
1.4.5 網(wǎng)頁配色中的文本顏色 14
1.5 網(wǎng)頁制作常用軟件 16
1.5.1 網(wǎng)頁編輯排版軟件
Dreamweaver CC 16
1.5.2 圖像制作軟件Photoshop CC
和Fireworks CC 16
1.5.3 網(wǎng)頁動畫制作軟件Flash CC 16
1.5.4 網(wǎng)頁標(biāo)記語言HTML 17
1.5.5 網(wǎng)頁腳本語言JavaScript 17
1.5.6 動態(tài)網(wǎng)頁編程語言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 實踐案例與上機指導(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)建與管理站點 33
3.1 站點及站點結(jié)構(gòu) 34
3.1.1 站點 34
3.1.2 站點結(jié)構(gòu) 35
3.2 創(chuàng)建本地站點 35
3.2.1 使用向?qū)Т罱ㄕ军c 35
3.2.2 使用【高級設(shè)置】選項
面板創(chuàng)建站點 37
3.3　管理站點 40
3.3.1 打開站點 40
3.3.2 切換站點 41
3.3.3 【管理站點】對話框 41
3.4　管理站點中的文件 42
3.4.1　在站點中新建文件夾 42
3.4.2　在站點中新建頁面 43
3.4.3　移動和復(fù)制文件或文件夾 43
3.4.4　刪除文件或文件夾 44
3.5 實踐案例與上機指導(dǎo) 44
3.5.1 使用【新建文檔】對話框
創(chuàng)建新文件 45
3.5.2 Business Catalyst站點 46
3.5.3 Edge Animate資源 47
3.6 思考與練習(xí) 47
第4章 在網(wǎng)頁中編排文本 49
4.1 文本的基本操作 50
4.1.1 輸入文本 50
4.1.2 設(shè)置字體 51
4.1.3 設(shè)置字號 52
4.1.4 設(shè)置字體顏色 52
4.1.5 設(shè)置字體樣式 53
4.1.6 設(shè)置段落對齊方式 53
4.1.7 設(shè)置是否顯示不可見元素 54
4.2 插入特殊文本對象 55
4.2.1 插入特殊字符 55
4.2.2 插入水平線 56
4.2.3 插入日期 57
4.3 設(shè)置項目列表 57
4.3.1 創(chuàng)建項目列表與編號列表 58
4.3.2 設(shè)置列表屬性 59
4.4 設(shè)置頁面的頭信息 59
4.4.1 設(shè)置網(wǎng)頁標(biāo)題 60
4.4.2 添加關(guān)鍵字 60
4.4.3 添加說明 61
4.4.4 插入視口 61
4.4.5 設(shè)置鏈接 62
4.4.6 設(shè)置頁面的Meta信息 63
4.5 實踐案例與上機指導(dǎo) 63
4.5.1 查找與替換功能 63
4.5.2 設(shè)置頁邊距 64
4.5.3 設(shè)置網(wǎng)頁的默認(rèn)格式 64
4.5.4 設(shè)置文本縮進(jìn)格式 65
4.6 思考與練習(xí) 65
第5章 使用圖像與多媒體豐富
網(wǎng)頁內(nèi)容 67
5.1 網(wǎng)頁中的常用圖像格式 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)頁中插入圖像文件 69
5.2.2 設(shè)置網(wǎng)頁背景圖 70
5.2.3 設(shè)置圖像對齊方式 71
5.2.4 更改圖像基本屬性 72
5.2.5 使用圖像編輯器 72
5.3 插入其他圖像元素 74
5.3.1 插入鼠標(biāo)經(jīng)過圖像 74
5.3.2 插入Fireworks HTML 75
5.4 多媒體在網(wǎng)頁中的應(yīng)用 75
5.4.1 插入并設(shè)置Flash動畫 76
5.4.2 插入FLV視頻 77
5.4.3 插入音樂 79
5.5 實踐案例與上機指導(dǎo) 80
5.5.1 插入HTML5 Video 80
5.5.2 插入HTML5 Audio 82
5.6 思考與練習(xí) 83
第6章 網(wǎng)頁超級鏈接 85
6.1 超級鏈接 86
6.1.1 超鏈接的定義 86
6.1.2 內(nèi)部、外部與腳本鏈接 86
6.2 鏈接路徑 87
6.2.1 絕對路徑 87
6.2.2 相對路徑 88
6.2.3 站點根目錄相對路徑 88
6.3 創(chuàng)建超級鏈接 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 圖像熱點鏈接 90
6.4.3 空鏈接 91
6.4.4 電子郵件鏈接 92
6.4.5 腳本鏈接 93
6.5 管理與設(shè)置超級鏈接 93
6.5.1 自動更新鏈接 93
6.5.2 在站點范圍內(nèi)更改鏈接 94
6.5.3 檢查站點中的鏈接錯誤 95
6.6 實踐案例與上機指導(dǎo) 96
6.6.1 創(chuàng)建錨記鏈接 96
6.6.2 制作文件下載鏈接 98
6.7 思考與練習(xí) 99
第7章 使用表格布局頁面 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 實踐案例與上機指導(dǎo) 121
7.6.1 在表格中插入圖像 121
7.6.2 在表格中插入表格 122
7.6.3 制作網(wǎng)頁細(xì)線表格 122
7.7 思考與練習(xí) 123
第8章 應(yīng)用CSS樣式美化網(wǎng)頁 125
8.1 什么是CSS樣式表 126
8.1.1 認(rèn)識CSS 126
8.1.2 CSS樣式的類型 126
8.1.3 CSS基本語法 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)頁 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è)置擴展樣式 140
8.4.7 設(shè)置過渡樣式 141
8.5 實踐案例與上機指導(dǎo) 142
8.5.1 CSS靜態(tài)過濾器 142
8.5.2 樣式?jīng)_突 143
8.5.3 CSS動態(tài)過濾器 143
8.6 思考與練習(xí) 143
第9章 應(yīng)用Div+CSS靈活布局
網(wǎng)頁 145
9.1 Div概述 146
9.1.1 初識Div 146
9.1.2 Div CSS布局的優(yōu)勢 146
9.1.3 盒模型 146
9.2 常見的布局方式 148
9.2.1 居中版式布局 148
9.2.2 浮動版式布局 149
9.2.3 高度自適應(yīng)布局 151
9.3 應(yīng)用Div布局網(wǎng)頁 152
9.3.1　頁面布局分析 152
9.3.2　插入和編輯Div標(biāo)簽 153
9.3.3　使用CSS定位 155
9.4 實踐案例與上機指導(dǎo) 155
9.4.1 一列自適應(yīng)寬度 156
9.4.2 兩列自適應(yīng)寬度 156
9.4.3 兩列右列寬度自適應(yīng) 157
9.4.4 三列浮動中間寬度自適應(yīng) 157
9.5 思考與練習(xí) 158
第10章 使用模板和庫創(chuàng)建網(wǎng)頁 159
10.1 使用模板 160
10.1.1 模板的特點 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)頁 165
10.3.2 更新模板和基于模板的
網(wǎng)頁 166
10.3.3 刪除頁面中使用的模板 167
10.4 創(chuàng)建與應(yīng)用庫項目 168
10.4.1 認(rèn)識庫項目 168
10.4.2 創(chuàng)建庫項目 169
10.4.3 插入庫項目 170
10.4.4 修改庫項目 171
10.4.5 更新庫項目 171
10.5 實踐案例與上機指導(dǎo) 172
10.5.1 重命名庫項目 172
10.5.2 刪除庫項目 173
10.5.3 恢復(fù)刪除的庫項目 173
10.6 思考與練習(xí) 174
第11章 在網(wǎng)頁中插入表單 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)頁元素 185
11.3.1 表單密碼 185
11.3.2 Url對象 186
11.3.3 Tel對象 186
11.3.4 搜索對象 187
11.3.5 數(shù)字對象 187
11.3.6 范圍對象 188
11.3.7 顏色對象 189
11.3.8 電子郵件對象 189
11.4 日期與時間元素 190
11.4.1 月對象 190
11.4.2 周對象 191
11.4.3 日期對象 192
11.4.4 時間對象 192
11.4.5 日期時間對象 193
11.4.6 本地日期時間對象 194
11.5 選擇元素 195
11.5.1 選擇對象 195
11.5.2 單選按鈕對象 196
11.5.3 單選按鈕組對象 196
11.5.4 復(fù)選框?qū)ο?197
11.5.5 復(fù)選框組對象 198
11.6 按鈕元素 199
11.6.1 普通按鈕 199
11.6.2 提交按鈕對象 200
11.6.3 重置按鈕對象 201
11.6.4 圖像按鈕對象 201
11.7 實踐案例與上機指導(dǎo) 202
11.7.1 文件對象 202
11.7.2 隱藏對象 203
11.7.3 文本區(qū)域?qū)ο?204
11.8 思考與練習(xí) 205
第12章 使用行為創(chuàng)建動態(tài)效果 207
12.1 認(rèn)識網(wǎng)頁行為 208
12.1.1 事件與動作 208
12.1.2　使用【行為】面板 208
12.1.3 常見動作類型 209
12.1.4　編輯網(wǎng)頁行為 210
12.2 使用行為調(diào)節(jié)瀏覽器 210
12.2.1 打開瀏覽器窗口 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