圖書簡介
本書是“範例導航系列叢書”中的一個分冊,以通俗易懂的語言、精挑細選的實用技巧、翔實生動的操作案例,全面介紹了Dreamweaver CS6網頁設計與製作的知識以及套用案例,主要內容包括網頁製作基礎知識、創建與管理本地站點、創建網頁、使用圖像與多媒體、使用表格與CSS布局網頁、模板和庫的套用,以及創建表單和站點的發布與推廣等方面的知識、案例、技巧等。本書配套一張多媒體全景教學光碟,收錄了全部知識點的視頻教學課程。
目錄
第1章網頁製作基礎知識 1
1.1網頁製作基礎 2
1.1.1什麼是靜態網頁 2
1.1.2什麼是動態網頁 3
1.2網頁的基本要素 4
1.2.1Logo 4
1.2.2Banner 5
1.2.3導航欄 5
1.2.4文本 5
1.2.5圖像 6
1.2.6Flash動畫 7
1.2.7表單 7
1.3網頁中的色彩特性 8
1.3.1相近色的套用 8
1.3.2對比色的套用 9
1.3.3網頁安全色 10
1.3.4色彩模式 11
1.4網頁製作常用軟體 12
1.4.1網頁編輯排版軟體DreamweaverCS6 13
1.4.2圖像製作軟體PhotoshopCS6和FireworksCS6 13
1.4.3網頁動畫製作軟體FlashCS6 14
1.4.4網頁標記語言HTML 15
1.4.5網頁腳本語言JavaScript 15
1.4.6動態網頁程式語言ASP 16
1.5怎樣設計出好的網頁 16
1.5.1網頁設計的基本原則 16
1.5.2網頁設計的成功要素 17
1.5.3網頁的色彩搭配 19
1.6範例套用與上機操作 19
1.6.1網站製作流程 20
1.6.2靜態網頁的製作流程 21
1.7課後練習 22
思考與練習 22
第2章DreamweaverCS6輕鬆入門 23
2.1DreamweaverCS6工作環境 24
2.1.1工作界面 24
2.1.2選單欄 24
2.1.3工具列 25
2.1.4【屬性】面板 26
2.1.5面板組 26
2.2【插入】欄 26
2.2.1【常用】插入欄 27
2.2.2【布局】插入欄 28
2.2.3【表單】插入欄 28
2.2.4【數據】插入欄 29
2.2.5Spry插入欄 30
2.2.6【文本】插入欄 30
2.2.7【收藏夾】插入欄 31
2.3使用可視化助理布局 32
2.3.1使用標尺 32
2.3.2顯示格線 33
2.4範例套用與上機操作 33
2.4.1使用輔助線 33
2.4.2調整縮放比率 34
2.4.3調整頁面顯示方向 35
2.5課後練習 36
2.5.1思考與練習 36
2.5.2上機操作 36
第3章創建與管理本地站點 37
3.1創建本地站點 38
3.1.1使用嚮導搭建站點 38
3.1.2使用【高級】面板創建站點 39
3.1.3設定伺服器 43
3.1.4伺服器基本選項 44
3.1.5伺服器高級選項 45
3.1.6版本控制選項 45
3.2管理站點 46
3.2.1認識【管理站點】對話框 46
3.2.2打開站點 47
3.2.3編輯站點 48
3.2.4複製站點 48
3.2.5刪除站點 49
3.3站點的規劃與操作 50
3.3.1站點規劃 50
3.3.2在站點中新建資料夾 50
3.3.3在站點中新建網頁檔案 51
3.3.4使用【新建文檔】對話框新建檔案 52
3.3.5移動和複製檔案或資料夾 52
3.3.6重命名檔案或資料夾 54
3.3.7刪除檔案或資料夾 55
3.4 範例套用與上機操作 56
3.4.1在站點中新建音樂資料夾 56
3.4.2在站點中新建視頻網頁檔案 56
3.4.3使用站點地圖 57
3.5課後練習 58
3.5.1思考與練習 58
3.5.2上機操作 58
第4章創建結構清晰的文本網頁 59
4.1文本與文檔 60
4.1.1輸入文本 60
4.1.2設定文本屬性 60
4.1.3允許輸入連續的空格 65
4.1.4設定是否顯示不可見元素 66
4.1.5設定頁邊距 67
4.1.6設定網頁的標題 67
4.1.7設定網頁的默認格式 68
4.2插入特殊文本對象 69
4.2.1插入特殊字元 69
4.2.2插入水平線 70
4.2.3插入注釋 71
4.2.4插入日期 71
4.3項目符號和編號列表 72
4.3.1設定項目符號或編號 72
4.3.2修改項目符號或編號 73
4.3.3設定文本縮進格式 74
4.4插入頁面的頭部內容 75
4.4.1設定META 75
4.4.2插入關鍵字 75
4.4.3插入說明 76
4.4.4插入刷新 76
4.4.5設定基礎 77
4.4.6設定連結 78
4.5範例套用與上機操作 78
4.5.1設定主標題 78
4.5.2批量設定列表編號 79
4.6課後練習 80
4.6.1思考與練習 80
4.6.2上機操作 80
第5章套用超連結 81
5.1超連結基礎知識 82
5.1.1超連結的定義 82
5.1.2內部、外部與腳本連結 82
5.1.3超連結的類型 83
5.2什麼是連結路徑 84
5.2.1絕對路徑 84
5.2.2文檔相對路徑 85
5.2.3站點根目錄相對路徑 86
5.3創建超連結 86
5.3.1使用選單創建連結 87
5.3.2使用【屬性】面板創建連結 88
5.3.3使用指向檔案圖示創建連結 88
5.4創建不同種類的超連結 89
5.4.1創建文本連結 89
5.4.2創建E-mail連結 90
5.4.3創建下載檔案連結 91
5.4.4創建腳本連結 92
5.4.5創建空連結 94
5.5管理與設定超連結 94
5.5.1自動更新連結 95
5.5.2在站點範圍內更改連結 96
5.5.3檢查站點中的連結錯誤 96
5.6添加錨點連結 97
5.6.1什麼是錨點連結 97
5.6.2在同一頁面中添加錨點連結 98
5.6.3在不同的頁面上使用錨點連結 99
5.7範例套用與上機操作 101
5.7.1創建圖像超連結 101
5.7.2利用錨點連結分段閱讀 102
5.8課後練習 103
5.8.1思考與練習 103
5.8.2上機操作 104
第6章使用圖像與多媒體豐富網頁內容 105
6.1網頁中常使用的圖像格式 106
6.1.1JPEG格式圖像 106
6.1.2GIF格式圖像 106
6.1.3PNG格式圖像 106
6.2插入與設定圖像 107
6.2.1在設計視圖中插入圖片 107
6.2.2從【資源】面板中插入圖片 108
6.2.3在代碼視圖中插入圖片 109
6.2.4圖像對齊方式 110
6.2.5設定圖像屬性 111
6.3插入其他圖像元素 111
6.3.1插入圖像占位符 111
6.3.2製作滑鼠指針經過圖像 112
6.3.3添加背景圖像 114
6.4 使用熱區 115
6.4.1 繪製熱區 115
6.4.2 在標籤檢查器中設定熱區 117
6.5編輯圖像 117
6.5.1裁剪圖像 117
6.5.2重新取樣圖像 118
6.5.3調整圖像亮度和對比度 119
6.5.4銳化圖像 120
6.6多媒體在網頁中的套用 120
6.6.1插入Flash動畫 120
6.6.2插入FLV視頻 121
6.6.3插入背景音樂 123
6.6.4插入JavaApplet 124
6.7範例套用與上機操作 125
6.7.1在網頁中嵌入音樂 125
6.7.2在網頁中嵌入常見視頻格式 127
6.8課後練習 128
6.8.1思考與練習 128
6.8.2上機操作 128
第7章使用表格排版網頁 129
7.1表格的創建與套用 130
7.1.1表格的基本概念 130
7.1.2創建表格 130
7.1.3在表格中輸入內容 132
7.2設定表格 133
7.2.1設定表格屬性 134
7.2.2設定單元格屬性 134
7.3調整表格結構 135
7.3.1選擇表格和單元格 135
7.3.2調整單元格和表格的大小 138
7.3.3添加與刪除行與列 139
7.3.4拆分單元格 141
7.3.5合併單元格 141
7.3.6複製、剪下和貼上表格 142
7.4處理表格數據 144
7.4.1排序表格 144
7.4.2導入Excel表格數據 145
7.5套用數據表格樣式控制 145
7.5.1表格模型 146
7.5.2表格標題 147
7.5.3表格樣式控制 147
7.6範例套用與上機操作 148
7.6.1利用表格設計網頁 148
7.6.2導入影片詳細資訊 151
7.7課後練習 152
7.7.1思考與練習 152
7.7.2上機操作 152
第8章使用CSS修飾美化網頁 153
8.1什麼是CSS樣式表 154
8.1.1認識CSS 154
8.1.2CSS樣式的類型 154
8.1.3CSS樣式基本語法 156
8.2創建CSS樣式 156
8.2.1建立標籤樣式 156
8.2.2建立類樣式 157
8.2.3建立複合內容樣式 159
8.2.4連結外部樣式表 159
8.2.5建立ID樣式 161
8.3將CSS套用到網頁 161
8.3.1內聯樣式表 162
8.3.2外部樣式表 162
8.3.3內部樣式表 162
8.4設定CSS樣式 163
8.4.1設定文本類型 163
8.4.2設定背景樣式 164
8.4.3設定方框樣式 166
8.4.4設定區塊樣式 167
8.4.5設定框線樣式 168
8.4.6設定定位樣式 169
8.4.7設定擴展樣式 170
8.4.8設定過渡樣式 171
8.5CSS濾鏡設計特效文字 172
8.5.1濾鏡概述 172
8.5.2光暈(Glow) 173
8.5.3模糊(Blur) 173
8.5.4遮罩(Mask) 174
8.5.5透明色(Chroma) 174
8.5.6陰影(Dropshadow) 174
8.5.7波浪(Wave) 174
8.5.8X射線(X-ray) 175
8.6範例套用與上機操作 175
8.6.1套用CSS設定固定字型、字號以及字型顏色 175
8.6.2套用CSS設定文本的行間距 176
8.7課後練習 178
8.7.1思考與練習 178
8.7.2上機操作 178
第9章套用CSS+Div布局網頁 179
9.1什麼是Div 180
9.1.1Div概述 180
9.1.2<Div>和<Span>區別與相同點 180
9.1.3Div與CSS布局優勢 182
9.2CSS定位 182
9.2.1盒子模型 182
9.2.2position定位 183
9.2.3float定位 185
9.3Div布局理念 186
9.3.1 將頁面用Div分塊規劃 186
9.3.2 設計各塊的位置 186
9.3.3 使用CSS定位 187
9.4常見的布局類型 188
9.4.1居中版式布局 188
9.4.2浮動版式布局 189
9.4.3一列固定寬度 189
9.4.4一列自適應 190
9.4.5兩列固定寬度 191
9.4.6兩列寬度自適應 192
9.4.7兩列右列寬度自適應 192
9.4.8三列浮動中間寬度自適應 193
9.5範例套用與上機操作 195
9.5.1兩列左列寬度自適應 195
9.5.2三列寬度自適應 196
9.6課後練習 197
9.6.1思考與練習 197
9.6.2上機操作 198
第10章使用APDiv布局頁面 199
10.1認識APDiv 200
10.1.1APDiv概述 200
10.1.2APDiv和Div的區別 200
10.1.3【AP元素】面板簡介 201
10.2創建APDiv 201
10.2.1使用選單創建普通APDiv 201
10.2.2創建嵌套APDiv 202
10.3 APDiv的操作 202
10.3.1 選擇APDiv 203
10.3.2 調整APDiv的大小 203
10.3.3 移動APDiv 204
10.3.4 排列APDiv 204
10.4設定APDiv的屬性 205
10.4.1改變APDiv的堆疊順序 205
10.4.2為APDiv添加滾動條 206
10.4.3改變APDiv的可見性 206
10.4.4設定APDiv的顯示/隱藏屬性 207
10.5APDiv的常見套用 207
10.5.1把APDiv轉換為表格 207
10.5.2把表格轉換為APDiv 208
10.5.3可視化剪輯APDiv 209
10.5.4構建相對定位的APDiv 210
10.6範例套用與上機操作 210
10.6.1創建浮動框架 210
10.6.2利用APDiv製作網頁下拉選單 212
10.7課後練習 215
10.7.1思考與練習 215
10.7.2上機操作 216
第11章使用框架布局網頁 217
11.1什麼是框架 218
11.1.1框架的組成 218
11.1.2框架的優點與缺點 218
11.2框架和框架集 219
11.2.1插入預定義的框架集 219
11.2.2自定義框架集 220
11.2.3在框架中添加內容 221
11.2.4框架與框架集檔案的保存 223
11.2.5設定無框架內容 224
11.3選擇框架或框架集 225
11.3.1在文檔視窗中選擇 225
11.3.2在【框架】面板中選擇框架或框架集 226
11.4框架或框架集屬性的設定 227
11.4.1設定框架的屬性 227
11.4.2框架集的屬性設定 227
11.5使用IFrame框架布局網頁 228
11.5.1製作IFrame框架頁面 228
11.5.2製作IFrame框架頁面連結 229
11.6範例套用與上機操作 230
11.6.1製作環保類網站頁面 230
11.6.2設定框架框線寬度、顏色和背景顏色 234
11.7課後練習 235
11.7.1思考與練習 235
11.7.2上機操作 236
第12章使用模板和庫提高網頁製作效率 237
12.1創建模板 238
12.1.1新建網頁模板 238
12.1.2從現有文檔創建模板 238
12.2使用與設定模板 239
12.2.1創建模板中的可編輯區域 240
12.2.2創建模板中的可選區域 241
12.2.3創建模板中的重複區域 242
12.2.4創建模板中的可編輯可選區域 243
12.2.5可編輯標籤屬性 244
12.3管理模板 244
12.3.1更新模板 245
12.3.2在現有文檔中套用模板 245
12.3.3從模板中脫離 247
12.3.4新建基於模板的頁面 248
12.4創建與套用庫項目 248
12.4.1了解庫項目 248
12.4.2新建庫檔案 249
12.4.3在網頁中套用庫檔案 251
12.4.4編輯和更新庫檔案 252
12.4.5庫檔案的【屬性】面板 253
12.5範例套用與上機操作 254
12.5.1使用模板創建網頁 254
12.5.2重命名庫項目 256
12.5.3刪除庫項目 257
12.6課後練習 258
12.6.1思考與練習 258
12.6.2上機操作 258
第13章使用行為豐富網頁效果 259
13.1什麼是行為 260
13.1.1 行為的概念 260
13.1.2 常見動作類型 260
13.1.3 【行為】面板 261
13.1.4 常見事件 262
13.1.5 套用行為的方法 263
13.2內置行為 263
13.2.1彈出提示信息 264
13.2.2檢查外掛程式 265
13.2.3打開瀏覽器視窗 267
13.2.4設定狀態欄文本 268
13.2.5轉到URL 269
13.2.6設定容器的文本 270
13.2.7預先載入圖像 272
13.2.8交換圖像 273
13.2.9拖動AP元素 275
13.2.10跳轉選單 276
13.2.11跳轉選單開始 279
13.2.12調用JavaScript 281
13.3 使用JavaScript 282
13.3.1 利用JavaScript實現列印功能 282
13.3.2 利用JavaScript函式跳轉到某個頁面 283
13.3.3 利用JavaScript創建自動滾屏網頁效果 284
13.4 範例套用與上機操作 285
13.4.1 利用JavaScript函式實現動態時間 285
13.4.2 利用JavaScript函式實現動態側邊欄 286
13.4.3 利用JavaScript函式實現隨意更改背景顏色 288
13.5課後練習 290
13.5.1思考與練習 290
13.5.2上機操作 290
第14章用表單創建互動式網頁 291
14.1關於表單 292
14.1.1表單概述 292
14.1.2在頁面中插入表單 292
14.1.3表單的【屬性】面板 293
14.2插入表單對象並設定屬性 293
14.2.1使用表單 293
14.2.2使用文本域 295
14.2.3使用隱藏域 296
14.2.4使用複選框 296
14.2.5使用單選按鈕 297
14.2.6使用單選按鈕組 298
14.2.7使用列表/選單 299
14.2.8使用跳轉選單 301
14.2.9使用圖像域 302
14.2.10使用檔案域 304
14.2.11使用標準按鈕 305
14.2.12插入密碼域 306
14.2.13插入多行文本域 308
14.3Spry驗證表單 309
14.3.1製作Spry選單欄 309
14.3.2製作Spry選項卡式面板 310
14.3.3製作Spry摺疊式 312
14.3.4Spry可摺疊面板 313
14.3.5Spry工具提示 315
14.3.6Spry驗證文本域 316
14.3.7Spry驗證文本區域 317
14.4 範例套用與上機操作 318
14.4.1 製作登錄頁面 318
14.4.2 製作申請密碼保護頁面 324
14.5課後練習 328
14.5.1思考與練習 328
14.5.2上機操作 328
第15章站點的發布與推廣 329
15.1測試製作的網站 330
15.1.1創建站點報告 330
15.1.2檢查瀏覽器兼容性 331
15.1.3使用連結檢查器 331
15.1.4清理文檔 332
15.2 發布網站 334
15.2.1連線到遠程伺服器 334
15.2.2檔案上傳 337
15.2.3檔案下載 337
15.3 網站運營與維護 338
15.3.1網站的運營 338
15.3.2網站的更新維護 340
15.3.3最佳化網站SEO 341
15.4 常見的網站推廣方式 342
15.4.1註冊搜尋引擎 342
15.4.2資源合作推廣方法 343
15.4.3電子郵件推廣 343
15.4.4軟文推廣 344
15.4.5導航網站登錄 345
15.4.6BBS論壇網站推廣 346
15.4.7部落格推廣 346
15.4.8微博推廣 347
15.4.9聊天工具推廣 348
15.4.10病毒性行銷方法 348
15.4.11口碑行銷 349
15.5課後練習 350
15.5.1思考與練習 350
15.5.2上機操作 350
第16章製作完整的網站 351
16.1確定網站主題 352
16.1.1選擇網站的主題 352
16.1.2建立站點 352
16.2製作前期規劃 353
16.2.1建立網頁文檔檔案與資料夾 353
16.2.2建立網頁的主體框架 355
16.3添加網頁內容 356
16.3.1輸入文本 356
16.3.2插入圖片 357
16.3.3設定背景顏色 358
16.3.4設定連結 358
16.3.5插入表單 359
16.4美化網頁 361
16.4.1建立一個外部連結樣式表 361
16.4.2建立其他外部連結樣式表 362
16.5上傳網頁 365
16.5.1連線遠程伺服器 366
16.5.2上傳檔案 367
16.5.3瀏覽網頁 368
參考答案 369