內容簡介
《邊用邊學Dreamweaver CC網頁設計與製作》從網頁設計與製作的實際套用出發,通過大量典型實例乃企抹的製作,深入淺出地介紹Dreamweaver CC在網頁設計與製作方面的使用方法和技巧。
《邊用邊學Dreamweaver CC網頁設計與製作》共14章,主要內容包括網頁設計基礎知識,站點的創建、管理與上傳,創建網頁的基本對象,使用圖像豐富網頁,表格在網頁中的套用,創建網頁中的超級連結,製作多媒體效果網頁,模板和庫的使用,表單的使用,使用行為製作互動特效,使用HTML代碼輔助網頁製作,使用CSS樣式表美化網頁,CSS+Div布局網頁等。**後通過一個製作企業官方網站的實例,幫助讀者全面掌握Dreamweaver CC網頁設計與製作的精髓。
《邊用邊學Dreamweaver CC網頁設計與製作》可供籃棄承網頁設計、網站開發等相關專業人員及Dreamweaver初學者、設計愛好者學習和參考,尤其適合各類培訓學校及中職、高職院校作為教材使用。
圖書目錄
第 1章 網頁設計基礎知識 1
1.1 認識網頁 2
1.1.1 什麼是網頁 2
1.1.2 網頁與網站的關係 3
1.2 常用的網頁製作工具及語言 3
1.2.1 Dreamweaver 4
1.2.2 Flash 4
1.2.3 Photoshop 5
1.2.4 HTML 5
1.2.5 CSS 5
1.2.6 JavaScript 6
1.2.7 ASP 6
1.2.8 PHP 6
1.3 網路基本術語 6
1.4 網頁的色彩選擇與搭配 7
1.4.1 色彩選擇 7
1.4.2 色彩搭配 8
1.5 移動端(手機/平板電腦)網頁的設計 10
1.5.1 移動端網站與PC端網站的區別 10
1.5.2 移動端網頁設計的原則 11
1.6 認識Dreamweaver CC 12
1.6.1 啟動與退出Dreamweaver CC 12
1.6.2 Dreamweaver CC視窗簡介 13
1.6.3 Dreamweaver CC的參數設定 15
1.7 套用實踐 20
1.7.1 任務1—自定義各項操作的
快捷鍵 20
1.7.2 任務2—設定“代歸跨頁碑碼”視圖鞏嫌厚宙中代碼的顯示方式 21
1.8 知識拓展 22
1.8.1 網站類型 糠雄境22
1.8.2 網頁設計師的基本素質 24
1.9 答疑解惑嫌鞏挨 25
1.10 自我檢測 26
第 2章 站點的創建、管理與上傳 27
2.1 站點的規劃 28
2.2 認識站點面板 28
2.3 套用實踐 29
2.3.1 任務1—創建我的第 一個網站 29
2.3.2 任務2—管理網頁文檔 30
2.4 知識拓展 32
2.4.1 導出與導入站點 32
2.4.2 站點的基本編輯 33
2.4.3 上傳站點 35
2.5 答疑解惑 36
2.6 自我檢測 36
第3章 創建網頁的基本對象 38
3.1 網頁的創建與保存 39
3.1.1 創建網頁 39
3.1.2 存儲網頁 40
3.2 網頁的打開與關閉 40
3.2.1 打開網頁 40
3.2.2 關兆迎閉網頁 40
3.3 在網頁中插入當前日期 41
3.4 插入水平線 42
3.5 添加網頁文本 43
3.5.1 直接在網頁視窗中輸入文本 43
3.5.2 複製貼上外部文本 43
3.5.3 導入Office程式文本 44
3.6 插入項目列表與編號列表 45
3.6.1 插入項目列表 45
3.6.2 插入編號列表 46
3.7 套用實踐 47
3.7.1 任務1—在網頁中製作彩色水平線 47
3.7.2 任務2—製作業務介紹網頁 49
3.8 知識拓展 52
3.8.1 使用標尺與格線 52
3.8.2 插入特殊符號 54
3.9 答疑解惑 55
3.10 自我檢測 55
第4章 使用圖像豐富網頁 57
4.1 網頁中常用的圖像格式 58
4.2 網頁中圖像與文字的搭配 58
4.3 插入圖像 60
4.4 互動式圖像 61
4.5 網頁背景 62
4.5.1 網頁背景顏色 62
4.5.2 網頁背景圖像 63
4.6 圖像映射 64
4.7 套用實踐 65
4.7.1 任務1—網站變換導航 65
4.7.2 任務2—將圖像連結到不同網站 68
4.8 知識拓展 71
4.8.1 在網頁中使用圖像時需要注意的問題 71
4.8.2 設定外部圖像編輯器 72
4.9 答疑解惑 73
4.10 自我檢測 74
第5章 表格在網頁中的套用 76
5.1 創建表格 77
5.2 套用表格 78
5.2.1 輸入表格內容 78
5.2.2 選定表格元素 79
5.2.3 設定表格與單元格屬性 81
5.2.4 添加和刪除行或列 82
5.2.5 單元格的合併及拆分 83
5.2.6 嵌套表格 84
5.3 套用實踐 85
5.3.1 任務1—利用表格屬性製作隔距框線表格 85
5.3.2 任務2—製作數碼產品網頁 87
5.4 知識拓展 91
5.4.1 表格的排序 91
5.4.2 導入和導出表格數據 92
5.5 答疑解惑 94
5.6 自我檢測 94
第6章 創建網頁中的超級連結 96
6.1 超級連結 97
6.1.1 URL簡介 97
6.1.2 超級連結路徑 97
6.2 網站內部連結 98
6.3 網站外部連結 99
6.4 創建電子郵件連結 99
6.5 創建下載連結 100
6.6 套用實踐 101
6.6.1 任務1—為網頁圖像添加任意顏色的
框線 101
6.6.2 任務2—創建“聯繫我們”網頁 103
6.7 知識拓展 108
6.7.1 腳本連結 108
6.7.2 空連結 109
6.8 答疑解惑 109
6.9 自我檢測 110
第7章 製作多媒體效果網頁 111
7.1 認識多媒體 112
7.2 插入Flash動畫 112
7.3 插入FLV 113
7.4 套用實踐 114
7.4.1 任務1—使用透明動畫製作網頁
banner 114
7.4.2 任務2—在網頁中添加視頻 117
7.5 知識拓展 121
7.5.1 使用標籤 122
7.5.2 使用標籤 122
7.6 答疑解惑 123
7.7 自我檢測 123
第8章 模板和庫的使用 124
8.1 模板和庫的概念 125
8.1.1 模板的概念 125
8.1.2 庫的概念 125
8.2 使用模板 125
8.2.1 創建模板 125
8.2.2 設計模板 127
8.2.3 定義模板區域 127
8.3 定製庫項目 130
8.3.1 創建庫項目 131
8.3.2 庫項目“屬性”面板 131
8.3.3 編輯庫項目 131
8.3.4 添加庫項目 133
8.4 套用實踐 134
8.4.1 任務1—使用模板製作網頁 134
8.4.2 任務2—使用庫完善網頁 138
8.5 知識拓展 140
8.5.1 設定模板文檔的頁面屬性 140
8.5.2 快速更新網站中所有頁面 141
8.6 答疑解惑 141
8.7 自我檢測 142
第9章 表單的使用 143
9.1 表單概述 144
9.2 創建表單 144
9.3 創建表單對象 145
9.3.1 創建文本域 145
9.3.2 創建單選按鈕 145
9.3.3 創建複選框 146
9.3.4 創建下拉選單 146
9.4 套用實踐 147
9.4.1 任務1—創建登錄網頁 147
9.4.2 任務2—製作線上調查表 152
9.5 知識拓展 156
9.5.1 創建密碼域 156
9.5.2 插入表單按鈕 156
9.6 答疑解惑 157
9.7 自我檢測 158
第 10章 使用行為製作互動特效 159
10.1 認識行為 160
10.1.1 行為簡介 160
10.1.2 “行為”面板 160
10.2 內置行為的使用 162
10.2.1 交換圖像 162
10.2.2 恢復交換圖像 163
10.2.3 打開瀏覽器視窗 164
10.2.4 彈出信息 165
10.2.5 轉到URL 165
10.3 套用實踐 166
10.3.1 任務1—製作網頁對瀏覽者的提示信息 166
10.3.2 任務2—製作數碼網網站彈出
廣告 168
10.4 知識拓展 171
10.4.1 行為參數的修改 171
10.4.2 行為排序 171
10.5 答疑解惑 171
10.6 自我檢測 172
第 11章 使用HTML代碼輔助網頁製作 173
11.1 HTML的基本結構 174
11.1.1 單標籤 174
11.1.2 雙標籤 175
11.1.3 標籤屬性 175
11.2 常用標籤 175
11.2.1 ...標籤 175
11.2.2 ...標籤 175
11.2.3 ...標籤 176
11.2.4 ...標籤 176
11.2.5 ...標籤 176
11.2.6
標籤 177
11.2.7
...
標籤 178
11.2.8
標籤 179
11.2.9 ...標籤 181
11.2.10 標籤 185
11.2.11
...
標籤 186
11.2.12
...
標籤 187
11.2.13
...
標籤 188
11.3 表格 189
11.3.1 表格的基本語法 189
11.3.2 表格的標題 190
11.3.3 表格的尺寸 191
11.3.4 表格的框線尺寸 192
11.3.5 表格的間距調整 193
11.3.6 表格內容與格線之間的寬度 194
11.3.7 表格內數據的布局對齊 195
11.3.8 跨多行、多列的單元格 197
11.3.9 表格的顏色設定 198
11.4 超級連結 199
11.4.1 本地連結 199
11.4.2 URL連結 200
11.4.3 連結 200
11.5 HTML中圖像的設定 200
11.5.1 插入圖像的基本格式 200
11.5.2 圖像與文字的對齊方式 202
11.5.3 圖像與文字之間的距離 205
11.5.4 圖像按鈕(圖像連結) 206
11.6 套用實踐 207
11.6.1 任務1—製作文字放大鏡效果 207
11.6.2 任務2—檢測用戶螢幕解析度 210
11.7 知識拓展 212
11.7.1 使用快速標籤編輯器 212
11.7.2 清理HTML代碼 213
11.8 答疑解惑 214
11.9 自我檢測 214
第 12章 使用CSS樣式表美化網頁 215
12.1 CSS的基本語法 216
12.2 偽類、偽元素以及樣式表的層疊順序 216
12.2.1 偽類和偽元素 216
12.2.2 樣式表的層疊順序 217
12.3 CSS中的屬性 217
12.3.1 CSS中的字型以及文本控制 218
12.3.2 CSS中的顏色及背景控制 220
12.3.3 CSS中框線的控制屬性 222
12.3.4 CSS中的分類屬性 224
12.4 套用實踐 228
12.4.1 任務1—製作框線陰影與折角
效果 228
12.4.2 任務2—製作熱賣商品圖文
列表 232
12.5 知識拓展 238
12.5.1 連結一個外部的樣式表 238
12.5.2 嵌入一個樣式表 239
12.5.3 聯合使用樣式表 239
12.6 答疑解惑 240
12.7 自我檢測 241
第 13章 CSS+Div布局網頁 242
13.1 Div概述 243
13.2 使用Div 243
13.2.1 創建Div 243
13.2.2 選擇Div 244
13.3 Div+CSS盒模型 245
13.3.1 盒模型的概念 245
13.3.2 margin(邊界) 246
13.3.3 border(框線) 249
13.3.4 padding(填充) 250
13.4 Div+CSS布局定位 251
13.4.1 relative(相對定位) 251
13.4.2 absolute(定位) 251
13.4.3 float(浮動定位) 252
13.5 Div+CSS布局理念 256
13.5.1 將頁面用Div分塊 256
13.5.2 設計各塊的位置 256
13.5.3 用CSS定位 257
13.6 套用實踐 257
13.6.1 任務1—使用Div進行網頁
布局 257
13.6.2 任務2—使用Div+CSS進行網頁
布局 260
13.7 知識拓展 267
13.7.1 居中布局設計 267
13.7.2 浮動布局設計 268
13.8 答疑解惑 274
13.9 自我檢測 275
第 14章 製作企業官方網站 276
14.1 網站項目分析 277
14.2 確定網站風格 277
14.3 製作網站 278
14.3.1 製作網頁導航 278
14.3.2 製作網頁滾動文字 281
14.3.3 製作網頁主體 282
14.4 上傳網站 283
附錄 自我檢測參考答案 285
2.3.2 任務2—管理網頁文檔 30
2.4 知識拓展 32
2.4.1 導出與導入站點 32
2.4.2 站點的基本編輯 33
2.4.3 上傳站點 35
2.5 答疑解惑 36
2.6 自我檢測 36
第3章 創建網頁的基本對象 38
3.1 網頁的創建與保存 39
3.1.1 創建網頁 39
3.1.2 存儲網頁 40
3.2 網頁的打開與關閉 40
3.2.1 打開網頁 40
3.2.2 關閉網頁 40
3.3 在網頁中插入當前日期 41
3.4 插入水平線 42
3.5 添加網頁文本 43
3.5.1 直接在網頁視窗中輸入文本 43
3.5.2 複製貼上外部文本 43
3.5.3 導入Office程式文本 44
3.6 插入項目列表與編號列表 45
3.6.1 插入項目列表 45
3.6.2 插入編號列表 46
3.7 套用實踐 47
3.7.1 任務1—在網頁中製作彩色水平線 47
3.7.2 任務2—製作業務介紹網頁 49
3.8 知識拓展 52
3.8.1 使用標尺與格線 52
3.8.2 插入特殊符號 54
3.9 答疑解惑 55
3.10 自我檢測 55
第4章 使用圖像豐富網頁 57
4.1 網頁中常用的圖像格式 58
4.2 網頁中圖像與文字的搭配 58
4.3 插入圖像 60
4.4 互動式圖像 61
4.5 網頁背景 62
4.5.1 網頁背景顏色 62
4.5.2 網頁背景圖像 63
4.6 圖像映射 64
4.7 套用實踐 65
4.7.1 任務1—網站變換導航 65
4.7.2 任務2—將圖像連結到不同網站 68
4.8 知識拓展 71
4.8.1 在網頁中使用圖像時需要注意的問題 71
4.8.2 設定外部圖像編輯器 72
4.9 答疑解惑 73
4.10 自我檢測 74
第5章 表格在網頁中的套用 76
5.1 創建表格 77
5.2 套用表格 78
5.2.1 輸入表格內容 78
5.2.2 選定表格元素 79
5.2.3 設定表格與單元格屬性 81
5.2.4 添加和刪除行或列 82
5.2.5 單元格的合併及拆分 83
5.2.6 嵌套表格 84
5.3 套用實踐 85
5.3.1 任務1—利用表格屬性製作隔距框線表格 85
5.3.2 任務2—製作數碼產品網頁 87
5.4 知識拓展 91
5.4.1 表格的排序 91
5.4.2 導入和導出表格數據 92
5.5 答疑解惑 94
5.6 自我檢測 94
第6章 創建網頁中的超級連結 96
6.1 超級連結 97
6.1.1 URL簡介 97
6.1.2 超級連結路徑 97
10.2.1 交換圖像 162
10.2.2 恢復交換圖像 163
10.2.3 打開瀏覽器視窗 164
10.2.4 彈出信息 165
10.2.5 轉到URL 165
10.3 套用實踐 166
10.3.1 任務1—製作網頁對瀏覽者的提示信息 166
10.3.2 任務2—製作數碼網網站彈出
廣告 168
10.4 知識拓展 171
10.4.1 行為參數的修改 171
10.4.2 行為排序 171
10.5 答疑解惑 171
10.6 自我檢測 172
第 11章 使用HTML代碼輔助網頁製作 173
11.1 HTML的基本結構 174
11.1.1 單標籤 174
11.1.2 雙標籤 175
11.1.3 標籤屬性 175
11.2 常用標籤 175
11.2.1 ...標籤 175
11.2.2 ...標籤 175
11.2.3 ...標籤 176
11.2.4 ...標籤 176
11.2.5 ...標籤 176
11.2.6
標籤 177
11.2.7
...
標籤 178
11.2.8
標籤 179
11.2.9 ...標籤 181
11.2.10 標籤 185
11.2.11
...
標籤 186
11.2.12
...
標籤 187
11.2.13
...
標籤 188
11.3 表格 189
11.3.1 表格的基本語法 189
11.3.2 表格的標題 190
11.3.3 表格的尺寸 191
11.3.4 表格的框線尺寸 192
11.3.5 表格的間距調整 193
11.3.6 表格內容與格線之間的寬度 194
11.3.7 表格內數據的布局對齊 195
11.3.8 跨多行、多列的單元格 197
11.3.9 表格的顏色設定 198
11.4 超級連結 199
11.4.1 本地連結 199
11.4.2 URL連結 200
11.4.3 連結 200
11.5 HTML中圖像的設定 200
11.5.1 插入圖像的基本格式 200
11.5.2 圖像與文字的對齊方式 202
11.5.3 圖像與文字之間的距離 205
11.5.4 圖像按鈕(圖像連結) 206
11.6 套用實踐 207
11.6.1 任務1—製作文字放大鏡效果 207
11.6.2 任務2—檢測用戶螢幕解析度 210
11.7 知識拓展 212
11.7.1 使用快速標籤編輯器 212
11.7.2 清理HTML代碼 213
11.8 答疑解惑 214
11.9 自我檢測 214
第 12章 使用CSS樣式表美化網頁 215
12.1 CSS的基本語法 216
12.2 偽類、偽元素以及樣式表的層疊順序 216
12.2.1 偽類和偽元素 216
12.2.2 樣式表的層疊順序 217
12.3 CSS中的屬性 217
12.3.1 CSS中的字型以及文本控制 218
12.3.2 CSS中的顏色及背景控制 220
12.3.3 CSS中框線的控制屬性 222
12.3.4 CSS中的分類屬性 224
12.4 套用實踐 228
12.4.1 任務1—製作框線陰影與折角
效果 228
12.4.2 任務2—製作熱賣商品圖文
列表 232
12.5 知識拓展 238
12.5.1 連結一個外部的樣式表 238
12.5.2 嵌入一個樣式表 239
12.5.3 聯合使用樣式表 239
12.6 答疑解惑 240
12.7 自我檢測 241
第 13章 CSS+Div布局網頁 242
13.1 Div概述 243
13.2 使用Div 243
13.2.1 創建Div 243
13.2.2 選擇Div 244
13.3 Div+CSS盒模型 245
13.3.1 盒模型的概念 245
13.3.2 margin(邊界) 246
13.3.3 border(框線) 249
13.3.4 padding(填充) 250
13.4 Div+CSS布局定位 251
13.4.1 relative(相對定位) 251
13.4.2 absolute(定位) 251
13.4.3 float(浮動定位) 252
13.5 Div+CSS布局理念 256
13.5.1 將頁面用Div分塊 256
13.5.2 設計各塊的位置 256
13.5.3 用CSS定位 257
13.6 套用實踐 257
13.6.1 任務1—使用Div進行網頁
布局 257
13.6.2 任務2—使用Div+CSS進行網頁
布局 260
13.7 知識拓展 267
13.7.1 居中布局設計 267
13.7.2 浮動布局設計 268
13.8 答疑解惑 274
13.9 自我檢測 275
第 14章 製作企業官方網站 276
14.1 網站項目分析 277
14.2 確定網站風格 277
14.3 製作網站 278