Adobe Dreamweaver CC網(wǎng)頁設計與制作案例技能實訓教程

第1章 
網(wǎng)頁設計入門操作
跟我學
創(chuàng)建小微企業(yè)站點 2
聽我講
1.1 初識Dreamweaver 4
1.1.1 菜單欄 4
1.1.2 文檔工具欄 5
1.1.3  “通用”工具欄 6
1.1.4 標簽選擇器 7
1.1.5 屬性面板 7
1.1.6 面板組 7
1.2 網(wǎng)站建設流程 10
1.2.1 規(guī)劃站點 10
1.2.2 收集素材 11
1.2.3 制作網(wǎng)站 11
1.2.4 測試網(wǎng)站 11
1.2.5 發(fā)布網(wǎng)站 12
1.2.6 更新維護 12
1.3 創(chuàng)建站點 13
1.3.1 創(chuàng)建本地站點 13
1.3.2 創(chuàng)建遠程站點 14
1.4 站點的管理 14
1.4.1 訪問站點 14
1.4.2 編輯站點 15
自己練
創(chuàng)建站點 16
 
第2章 
網(wǎng)頁基本元素編輯詳解
跟我學
制作古文網(wǎng)頁 18
聽我講
2.1 網(wǎng)頁的基本構(gòu)成元素 26
2.1.1 文本 26
2.1.2 圖像 26
2.1.3 超鏈接 26
2.1.4 表單 26
2.1.5 表格 26
2.1.6 導航欄 26
2.1.7 動畫 27
2.2 文本內(nèi)容的創(chuàng)建 27
2.2.1 輸入文本 27
2.2.2 設置文本屬性 28
2.3 其他常見元素的插入 30
2.3.1 插入特殊符號 30
2.3.2 插入日期和時間 31
2.3.3 插入水平線 31
2.4 頁面屬性的設置 32
2.4.1 外觀 32
2.4.2 鏈接（CSS） 34
2.4.3 標題（CSS） 35
2.4.4 標題/編碼 35
2.4.5 跟蹤圖像 36
自己練
設計酒店首頁 37
 
第3章 
網(wǎng)頁多媒體元素詳解
跟我學
制作圖片網(wǎng)站首頁 40
聽我講
3.1 圖像的插入與編輯 49
3.1.1 網(wǎng)頁圖像的格式 49
3.1.2 插入圖像 50
3.1.3 圖像的屬性設置 51
3.1.4 圖像的對齊方式 53
3.2 多媒體元素的插入 55
3.2.1 插入HTML5 Video 55
3.2.2 插入SWF格式文件 57
3.2.3 插入Flash Video文件 59
3.2.4 插入音頻 61 3.2.5 插入插件 62
自己練
制作書法網(wǎng)站首頁 63
 
第4章
 網(wǎng)頁超鏈接應用詳解
跟我學
創(chuàng)建國粹特色網(wǎng)頁 66
聽我講
4.1 什么是超鏈接 81
4.1.1 路徑 81
4.1.2 文檔相對路徑 81
4.1.3 站點根目錄相對路徑 81
4.2 超鏈接的創(chuàng)建 82
4.2.1 創(chuàng)建文本鏈接 82
4.2.2 創(chuàng)建空鏈接 84
4.2.3 制作錨點鏈接 84
4.2.4 創(chuàng)建電子郵件鏈接 85
4.2.5 創(chuàng)建腳本鏈接 85
4.3 在圖像中應用鏈接 86
4.3.1 圖像鏈接 86
4.3.2 圖像熱點鏈接 86
4.4 管理網(wǎng)頁超鏈接 87
4.4.1 自動更新鏈接 87
4.4.2 在站點范圍內(nèi)更改鏈接 88
4.4.3 檢查站點中的鏈接錯誤 89
自己練
制作散文網(wǎng)頁 90
 
第5章
 表格應用詳解
跟我學
制作產(chǎn)品展示網(wǎng)頁 92
聽我講
5.1 表格的創(chuàng)建 102
5.1.1 表格的相關術(shù)語 102
5.1.2 插入表格 102
5.1.3 表格的基本代碼 103
5.1.4 選擇表格 104
5.2 表格屬性的設置 107
5.2.1 設置表格的屬性 107
5.2.2 設置單元格屬性 107
5.2.3 鼠標經(jīng)過顏色 108
5.2.4 表格的屬性代碼 109
5.3 表格的編輯 112
5.3.1 復制/粘貼表格 112
5.3.2 添加行和列 113
5.3.3 刪除行和列 113
5.3.4 拆分和合并單元格 114
5.4 表格式數(shù)據(jù)的導入/導出 114
5.4.1 導入表格式數(shù)據(jù) 114
5.4.2 導出表格式數(shù)據(jù) 115
自己練
制作音樂廳演出信息網(wǎng)頁 116
 
第6章 
Div CSS技術(shù)詳解
跟我學
制作建筑公司網(wǎng)頁 118
聽我講
6.1 認識CSS樣式表 127
6.2 創(chuàng)建CSS樣式 127
6.2.1 CSS設計器 127
6.2.2 創(chuàng)建CSS樣式表 128
6.2.3 應用內(nèi)部樣式表 131
6.2.4 鏈接外部CSS樣式表 132
6.3 定義CSS樣式 132
6.3.1 定義CSS樣式的類型 133
6.3.2 定義CSS樣式的背景 134
6.3.3 定義CSS樣式的區(qū)塊 134
6.3.4 定義CSS樣式的方框 135
6.3.5 定義CSS樣式的邊框 136
6.3.6 定義CSS樣式的列表 136
6.3.7 定義CSS樣式的定位 137
6.3.8 定義CSS樣式的擴展 138
6.3.9 定義CSS樣式的過渡 138
6.4 管理CSS樣式表 140
6.4.1 編輯CSS樣式屬性 140
6.4.2 刪除CSS樣式 141
6.4.3 復制CSS樣式 141
6.5 Div CSS布局基礎 142
6.5.1 Div簡介 142
6.5.2 Div CSS布局的優(yōu)勢 142
6.5.3 創(chuàng)建Div 143
6.5.4 盒子模型 144
6.6 常見的網(wǎng)頁布局方式  146
6.6.1 居中布局 146
6.6.2 浮動布局 149
6.6.3 高度自適應布局 150
自己練
制作體育用品公司網(wǎng)頁 152
 
第7章
 表單技術(shù)詳解
跟我學
制作網(wǎng)站注冊頁面 156
聽我講
7.1 認識表單 164
7.2 創(chuàng)建表單域 165
7.2.1 表單域的創(chuàng)建 165
7.2.2 表單域的屬性設置 165
7.3 插入文本域 166
7.3.1 插入單行文本域 166
7.3.2 插入多行文本域 167
7.3.3 密碼域 168
7.4 插入單選按鈕和復選框 169
7.4.1 插入單選按鈕 169
7.4.2 插入復選框 171
7.5 創(chuàng)建選擇 172
7.6 創(chuàng)建文件域 174
7.7 創(chuàng)建表單按鈕 174
7.8 創(chuàng)建跳轉(zhuǎn)菜單 175
自己練
制作公司員工信息表 176
 
第8章
 模板與庫詳解
跟我學
制作景區(qū)網(wǎng)站模板 178
聽我講
8.1 模板的創(chuàng)建 192
8.1.1 創(chuàng)建新模板 192
8.1.2 將網(wǎng)頁保存為模板 194
8.2 模板的編輯 194
8.2.1 可編輯區(qū)域和不可編輯區(qū)域 195
8.2.2 創(chuàng)建可編輯區(qū)域 195
8.2.3 創(chuàng)建可選區(qū)域 196
8.2.4 刪除可編輯區(qū)域 197
8.3 模板的應用 198
8.3.1 從模板新建 198
8.3.2 將模板應用于現(xiàn)有文檔 199
8.3.3 頁面與模板分離 200
8.4 模板的管理操作 200
8.4.1 更新頁面 200
8.4.2 重命名模板 201
8.4.3 刪除模板 201
8.5 庫的應用 202
8.5.1 創(chuàng)建庫項目 202
8.5.2 插入庫項目 202
8.5.3 管理庫項目 203
自己練
制作古建筑網(wǎng)站模板 206
 
第9章
 行為技術(shù)詳解
跟我學
制作室內(nèi)設計網(wǎng)頁 208
聽我講
9.1 行為概述 218
9.1.1  “行為”面板 218
9.1.2 事件 219
9.1.3 應用行為 220
9.2 常用行為 221
9.2.1 交換圖像 221
9.2.2 彈出信息 222
9.2.3 打開瀏覽器窗口 222
9.2.4 檢查表單 223
9.2.5 設置文本 224
9.2.6 調(diào)用JavaScript 225 
9.2.7 跳轉(zhuǎn)菜單 226
9.2.8 轉(zhuǎn)到URL 226
9.2.9 預先載入圖像 227
自己練
制作寵物網(wǎng)站 228
附錄  229
附錄A Dreamweaver CC常用快捷鍵一覽 230
附錄B HTML常見標簽匯總 236