內容簡介
《Dreamweaver CC 2018網頁製作案例教程》以通俗易懂的語言、翔實生動的案例全面介紹使用Dreamweaver CC 2018軟體進行網頁製作的方法和技巧。全書共分16章,內容涵蓋網頁製作基礎知識、操作網頁文檔、編輯網頁文本、設計網頁圖像、添加網頁多媒體、設定網頁超連結、使用表格、使用表單、使用CSS、製作Div+CSS頁面、定位網頁對象、使用CSS3動畫、設計HTML5結構、使用網頁行為、製作移動設備網頁、使用模板和庫項目等。
圖書目錄
第1章網頁製作基礎知識1
1.1網頁與網頁製作的基礎知識2
1.1.1網頁與網站的概念2
1.1.2網頁的常見類型3
1.1.3網頁的頁面元素3
1.1.4網頁製作的相關知識4
1.2網站設計的常用流程6
1.2.1網站策劃6
1.2.2設計配色6
1.2.3收集素材11
1.2.4規劃站點12
1.2.5製作網頁12
1.2.6測試站點12
1.2.7發布站點12
1.3初識DreamweaverCC201812
1.4Dreamweaver站點管理14
1.4.1為什麼要創建站點14
1.4.2創建站點15
1.4.3編輯站點15
1.4.4管理站點16
1.5Dreamweaver環境設定18
1.5.1常規設定18
1.5.2不可見元素設定19
1.5.3網頁字型設定19
1.5.4檔案類型/編輯器類型20
1.5.5界面顏色設定20
1.6Dreamweaver代碼編輯20
1.6.1使用快速標籤編輯器22
1.6.2使用【代碼片段】面板22
1.6.3最佳化網頁原始碼23
1.7案例演練25
第2章操作網頁文檔27
2.1創建空白網頁28
2.2設定網頁屬性28
2.2.1設定外觀(CSS)29
2.2.2設定外觀(HTML)30
2.2.3設定連結(CSS)31
2.2.4設定標題(CSS)33
2.2.5設定標題/編碼33
2.2.6設定跟蹤圖像34
2.3定義頭部信息34
2.3.1設定META34
2.3.2設定說明信息36
2.3.3設定關鍵字36
2.4案例演練36
第3章編輯網頁文本39
3.1輸入網頁文本40
3.1.1輸入普通文本40
3.1.2輸入特殊文本40
3.1.3輸入日期與時間41
3.1.4插入水平線42
3.1.5插入滾動文本43
3.2設定文本格式44
3.2.1設定段落文本44
3.2.2設定標題文本45
3.2.3為文本設定預定義格式46
3.3設定字型樣式46
3.3.1設定字型類型46
3.3.2設定字型顏色47
3.3.3設定粗體和斜體48
3.2.4設定字型大小48
3.4設定文本樣式49
3.4.1設定文本換行49
3.4.2設定文本對齊49
3.4.3設定文本縮進和凸出50
3.5設定列表樣式51
3.5.1設定項目列表51
3.5.2設定編號列表52
3.5.3設定定義列表53
3.5.4設定列表屬性53
3.6案例演練54
第4章設計網頁圖像57
4.1插入網頁圖像58
4.1.1網頁圖像檔案簡介58
4.1.2在網頁中插入圖像58
4.1.3設定網頁背景圖像58
4.2設定網頁圖像的屬性59
4.2.1使用圖像的【屬性】面板59
4.2.2HTML圖像的屬性代碼60
4.3處理網頁圖像效果61
4.3.1使用外部圖像編輯軟體61
4.3.2編輯圖像設定62
4.3.3從源檔案更新圖像62
4.3.4裁剪圖像63
4.3.5設定圖像的亮度和對比度63
4.3.6設定銳化圖像63
4.3.7重新取樣圖片63
4.4製作滑鼠經過圖像63
4.5案例演練64
第5章添加網頁多媒體67
5.1插入FlashSWF動畫68
5.1.1在網頁中插入Flash動畫68
5.1.2調整Flash動畫大小69
5.1.3設定Flash動畫信息69
5.1.4控制Flash動畫播放70
5.1.5設定Flash動畫邊距70
5.1.6設定對齊方式與顏色70
5.1.7Flash附加參數設定71
5.2插入FlashVideo視頻72
5.3插入普通音視頻73
5.4插入HTML5音視頻75
5.4.1插入HTML5視頻75
5.4.2插入HTML5音頻75
5.5案例演練76
第6章設定網頁超連結81
6.1超連結的基礎知識82
6.1.1超連結的類型82
6.1.2超連結的路徑82
6.2設定基本超連結83
6.2.1設定文本的圖像超連結83
6.2.2設定圖像映射超連結83
6.3設定錨點超連結85
6.4設定音視頻超連結86
6.5設定檔案下載超連結87
6.6設定電子郵件超連結88
6.7管理超連結89
6.7.1更新超連結89
6.7.2修改超連結89
6.7.3測試超連結90
6.8案例演練90
第7章使用表格93
7.1創建與調整表格94
7.1.1網頁中表格的用途94
7.1.2創建表格94
7.1.3調整表格96
7.2為表格添加內容97
7.2.1在表格中輸入文本98
7.2.2在表格中插入圖像98
7.3設定表格和單元格屬性99
7.3.1設定表格屬性99
7.3.2設定單元格屬性101
7.4排序表格數據104
7.5導入和導出網頁表格104
7.5.1導入表格式數據104
7.5.2導出表格式數據105
7.6案例演練106
第8章使用表單113
8.1製作表單的方法114
8.1.1表單的基礎知識114
8.1.2創建表單115
8.2設定表單屬性115
8.3使用文本域和密碼域116
8.4使用文本區域118
8.5使用選擇對象(列表/選單)119
8.6使用單選按鈕121
8.7使用複選框123
8.8使用檔案域124
8.9使用標籤和欄位集125
8.9.1使用標籤125
8.9.2使用域集126
8.10使用按鈕和圖像按鈕127
8.10.1使用按鈕127
8.10.2使用圖像按鈕128
8.11使用隱藏域129
8.12使用HTML5表單對象130
8.13案例演練131
第9章使用CSS139
9.1認識CSS樣式表140
9.1.2CSS樣式表的規則140
9.1.3CSS樣式表的類型140
9.2創建CSS樣式表142
9.2.1創建外部樣式表142
9.2.2創建內部樣式表143
9.2.3附加外部樣式表143
9.3添加CSS選擇器144
9.3.1添加類選擇器144
9.3.2添加id選擇器145
9.3.3添加標籤選擇器145
9.3.4添加其他選擇器146
9.4編輯CSS樣式效果149
9.4.1CSS類型設定149
9.4.2CSS背景設定151
9.4.3CSS區塊設定153
9.4.4CSS方框設定154
9.4.5CSS框線設定156
9.4.6CSS列表設定157
9.4.7CSS定位設定157
9.4.8CSS擴展設定159
9.4.9CSS過渡設定159
9.5案例演練160
第10章製作Div+CSS頁面163
10.1Div與盒模型簡介164
10.1.1認識Div164
10.1.2盒模型164
10.2理解標準布局165
10.2.1網頁標準165
10.2.2內容、結構、表現和
行為165
10.3使用Div+CSS166
10.4插入Div標籤167
10.5常用Div+CSS布局方式168
10.5.1高度自適應布局168
10.5.2網頁內容居中布局170
10.5.3網頁元素浮動布局171
10.6案例演練174
第11章定位網頁對象185
11.1使用絕對定位186
11.2使用相對定位188
11.3使用固定定位190
11.4案例演練192
第12章使用CSS3動畫195
12.1使用CSS3Transition196
12.1.1CSS3Transition簡介196
12.1.2設定緩動屬性197
12.1.3設定緩動時間198
12.1.4設定延遲時間198
12.1.5設定緩動效果199
12.2使用CSS3Transform200
12.2.1CSS3Transform簡介200
12.2.2製作變形選單203
12.2.3製作3D平面206
12.3使用CSS3Animation207
12.3.1CSS3Animation簡介207
12.3.2製作旋轉的商品圖片210
12.4案例演練211
第13章設計HTML5結構217
13.1HTML5簡介218
13.1.1創建HTML5檔案218
13.1.2HTML5檔案的基本結構219
13.1.3瀏覽器對HTML5的
支持221
13.2使用HTML5新增的主體
結構元素222
13.2.1使用section元素222
13.2.2使用article元素222
13.2.3使用aside元素223
13.2.4使用nav元素224
13.2.5使用time元素225
13.3使用HTML5新增的非主體
結構元素226
13.3.1使用header元素226
13.3.2使用hgroup元素227
13.3.3使用footer元素227
13.3.4使用figure元素228
13.3.5使用address元素229
13.4使用HTML5新增的其他
常用元素229
13.4.1使用mark元素230
13.4.2使用rp、rt和rudy元素230
13.4.3使用progress元素230
13.4.4使用command元素231
13.4.5使用embed元素231
13.4.6使用detail和summary
元素231
13.4.7使用datalist元素232
13.5使用HTML5新增的
全局屬性233
13.5.1使用contentEditable屬性233
13.5.2使用spellcheck屬性233
13.5.3使用tabIndex屬性233
13.6使用HTML5新增的
其他屬性234
13.6.1使用表單相關屬性234
13.6.2使用連結相關屬性238
13.6.3使用其他屬性239
13.7案例演練239
第14章使用網頁行為241
14.1認識行為242
14.1.1行為的基礎知識242
14.1.2JavaScript代碼簡介242
14.2使用行為調節瀏覽器視窗243
14.2.1打開瀏覽器視窗243
14.2.2轉到URL244
14.2.3調用JavaScript245
14.3使用行為套用圖像245
14.3.1交換圖像與恢復交換
圖像246
14.3.2拖動AP元素248
14.4使用行為顯示文本249
14.4.1彈出信息249
14.4.2設定狀態欄文本250
14.4.3設定容器的文本250
14.4.4設定文本域文字251
14.5使用行為載入多媒體252
14.5.1檢查外掛程式252
14.5.2顯示-隱藏元素253
15.5.3改變屬性253
14.6使用行為控制表單254
14.6.1跳轉選單、跳轉選單
開始254
14.6.2檢查表單256
14.7案例演練257
第15章製作移動設備網頁263
15.1iQuery和jQueryMobile簡介264
15.1.1iQuery264
15.1.2jQueryMobile264
15.2建立jQueryMobile頁面265
15.3使用jQueryMobile組件267
15.3.1使用列表視圖267
15.3.2使用布局格線270
15.3.3使用可摺疊區塊271
15.3.4使用文本輸入框271
15.3.5使用密碼輸入框272
15.3.6使用文本區域272
15.3.7使用選擇選單273
15.3.8使用複選框273
15.3.9使用單選按鈕274
15.3.10使用按鈕275
15.3.11使用滑塊275
15.3.12使用翻轉切換開關275
15.4使用jQueryMobile主題276
15.5案例演練277
第16章使用模板和庫項目279
16.1創建模板280
16.1.1將網頁保存為模板280
16.1.2創建空白網頁模板281
16.2編輯模板281
16.2.1設定可編輯區域281
16.2.2設定可選區域282
16.2.3設定重複區域283
16.3套用模板284
16.3.1從模板新建網頁284
16.3.2為網頁套用模板284
16.4管理模板285
16.4.1刪除網頁模板285
16.4.2打開網頁上附加的模板285
16.4.3更新網頁模板285
16.4.4將網頁脫離模板285
16.5使用庫項目286
16.5.1認識庫項目286
16.5.2創建庫項目286
16.5.3設定庫項目286
16.5.4套用庫項目287
16.5.5修改庫項目287
16.6案例演練288