Dreamweaver CC中文版基礎(chǔ)教程

第 1章 創(chuàng)建站點(diǎn) 1
1．1 認(rèn)識(shí)Dreamweaver CC 2017 1
1．1．1 認(rèn)識(shí)網(wǎng)頁(yè) 1
1．1．2 發(fā)展概況 1
1．1．3 工作流程 2
1．1．4 工作界面 2
1．1．5 工具欄 5
1．1．6 常用面板 6
1．1．7 首選項(xiàng) 8
1．2 創(chuàng)建和管理站點(diǎn) 10
1．2．1 創(chuàng)建站點(diǎn) 10
1．2．2 管理站點(diǎn) 11
1．2．3 課堂案例──創(chuàng)建和管理站點(diǎn) 11
1．2．4 課堂實(shí)訓(xùn)──導(dǎo)入和編輯站點(diǎn) 14
1．3 創(chuàng)建文件夾和文件 14
1．3．1 創(chuàng)建文件夾和文件 14
1．3．2 保存、打開(kāi)、關(guān)閉和刪除文件 15
1．3．3 課堂案例──創(chuàng)建“朵朵家園”文件 16
1．3．4 課堂實(shí)訓(xùn)──創(chuàng)建“我的小屋”網(wǎng)站文件 18
1．4 發(fā)布站點(diǎn) 18
1．4．1 課堂案例1──連接遠(yuǎn)程服務(wù)器 19
1．4．2 課堂案例2──發(fā)布站點(diǎn) 20
1．5 綜合案例──創(chuàng)建“生態(tài)文明”站點(diǎn)和文件 21
1．6 習(xí)題 22
第 2章 使用文本 23
2．1 添加文本 23
2．1．1 添加文本 23
2．1．2 插入水平線 24
2．1．3 插入日期 25
2．1．4 課堂案例──袋鼠與籠子 25
2．1．5 課堂實(shí)訓(xùn)──羊和狗 27
2．2 編排文本 28
2．2．1 HTML和CSS 28
2．2．2 設(shè)置頁(yè)面屬性 29
2．2．3 設(shè)置字體屬性 33
2．2．4 設(shè)置段落屬性 34
2．2．5 課堂案例──熱水里的石頭 36
2．2．6 課堂實(shí)訓(xùn)──浴火重生的老鷹 39
2．3 綜合案例──幸福是靠奮斗得來(lái)的 40
2．4 習(xí)題 42
第3章 使用圖像和媒體 43
3．1 插入和設(shè)置圖像 43
3．1．1 圖像類型 43
3．1．2 插入圖像 44
3．1．3 設(shè)置圖像屬性 45
3．1．4 設(shè)置網(wǎng)頁(yè)背景 46
3．1．5 課堂案例──校園風(fēng)光 46
3．1．6 課堂實(shí)訓(xùn)──瑤琳仙境 48
3．2 插入和設(shè)置媒體 49
3．2．1 媒體類型 50
3．2．2 插入Flash SWF 50
3．2．3 插入Flash Video 52
3．2．4 插入HTML5 Audio 53
3．2．5 插入HTML5 Video 53
3．2．6 課堂案例──校園一角 54
3．2．7 課堂實(shí)訓(xùn)──綠色怡園 58
3．3 綜合案例──瘦西湖 58
3．4 習(xí)題 61
第4章 設(shè)置超級(jí)鏈接 62
4．1 認(rèn)識(shí)超級(jí)鏈接 62
4．1．1 超級(jí)鏈接的概念 62
4．1．2 超級(jí)鏈接的路徑類型 62
4．1．3 超級(jí)鏈接的種類 63
4．2 設(shè)置普通超級(jí)鏈接 64
4．2．1 創(chuàng)建文本超級(jí)鏈接 64
4．2．2 創(chuàng)建圖像超級(jí)鏈接 66
4．2．3 創(chuàng)建電子郵件超級(jí)鏈接 66
4．2．4 課堂案例──古代詩(shī)歌欣賞 67
4．2．5 課堂實(shí)訓(xùn)──近代作家作品 70
4．3 設(shè)置特殊超級(jí)鏈接 71
4．3．1 設(shè)置圖像熱點(diǎn) 71
4．3．2 插入鼠標(biāo)經(jīng)過(guò)圖像 72
4．3．3 設(shè)置空鏈接和下載超級(jí)鏈接 73
4．3．4 設(shè)置腳本鏈接 73
4．3．5 課堂案例──古代名畫(huà) 74
4．3．6 課堂實(shí)訓(xùn)──古代書(shū)法 77
4．4 綜合案例──文化習(xí)俗 77
4．5 習(xí)題 81
第5章 使用表格 82
5．1 認(rèn)識(shí)表格 82
5．1．1 表格概念 82
5．1．2 導(dǎo)入表格式數(shù)據(jù) 83
5．1．3 導(dǎo)出表格數(shù)據(jù) 84
5．1．4 課堂案例──通訊錄 85
5．1．5 課堂實(shí)訓(xùn)──工資表 86
5．2 設(shè)置表格 86
5．2．1 插入表格 87
5．2．2 設(shè)置表格屬性 88
5．2．3 設(shè)置單元格屬性 88
5．2．4 課堂案例──中國(guó)瓷器 89
5．2．5 課堂實(shí)訓(xùn)──四大名橋 92
5．3 編輯表格 93
5．3．1 選擇表格 93
5．3．2 增加和刪除行列 94
5．3．3 合并和拆分單元格 95
5．3．4 復(fù)制/粘貼/移動(dòng)操作 95
5．3．5 課堂案例──中國(guó)名塔 96
5．3．6 課堂實(shí)訓(xùn)──四大名樓 100
5．4 綜合案例──美好河山 101
5．5 習(xí)題 104
第6章 使用CSS樣式 105
6．1 CSS基礎(chǔ)知識(shí) 105
6．1．1 HTML基礎(chǔ) 105
6．1．2 CSS的概念 108
6．1．3 CSS的存儲(chǔ)和層疊次序 108
6．1．4 CSS的語(yǔ)法結(jié)構(gòu) 109
6．1．5 CSS的樣式類型 110
6．1．6 CSS速記格式 111
6．2 創(chuàng)建和應(yīng)用CSS樣式 112
6．2．1 創(chuàng)建CSS樣式 113
6．2．2 應(yīng)用CSS樣式 116
6．2．3 課堂案例──一諾千金 116
6．2．4 課堂實(shí)訓(xùn)──烽火戲諸侯 119
6．3 設(shè)置CSS屬性 120
6．3．1 布局屬性 120
6．3．2 文本屬性 122
6．3．3 邊框?qū)傩?124
6．3．4 背景屬性 126
6．3．5 課堂案例──蘇東坡與海棠 127
6．3．6 課堂實(shí)訓(xùn)──自己折斷的樹(shù)枝 130
6．4 CSS過(guò)渡效果 131
6．5 綜合案例──守望相助 132
6．6 習(xí)題 135
第7章 使用Div+CSS 137
7．1 使用Div+CSS布局技術(shù) 137
7．1．1 認(rèn)識(shí)CSS盒子模型 137
7．1．2 使用Div+CSS布局頁(yè)面 138
7．1．3 課堂案例──感悟人生 141
7．1．4 課堂實(shí)訓(xùn)──日光鄉(xiāng)間 144
7．2 使用HTML5結(jié)構(gòu)語(yǔ)意元素 145
7．2．1 認(rèn)識(shí)HTML5結(jié)構(gòu)語(yǔ)意元素 146
7．2．2 插入HTML5結(jié)構(gòu)語(yǔ)意元素 147
7．2．3 課堂案例──每周時(shí)報(bào) 148
7．2．4 課堂實(shí)訓(xùn)──體育要聞 152
7．3 使用Query UI布局部件 153
7．3．1 插入Query UI布局部件 153
7．3．2 課堂案例──風(fēng)景如畫(huà) 154
7．3．3 課堂實(shí)訓(xùn)──美麗如初 157
7．4 綜合案例──啟迪人生 160
7．5 習(xí)題 164
第8章 使用庫(kù)和模板 165
8．1 使用庫(kù) 165
8．1．1 認(rèn)識(shí)庫(kù) 165
8．1．2 創(chuàng)建庫(kù)項(xiàng)目 166
8．1．3 應(yīng)用庫(kù)項(xiàng)目 167
8．1．4 維護(hù)庫(kù)項(xiàng)目 167
8．1．5 課堂案例──羅布泊 168
8．1．6 課堂實(shí)訓(xùn)──火焰山 170
8．2 使用模板 171
8．2．1 認(rèn)識(shí)模板 171
8．2．2 創(chuàng)建模板 172
8．2．3 應(yīng)用模板 175
8．2．4 維護(hù)模板 176
8．2．5 課堂案例──百慕大 177
8．2．6 課堂實(shí)訓(xùn)──海洋生物 181
8．3 綜合案例──南極洲 182
8．4 習(xí)題 186
第9章 使用行為 187
9．1 關(guān)于行為 187
9．1．1 認(rèn)識(shí)行為 187
9．1．2 添加行為 188
9．1．3 【行為】面板 189
9．2 常用行為 190
9．2．1 彈出信息 190
9．2．2 設(shè)置狀態(tài)欄文本 191
9．2．3 調(diào)用JavaScript 192
9．2．4 改變屬性 193
9．2．5 交換圖像 194
9．2．6 恢復(fù)交換圖像 195
9．2．7 預(yù)先載入圖像 195
9．2．8 打開(kāi)瀏覽器窗口 195
9．2．9 轉(zhuǎn)到URL 196
9．2．10 效果 197
9．3 課堂案例──海上名山 198
9．4 課堂實(shí)訓(xùn)──江南園林 201
9．5 綜合案例──沙漠之舟 203
9．6 習(xí)題 205
第 10章 使用表單 206
10．1 認(rèn)識(shí)表單 206
10．1．1 表單的概念 206
10．1．2 HTML5表單對(duì)象 207
10．2 常用表單對(duì)象 208
10．2．1 插入和設(shè)置表單 208
10．2．2 文本類表單對(duì)象 209
10．2．3 選擇類表單對(duì)象 214
10．2．4 按鈕類表單對(duì)象 217
10．2．5 域集和標(biāo)簽 219
10．3 使用行為驗(yàn)證表單 220
10．4 課堂案例──用戶登記表 221
10．5 課堂實(shí)訓(xùn)──郵箱登錄 225
10．6 綜合案例──期刊投稿 226
10．7 習(xí)題 228
第 11章 制作移動(dòng)設(shè)備網(wǎng)頁(yè) 229
11．1 使用jQuery Mobile 229
11．1．1 認(rèn)識(shí)jQuery Mobile 229
11．1．2 創(chuàng)建jQuery Mobile頁(yè)面 230
11．1．3 使用jQuery Mobile組件 232
11．1．4 設(shè)置jQuery Mobile主題 237
11．1．5 課堂案例──賬號(hào)注冊(cè) 238
11．1．6 課堂實(shí)訓(xùn)──碧海藍(lán)天 240
11．2 使用Bootstrap 241
11．2．1 認(rèn)識(shí)Bootstrap 241
11．2．2 創(chuàng)建基于Bootstrap模板的文檔 242
11．2．3 創(chuàng)建基于Bootstrap框架的文檔 243
11．2．4 課堂案例──塞舌爾群島 245
11．2．5 課堂實(shí)訓(xùn)──世界旅游 247
11．3 使用jQuery UI 249
11．3．1 認(rèn)識(shí)jQuery UI 249
11．3．2 使用jQuery UI部件 249
11．4 習(xí)題 256