網頁設計(jì)與制(zhì)作(zuò)Dreamwe☆♠π★aver CC實訓教程(四色,含微(wēi)課)
ISBN:978-7-5661-3456-1
作(zuò) 者:黃(huáng)豔、王瑞鋒、高(gāo)勇
定 價:68.00 元
出版社:哈爾濱工(gōng)程大(dà)學出版社
使用(yòng)層次:通(tōng)用(yòng)
出版/修訂日(rì)期:2022-04-01
圖書(shū)簡介
TOP +
本書(shū)注重理(lǐ)論知(zhī)識與實際應用(yòng)相(xiàng)結合, ✔₹以實訓操作(zuò)為(wèi)主線,深<∞$入淺出地(dì)講解了(le)Dreamweaver CC網頁制(zhì)作(zuò)的(d< ✘e)各種知(zhī)識與技(jì)巧。本書(shū)共10章(zhāng),×ε✘β主要(yào)包括Dreamweaver CC基本知(zhφ<€≤ī)識、網頁基本對(duì)象的(de)插入、網頁多(duō)媒體(tǐ)對(duì)象♠★ε的(de)插入、表格布局頁面的(de)使用(yòng)、表單的(de)使用♥∞≈(yòng)、CSS樣式的(de)使用(yòng)、CSS+DIV布局網∏≠頁的(de)使用(yòng)、行(xíng)為(wèi)和(hé)JavaScript的(de)₹•÷✔使用(yòng)、jQuery Mobile的(de)使用(yòng),以及☆ ÷α模闆和(hé)庫項目的(de)使用(yòng)等。
本書(shū)可(kě)作(zuò)為(wèi)應用(yòng)型φ>≠本科(kē)院校(xiào)、職業(yè)院校(xiào)的(de)教材,也(yě)可←₽®(kě)供希望盡快(kuài)掌握Dreamweaver網頁制(zhì)作(zuò)技(j¥™ì)能(néng)的(de)電(diàn)腦(nǎo)初、中級用•← (yòng)戶閱讀(dú)。
圖書(shū)目錄
TOP +
第1章(zhāng) Dreamweaver CC基本知(zh>♠ī)識
1.1 Dreamweaver CC屬性設置... 1
實訓1 新建網頁文(wén)檔... 5
實訓2 設置網頁文(wén)本格式... 5
實訓3 設置網頁背景顔色... 7
實訓4 設置網頁背景圖像... 8
實訓5 設置頁邊距... 9
1.2 Dreamweave×≈≥ r站(zhàn)點管理(lǐ)... 9
實訓1 創建站(zhàn)點... 10
實訓2 編輯站(zhàn)點... 10
實訓3 管理(lǐ)站(zhàn)點... 11
本章(zhāng)實訓 本地(dì)站(zhàn)點的(de)創建與編輯... 15
本章(zhāng)小(xiǎo)結... 18
習(xí)題1. 19
第2章(zhāng) 網頁基本對(duì)象的(₹∑∞de)插入
2.1 在網頁中插入文(wén)本元素... 20
實訓1 添加與設置文(wén)本... 20
實訓2 插入日(rì)期... 23
實訓3 插入水(shuǐ)平線... 24
實訓4 插入特殊字符... 24
2.2 在網頁中插入圖像... 26
實訓1 插入網頁圖像... 26
實訓2 設置圖像屬性... 27
實訓3 裁剪圖像... 27
實訓4 調整圖像的(de)亮(liàng)度和(hé)對(duì)比度... 28
實訓5 銳化(huà)圖像... 29
實訓6 插入圖像占位符... 29
實訓7 創建鼠标經過圖像... 30
2.3 在網頁中插入超鏈接... 32
實訓1 創建網頁文(wén)檔的(de)鏈接... 33
實訓2 創建圖像熱(rè)點鏈接... 34
實訓3 創建電(diàn)子(zǐ)郵件(jiàn)鏈接... 36
實訓4 創建下(xià)載文(wén)件(jiàn)鏈接... 37
實訓5 創建錨點鏈接... 38
實訓6 創建空(kōng)鏈接... 39
實訓7 創建腳本鏈接... 40
實訓8 設置超鏈接CSS屬性... 40
本章(zhāng)實訓 制(zhì)作(zuò)圖文(wén)混排網站($αzhàn)首頁... 42
本章(zhāng)小(xiǎo)結... 44
習(xí)題2. 44
第3章(zhāng) 網頁多(duō)媒體(tǐ)對βΩ↓≠(duì)象的(de)插入
3.1 Flash動畫(huà)的(de)插入... 46
實訓1 插入Flash 動畫(huà)文(wén)件(jiàn)... 46
實訓2 設置Flash動畫(huà)的(de)屬性... 48
3.2 FLV視(shì)頻(pín)的(de)插入... 52
3.3 普通(tōng)音(yīn)頻(pín)與視(shì)頻(pín)的(de)插入... 54
3.4 HTML5音(yīn)頻(pín)與視(shì)頻(p£ín)的(de)插入... 55
實訓1 插入HTML5音(yīn)頻(pín)... 56
實訓2 插入HTML5視(shì)頻(pín)... 57
本章(zhāng)實訓 為(wèi)網站(zhàn)首頁插入動畫(huà)和(€ε≥hé)音(yīn)頻(pín)... 59
本章(zhāng)小(xiǎo)結... 61
習(xí)題3. 62
第4章(zhāng) 表格布局頁面的(de)使用(yòng)
4.1 插入表格并添加表格內(nèi)容... 63
實訓1 插入表格... 63
實訓2 添加表格內(nèi)容... 65
4.2 表格和(hé)單元格屬性的(de)設置... 67
實訓1 設置表格屬性... 67
實訓2 設置單元格屬性... 68
4.3 表格的(de)基本操作(zuò)... 70
實訓1 選擇表格... 70
實訓2 拆分(fēn)與合并單元格... 71
實訓3 添加與删除行(xíng)或列... 74
4.4 表格數(shù)據排序及導入/導出... 76
實訓1 對(duì)表格數(shù)據進行(xí₩≠λng)排序... 76
實訓2 導入表格式數(shù)據... 77
實訓3 導出表格式數(shù)據... 79
本章(zhāng)實訓 利用(yòng)表格布局文(wén)章(zhāng)列表... 80
本章(zhāng)小(xiǎo)結... 83
習(xí)題4. 84
第5章(zhāng) 表單的(de)使用↑<(yòng)
5.1 表單的(de)創建與設置... 85
實訓 創建表單... 86
5.2 表單元素的(de)添加... 87
實訓1 添加文(wén)本域... 87
實訓2 添加單選按鈕... 90
實訓3 添加密碼域... 92
實訓4 添加選擇域... 93
實訓5 添加Tel域... 96
實訓6 添加電(diàn)子(zǐ)郵件(jiàn)域... 97
實訓7 添加日(rì)期域和(hé)圖像按鈕... 98
實訓8 添加複選框... 99
實訓9 添加文(wén)本區(qū)域... 101
實訓10 添加文(wén)件(jiàn)域... 102
實訓11 添加标簽... 104
實訓12 添加“重置”和(hé)“提交”按鈕... 105
本章(zhāng)實訓 用(yòng)戶登錄頁面的(de)制(zhì)作(zuò)... 107
本章(zhāng)小(xiǎo)結... 113
習(xí)題5. 114
第6章(zhāng) CSS樣式的(de)使用(yòng)
6.1 CSS選擇器(qì)的(de)添加... 117
實訓1 添加類選擇器(qì)... 117
實訓2 添加ID選擇器(qì)... 119
實訓3 添加标簽選擇器(qì)... 120
實訓4 添加後代選擇器(qì)... 121
實訓5 添加通(tōng)配符選擇器(qì)... 123
實訓6 添加分(fēn)組選擇器(qì)... 124
6.2 CSS樣式表屬性的(de)設置... 125
實訓 在“CSS設計(jì)器(qì)”面闆設置樣式... 132
6.3 CSS樣式的(de)特殊規定... 136
實訓1 繼承性... 136
實訓2 特殊性... 137
實訓3 層疊性... 138
實訓4 重要(yào)性... 139
6.4 使用(yòng)CSS格式化(huà)排版... 140
實訓1 文(wén)字排版... 140
實訓2 段落排版... 141
實訓3 CSS背景... 142
實訓4 列表排版... 147
實訓5 表格排版... 148
實訓6 超鏈接樣式... 148
本章(zhāng)實訓 使用(yòng)CSS樣式美(měi)化(huà)與
排版網頁... 149
本章(zhāng)小(xiǎo)結... 156
習(xí)題6. 156
第7章(zhāng) CSS+DIV布局網頁的(de)使用(yòng)
7.1 CSS盒子(zǐ)模型的(de)使用(yòng)... 158
實訓1 設置CSS盒子(zǐ)模型的(de)邊框... 159
實訓2 設置CSS盒子(zǐ)模型的(de)內(nèi)邊距±... 159
實訓3 設置CSS盒子(zǐ)模型的(de)外(wài)邊距... 160
7.2 标準流和(hé)<div>标簽的(de)定位... 160
實訓1 标準流的(de)定位... 160
實訓2 <div>标簽的(de)定位... 161
實訓3 盒子(zǐ)在标準流中的(de)定位... 162
7.3 盒子(zǐ)的(de)浮動和(hé)定位... 163
實訓1 盒子(zǐ)的(de)浮動... 163
實訓2 浮動的(de)清除... 165
實訓3 盒子(zǐ)的(de)定位... 166
7.4 盒子(zǐ)模型布局網頁結構的(de)使用(yòng)... 169
實訓1 布局頭部和(hé)底部結構... 169
實訓2 布局側邊欄結構... 173
實訓3 布局內(nèi)容結構... 175
7.5 彈性盒子(zǐ)模型的(de)使用(yòng)¥≈... 177
實訓1 CSS3彈性盒子(zǐ)模型... 177
實訓2 flexbox彈性盒子(zǐ)屬性... 179
本章(zhāng)實訓 電(diàn)子(zǐ)商務網站(zhàn)首頁的(de)布÷'局... 186
實訓1 對(duì)網頁頭部布局... 187
實訓2 對(duì)網頁主體(tǐ)布局... 188
實訓3 對(duì)網頁底部布局... 189
實訓4 組合首頁布局... 191
本章(zhāng)小(xiǎo)結... 192
習(xí)題7. 192
第8章(zhāng) 行(xíng)為(wèi)↑≠和(hé)JavaScript的(de)使用(yòng)
8.1 行(xíng)為(wèi)的(de)使用(yòng)... 194
實訓1 “行(xíng)為(wèi)”面闆的(de)使用(yòng)... 195
實訓2 使用(yòng)行(xíng)為(wèi)更改圖片邊框顔色... 198
實訓3 使用(yòng)行(xíng)為(wèi)檢查表單... 200
8.2 使用(yòng)JavaScript制(zhì)作(zuò)常見(jiàn)
網頁特效... 202
實訓1 使用(yòng)JavaScript向頁面輸出信息... 203
實訓2 制(zhì)作(zuò)日(rì)期特效... 205
實訓3 制(zhì)作(zuò)文(wén)字滾動特效... 205
實訓4 制(zhì)作(zuò)廣告特效... 206
實訓5 制(zhì)作(zuò)下(xià)拉菜單特效... 207
實訓6 制(zhì)作(zuò)表單驗證特效... 208
本章(zhāng)實訓 網頁焦點圖特效的(de)制(zhì)作(zuò)... 211
實訓1 下(xià)載焦點圖代碼... 211
實訓2 添加焦點圖代碼... 212
本章(zhāng)小(xiǎo)結... 214
習(xí)題8. 214
第9章(zhāng) jQuery Mobile的(de)使用(yòng)σ×
9.1 jQuery Mobile頁面的(de)創建... 216
實訓1 插入單頁... 216
實訓2 插入多(duō)個(gè)頁面... 218
實訓3 使用(yòng)頁面切換效果... 219
9.2 jQuery Mobi₹∑le組件(jiàn)的(de)使用(yòng)... 220
實訓1 使用(yòng)列表視(shì)圖... 220
實訓2 使用(yòng)布局網格... 223
實訓3 使用(yòng)可(kě)折疊區(qū)塊... 225
實訓4 使用(yòng)按鈕... 226
實訓5 使用(yòng)表單組件(jiàn)... 228
實訓6 使用(yòng)jQuery Mobile主題... 232
本章(zhāng)實訓:“公司團隊”頁面的(de)制(zhì)作(zuòδα )... 233
本章(zhāng)小(xiǎo)結... 236
習(xí)題9. 237
第10章(zhāng) 模闆和(hé)庫項目的 α¥↓(de)使用(yòng)
10.1 模闆的(de)使用(yòng)... 238
實訓1 創建模闆... 238
實訓2 設置可(kě)編輯區(qū)域... 240
實訓3 設置可(kě)選區(qū)域... 243
實訓4 設置重複區(qū)域... 245
實訓5 應用(yòng)模闆... 247
10.2 庫的(de)使用(yòng)... 248
本章(zhāng)實訓 使用(yòng)模闆制(zhì)作(zuò)個(gè)人(rén)站(zhàn)點
主頁... 249
本章(zhāng)小(xiǎo)結... 252
習(xí)題10. 252