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

第1章 
網(wǎng)頁設(shè)計入門操作
跟我學(xué)
創(chuàng)建小微企業(yè)站點 2
聽我講
1.1 初識Dreamweaver 4
1.1.1 菜單欄 4
1.1.2 文檔工具欄 5
1.1.3  “通用”工具欄 6
1.1.4 標(biāo)簽選擇器 7
1.1.5 屬性面板 7
1.1.6 面板組 7
1.2 網(wǎng)站建設(shè)流程 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)建遠(yuǎn)程站點 14
1.4 站點的管理 14
1.4.1 訪問站點 14
1.4.2 編輯站點 15
自己練
創(chuàng)建站點 16
 
第2章 
網(wǎng)頁基本元素編輯詳解
跟我學(xué)
制作古文網(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 導(dǎo)航欄 26
2.1.7 動畫 27
2.2 文本內(nèi)容的創(chuàng)建 27
2.2.1 輸入文本 27
2.2.2 設(shè)置文本屬性 28
2.3 其他常見元素的插入 30
2.3.1 插入特殊符號 30
2.3.2 插入日期和時間 31
2.3.3 插入水平線 31
2.4 頁面屬性的設(shè)置 32
2.4.1 外觀 32
2.4.2 鏈接（CSS） 34
2.4.3 標(biāo)題（CSS） 35
2.4.4 標(biāo)題/編碼 35
2.4.5 跟蹤圖像 36
自己練
設(shè)計酒店首頁 37
 
第3章 
網(wǎng)頁多媒體元素詳解
跟我學(xué)
制作圖片網(wǎng)站首頁 40
聽我講
3.1 圖像的插入與編輯 49
3.1.1 網(wǎng)頁圖像的格式 49
3.1.2 插入圖像 50
3.1.3 圖像的屬性設(shè)置 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)頁超鏈接應(yīng)用詳解
跟我學(xué)
創(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 在圖像中應(yīng)用鏈接 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章
 表格應(yīng)用詳解
跟我學(xué)
制作產(chǎn)品展示網(wǎng)頁 92
聽我講
5.1 表格的創(chuàng)建 102
5.1.1 表格的相關(guān)術(shù)語 102
5.1.2 插入表格 102
5.1.3 表格的基本代碼 103
5.1.4 選擇表格 104
5.2 表格屬性的設(shè)置 107
5.2.1 設(shè)置表格的屬性 107
5.2.2 設(shè)置單元格屬性 107
5.2.3 鼠標(biāo)經(jīng)過顏色 108
5.2.4 表格的屬性代碼 109
5.3 表格的編輯 112
5.3.1 復(fù)制/粘貼表格 112
5.3.2 添加行和列 113
5.3.3 刪除行和列 113
5.3.4 拆分和合并單元格 114
5.4 表格式數(shù)據(jù)的導(dǎo)入/導(dǎo)出 114
5.4.1 導(dǎo)入表格式數(shù)據(jù) 114
5.4.2 導(dǎo)出表格式數(shù)據(jù) 115
自己練
制作音樂廳演出信息網(wǎng)頁 116
 
第6章 
Div CSS技術(shù)詳解
跟我學(xué)
制作建筑公司網(wǎng)頁 118
聽我講
6.1 認(rèn)識CSS樣式表 127
6.2 創(chuàng)建CSS樣式 127
6.2.1 CSS設(shè)計器 127
6.2.2 創(chuàng)建CSS樣式表 128
6.2.3 應(yīng)用內(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 復(fù)制CSS樣式 141
6.5 Div CSS布局基礎(chǔ) 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 高度自適應(yīng)布局 150
自己練
制作體育用品公司網(wǎng)頁 152
 
第7章
 表單技術(shù)詳解
跟我學(xué)
制作網(wǎng)站注冊頁面 156
聽我講
7.1 認(rèn)識表單 164
7.2 創(chuàng)建表單域 165
7.2.1 表單域的創(chuàng)建 165
7.2.2 表單域的屬性設(shè)置 165
7.3 插入文本域 166
7.3.1 插入單行文本域 166
7.3.2 插入多行文本域 167
7.3.3 密碼域 168
7.4 插入單選按鈕和復(fù)選框 169
7.4.1 插入單選按鈕 169
7.4.2 插入復(fù)選框 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章
 模板與庫詳解
跟我學(xué)
制作景區(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 模板的應(yīng)用 198
8.3.1 從模板新建 198
8.3.2 將模板應(yīng)用于現(xiàn)有文檔 199
8.3.3 頁面與模板分離 200
8.4 模板的管理操作 200
8.4.1 更新頁面 200
8.4.2 重命名模板 201
8.4.3 刪除模板 201
8.5 庫的應(yīng)用 202
8.5.1 創(chuàng)建庫項目 202
8.5.2 插入庫項目 202
8.5.3 管理庫項目 203
自己練
制作古建筑網(wǎng)站模板 206
 
第9章
 行為技術(shù)詳解
跟我學(xué)
制作室內(nèi)設(shè)計網(wǎng)頁 208
聽我講
9.1 行為概述 218
9.1.1  “行為”面板 218
9.1.2 事件 219
9.1.3 應(yīng)用行為 220
9.2 常用行為 221
9.2.1 交換圖像 221
9.2.2 彈出信息 222
9.2.3 打開瀏覽器窗口 222
9.2.4 檢查表單 223
9.2.5 設(shè)置文本 224
9.2.6 調(diào)用JavaScript 225 
9.2.7 跳轉(zhuǎn)菜單 226
9.2.8 轉(zhuǎn)到URL 226
9.2.9 預(yù)先載入圖像 227
自己練
制作寵物網(wǎng)站 228
附錄  229
附錄A Dreamweaver CC常用快捷鍵一覽 230
附錄B HTML常見標(biāo)簽匯總 236