Adobe Dreamweaver CC網頁設計與制作案例教程

目 錄

第1章 教育培訓類網頁設計——文本網頁的創(chuàng)建與編輯 1
視頻講解：6 個
1.1 制作月亮寶貝網頁（一）——打開文本網頁 2
1.1.1 新建網頁文檔 3
1.1.2 保存網頁文檔 3
1.1.3 打開網頁文檔 4
1.1.4 關閉網頁文件 5
1.2 制作月亮寶貝網頁（二）——頁面屬性設置 5
1.2.1 外觀 6
1.2.2 鏈接 6
1.2.3 標題 7
1.2.4 標題/編碼 7
1.2.5 跟蹤圖像 7
1.3 制作月亮寶貝網頁（三）——編輯設置文本屬性 7
1.3.1 插入文本和文本屬性設置 11
1.3.2 在文本中插入特殊字符 14
1.3.3 使用水平線 15
1.3.4 插入日期 16
1.4 制作新起點圖書館網頁——格式化文本 17
1.4.1 設置字體樣式 18
1.4.2 編輯段落 19
1.5 制作小學網站網頁設計——項目列表 20
1.5.1 認識列表 20
1.5.2 創(chuàng)建項目列表和編號列表 21
1.5.3 創(chuàng)建嵌套項目 22
1.5.4 項目列表設置 23
1.6 上機練習——制作興德教師招聘網網頁 23
1.7 思考與練習 31

第2章 藝術愛好類網頁設計——表格化網頁布局 32
視頻講解：4 個
2.1 制作覓圖網頁——在單元格中添加內容 33
2.1.1 插入表格 39
2.1.2 向表格中輸入文本 40
2.1.3 嵌套表格 41
2.1.4 在單元格中插入圖像 41
2.2 制作工藝品網頁——表格的基本操作 42
2.2.1　設置表格屬性 46
2.2.2 選定整個表格 47
2.2.3 剪切、粘貼表格 48
2.2.4 選擇表格行、列 49
2.2.5 添加行或列 49
2.2.6 刪除行或列 50
2.2.7 選擇一個單元格 51
2.2.8 合并單元格 51
2.2.9 拆分單元格 52
2.3 制作婚紗攝影網頁——調整表格大小 53
2.3.1 調整整個表格大小 59
2.3.2 調整行高或列寬 59
2.3.3 表格排序 60
2.4 上機練習——家居網站設計 62
2.5 思考與練習 66

第3章 生活服務類網頁設計——使用圖像與多媒體美化網頁 67
視頻講解：5 個
3.1 制作鮮花網網頁——在網頁中添加圖像 68
3.1.1 網頁圖像格式 72
3.1.2 插入網頁圖像 73
3.2 制作房地產網頁——編輯和更新網頁圖像 74
3.2.1 設置圖像大小 83
3.2.2 使用Photoshop更新網頁圖像 84
3.2.3 優(yōu)化圖像 85
3.2.4 裁剪圖像 86
3.2.5 調整圖像的亮度和對比度 87
3.2.6 銳化圖像 88
3.3 制作禮品網網頁——應用圖像 89
3.3.1 鼠標經過圖像 92
3.3.2 背景圖像 93
3.4 制作裝飾公司網頁（一）——插入多媒體 94
3.4.1 插入Flash SWF動畫 97
3.4.2 插入聲音 98
3.5 上機練習——裝飾公司網頁（二） 100
3.6　思考與練習 105

第4章 電腦網絡類網頁設計——鏈接的創(chuàng)建 106
視頻講解：3 個
4.1 制作IT信息網頁——創(chuàng)建簡單鏈接 107
4.1.1 使用【屬性】面板創(chuàng)建鏈接 111
4.1.2 使用【指向文件】圖標創(chuàng)建鏈接 112
4.1.3 使用快捷菜單創(chuàng)建鏈接 112
4.2 制作大眾信息站網頁——創(chuàng)建其他鏈接 112
4.2.1 創(chuàng)建錨記鏈接 122
4.2.2 創(chuàng)建E-mail鏈接 123
4.2.3 創(chuàng)建下載鏈接 124
4.2.4 創(chuàng)建空鏈接 125
4.2.5 創(chuàng)建熱點鏈接 126
4.3 上機練習——制作綠色軟件網頁 127
4.4　思考與練習 132

第5章 旅游交通類網頁設計——使用CSS樣式修飾頁面 133
視頻講解：5 個
5.1 制作天氣預報網頁——初識CSS 134
5.1.1 CSS基礎 136
5.1.2 【CSS 設計器】面板 136
5.2 制作旅游網站（一）——定義CSS樣式的屬性 137
5.2.1 創(chuàng)建CSS樣式 139
5.2.2 類型屬性 140
5.2.3 背景樣式的定義 142
5.2.4 區(qū)塊樣式的定義 143
5.2.5 方框樣式的定義 144
5.2.6 邊框樣式的定義 146
5.2.7 列表樣式的定義 146
5.2.8 定位樣式的定義 147
5.2.9 擴展樣式的定義 148
5.2.10 創(chuàng)建嵌入式CSS樣式 149
5.2.11 鏈接外部樣式表 150
5.3 制作旅游網站（二）——編輯CSS樣式 151
5.3.1 修改CSS樣式 158
5.3.2 刪除CSS樣式 159
5.3.3 復制CSS樣式 159
5.4 制作旅游網站（三）——使用CSS過濾器 160
5.4.1 Alpha濾鏡 166
5.4.2 Blur濾鏡 167
5.4.3 FlipH濾鏡 168
5.4.4 Glow濾鏡 169
5.4.5 Gray濾鏡 170
5.4.6 Invert濾鏡 172
5.4.7 Shadow濾鏡 173
5.4.8 Wave濾鏡 174
5.4.9 Xray濾鏡 175
5.5 上機練習——制作路暢網網頁 176
5.6 思考與練習 193

第6章 娛樂休閑類網頁設計——使用行為制作特效網頁 194
視頻講解：3 個
6.1 制作游戲網頁——行為的概念 195
6.1.1 【行為】面板 201
6.1.2 在【行為】面板中添加行為 201
6.2 制作籃球網頁——內置行為 202
6.2.1 交換圖像 212
6.2.2 彈出信息 213
6.2.3 恢復交換圖像 214
6.2.4 打開瀏覽器窗口 215
6.2.5 拖動AP元素 216
6.2.6 改變屬性 217
6.2.7 效果 218
6.2.8 顯示-隱藏元素 218
6.2.9 檢查插件 219
6.2.10 設置文本 220
6.2.11 跳轉菜單 222
6.2.12 轉到URL 223
6.3 上機練習——民謠音樂網頁 224
6.4 思考與練習 231

第7章 商業(yè)經濟類網頁設計——使用表單創(chuàng)建交互網頁 232
視頻講解：3 個
7.1 制作宏達物流網頁——表單對象的創(chuàng)建 233
7.1.1 創(chuàng)建表單域 239
7.1.2 插入文本域 240
7.1.3 多行文本域 242
7.1.4 復選框 243
7.1.5 單選按鈕 244
7.1.6 列表/菜單 245
7.2 制作優(yōu)選易購網頁——使用按鈕激活表單 247
7.2.1 插入按鈕 254
7.2.2 圖像按鈕 255
7.3 上機練習——制作美食網頁 257
7.4　思考與練習 262
附錄1 Dreamweaver CC 常用快捷鍵 263
附錄2 參考答案 265