非常實用！網頁設計與制作從新手到高手：全彩圖解視頻版

第1章 Dreamweaver輕松入門 .................................... 1
1.1 Dreamweaver CS6工作界面 .............................. 2
1.2 創建與管理站點 ................... 6
1.2.1 站點的創建與設置 ...............6
1.2.2 站點的管理 ...........................8
1.3 網頁文檔的基本操作 ..........11
1.3.1 創建空白文檔 .....................11
1.3.2 保存和關閉網頁文檔 .........12
1.3.3 打開網頁文檔 .....................13
1.3.4 預覽網頁 .............................13
1.4 設置頁面屬性 .................... 14
1.4.1 設置背景圖像 .....................14
1.4.2 設置普通文本 .....................15
1.4.3 設置背景顏色 .....................16

新手有問必答
1. Dreamweaver CS6可以打開哪些類型的文檔？ ................................ 17
2. 網頁制作有哪些基本元素？ .......................................... 17
3. 網頁配色有什麼需要注意的？ ....................................... 17
4. 什麼是HTML？ ....................................................... 18

高手實操技巧
1. 創建模板文檔 ............................................................ 19
2. 添加遠程站點服務器 ...................................................... 19
3. 設置工作區布局.......................................................... 20

第2章 在網頁中添加對象 ............................................ 21
2.1 添加文本元素 .................... 22
2.1.1 添加與設置文本 .................22
2.1.2 插入日期 .............................24
2.1.3 插入特殊字符 .....................25
2.1.4 插入水平線 .........................26
2.2 在網頁中使用圖像 ............. 28
2.2.1 添加圖像 .............................28
2.2.2 插入圖像占位符 .................31
2.2.3 創建鼠標經過圖像 .............33
2.3 創建超鏈接 ........................ 34
2.3.1 創建圖像鏈接 .....................34
2.3.2 創建圖像熱點鏈接 .............35
2.3.3 創建錨點鏈接 .....................37
2.3.4 創建Email鏈接 ...................38
2.3.5 創建腳本鏈接 .....................39
2.3.6 創建下載文件鏈接 .............40
2.3.7 創建空鏈接 .........................41
2.3.8 設置鏈接屬性 .....................41
2.4 添加Flash影片 .................. 42
2.5 添加背景音樂 .................... 43
2.6 高手訓練營——創建圖文混排網頁 .................... 44

新手有問必答
1. 裁剪圖像時需注意什麼？ ................................... 46
2. 網頁中的聲音文件都可以播放嗎？ ............................... 46
3. 在Dreamweaver中可以插入的其他多媒體有哪些？ .................... 46
4. 使用錨記名稱時應遵守哪些規則？ .............................. 46

高手實操技巧
1. 檢查錯誤的鏈接........................................ 46
2. 使用手動輸入創建電子郵件鏈接 ............................ 47
3. 使用菜單創建鏈接 ...................................... 47

第3章 使用表格布局網頁 ............................... 48
3.1 插入表格 ........................... 49
3.1.1 插入普通表格 .....................49
3.1.2 創建嵌套表格 .....................50
3.2 設置表格和單元格屬性 ...... 51
3.2.1 設置表格屬性 .....................51
3.2.2 設置單元格屬性 .................54
3.3 選擇表格和單元格 ............. 57
3.3.1 選擇整個表格 .....................57
3.3.2 選擇一個單元格 .................58
3.4 表格和單元格的編輯 ......... 59
3.4.1 復制與粘貼表格 .................59
3.4.2 添加與刪除行和列 .............59
3.4.3 拆分與合並單元格 .............62

新手有問必答
1. 有時制作大表格，加載這個網頁時很長時間都無任何顯示，為什麼？... 63
2. 如何實現表格中的跨行和跨列？ .................................... 63
3. 排序表格注意哪些事項？ ......................................... 63

高手實操技巧
1. 制作顏色改變效果 ................................................ 63
2. 通過去掉「 ；」代碼設置單元格效果。 ........................ 64
3. 排序表格 ......................................................... 64

第4章 創建框架網頁 .............................. 65
4.1 創建框架和框架集 ............. 66
4.1.1 創建嵌套框架集 .................66
4.1.2 框架結構的優、缺點 .........67
4.2 框架的基本操作 ................ 68
4.2.1 選擇框架和框架集 .............68
4.2.2 保存框架和框架集 .............69
4.2.3 刪除框架 .............................70
4.2.4 創建上下結構框架網頁 .....70
4.3 設置框架/框架集屬性 ........ 74
4.3.1 設置框架屬性 .....................74
4.3.2 設置框架集屬性 .................74
4.3.3 創建浮動框架網頁 .............75

新手有問必答
1. 保存框架集的順序是什麼？ ....................................... 76
2. 如何使框架集在不同的瀏覽器中都能正常顯示？ ............ 76
3. 為什麼有時無法使用導航功能瀏覽網頁？........................ 77

高手實操技巧
1. 隱藏滾動條 ................................................. 77
2. 設置框架邊框 ................................................ 77
3. 使用預設的框架集 ............................................ 77

第5章 使用CSS美化網頁 ..................................... 78
5.1 了解CSS樣式表 ................ 79
5.1.1 認識CSS ..............................79
5.1.2 CSS的基本語法 ..................79
5.1.3 在網頁中引用CSS的方式 ...80
5.2 創建樣式表 ........................ 81
5.2.1 認識「CSS樣式」面板 ......81
5.2.2 新建層疊樣式表 .................82
5.3 設置CSS樣式表屬性 ......... 83
5.3.1 設置類型屬性 .....................83
5.3.2 設置背景屬性 .....................85
5.3.3 設置區塊屬性 .....................86
5.3.4 設置方框屬性 .....................87
5.3.5 設置邊框屬性 .....................88
5.3.6 設置列表屬性 .....................89
5.3.7 設置定位屬性 .....................89
5.3.8 設置擴展屬性 .....................90
5.3.9 設置過渡屬性 .....................90
5.4 管理層疊樣式表 ................ 91
5.4.1 編輯CSS層疊樣式 ..............91
5.4.2 鏈接外部CSS樣式表文件 ..91
5.4.3 刪除CSS層疊樣式 ..............92
5.5 應用CSS濾鏡 .................... 93
5.5.1 透明濾鏡（Alpha） ...........94
5.5.2 模糊濾鏡（Blur） ..............95
5.5.3 變換濾鏡（Flip） ...............96

新手有問必答
1. CSS樣式表的作用是什麼？ ............................... 97
2. CSS樣式表可以幫助我們解決什麼問題? ........................ 97
3. 什麼是類選擇器和ID選擇器? ................................... 98
4. shadow濾鏡和dropshadow濾鏡有什麼區別？ .................... 98

高手實操技巧
1. 使用CSS區塊屬性設置對齊方式 ...................................... 98
2. 使用CSS邊框屬性設置邊框樣式 ..................................... 99
3. 使用CSS樣式設置段落縮進 .......................................... 99
4. 使用「代碼」視圖編輯CSS代碼 ...................................... 99


第6章 使用AP Div和Spry布局網頁 .................................100
6.1 在網頁中使用AP Div ....... 101
6.1.1 認識AP元素 ......................101
6.1.2 插入AP Div並設置其屬性........................101
6.1.3 選擇AP Div .......................104
6.1.4 移動AP Div .......................105
6.1.5 調整AP Div的大小 ...........106
6.1.6 對齊AP Div .......................106
6.1.7 設置AP Div堆疊順序 .......106
6.1.8 改變AP Div可見性 ...........107
6.1.9 防止AP Div重疊 ...............108
6.2 AP Div與表格的轉換 ....... 108
6.2.1 將表格轉換為AP Div .......108
6.2.2 將AP Div轉換為表格 .......109
6.3 使用Spry布局對象 .............110
6.3.1 使用Spry菜單欄 ...............110
6.3.2 使用Spry選項卡式面板 ...114
6.3.3 使用Spry折疊式面板 .......116
6.3.4 使用Spry可折疊面板 .......119

新手有問必答
1. AP Div的主要功能是什麼？ ................................... 121
2. 什麼情況下AP Div和表格不能互相轉換？ ..................... 121
3. 什麼是CSS+Div布局 ........................................... 122

高手實操技巧
1. 更改 div 標簽的高亮顏色 ................................ 122
2. 如何連續繪制多個AP Div ..................................... 123
3. 設置AP元素參數 ............................................ 123
4. 同時調整多個AP元素大小..................................... 124

第7章 使用表單制作交互網頁 ............................ 125
7.1 創建與設置表單............... 126
7.1.1 創建表單 ...........................126
7.1.2 設置表單屬性 ...................127
7.2 添加表單對象 .................. 127
7.2.1 插入文本字段 ...................127
7.2.2 插入復選框 .......................129
7.2.3 插入單選按鈕 ...................130
7.2.4 插入隱藏域 .......................130
7.2.5 插入文件域 .......................131
7.2.6 插入列表和菜單 ...............132
7.2.7 插入按鈕 ...........................133
7.2.8 插入跳轉菜單 ...................134

新手有問必答
1. 表單的工作過程是怎樣的？ ...................... 135
2. 跳轉菜單開始動作和跳轉菜單有什麼聯系？ .............. 135
3. 單選按鈕只能選中一個嗎？ ......................... 135

高手實操技巧
1. 表單輪廓線不明顯怎麼辦 ..................................... 136
3. 制作圖像按鈕 ................................... 136
4. 創建動態網站需要什麼條件 ................................ 137

第8章 使用行為創建特效網頁 ................................ 138
8.1 行為和事件 ...................... 139
8.1.1 認識行為和事件 ...............139
8.1.2 「行為」面板 ...................140
8.2 使用行為調節瀏覽器 ....... 143
8.2.1 打開瀏覽器窗口 ...............143
8.2.2 創建自動關閉網頁 ...........144
8.2.3 創建轉到URL網頁 ...........144
8.3 使用行為制作圖像 ........... 146
8.3.1 交換圖像與恢復 ..交換圖像...........................146
8.3.2 預先載入圖像 ...................148
8.4 使用行為顯示文本 ........... 149
8.4.1 彈出信息 ...........................149
8.4.2 設置狀態欄文本 ...............150
8.4.3 設置文本域文字 ...............150
8.5 添加Spry效果 .................. 151
8.5.1 添加增大/收縮效果 ..........151
8.5.2 添加擠壓效果 ...................152
8.5.3 添加顯示/漸隱效果 ..........153

新手有問必答
1. 什麼是JavaScript？ ............................................. 154
2. 如何制作彈出廣告窗口？ ........................................... 154
3. 遮簾效果可以用於哪些元素？ ....................................... 154

高手實操技巧
1. 制作拖動AP元素效果 ................................................. 154
2. 添加「改變屬性」行為 ................................................. 155
3. 使用「檢查表單」行為 ................................................ 155

第9章 Flash CS6快速入門 ................................................ 156
9.1 Flash CS6初始界面 ........ 157
9.2 Flash CS6工作界面 ........ 158
9.3 Flash CS6基本操作 ........ 162
9.3.1 Flash CS6文檔管理 ..........162
9.3.2 使用標尺、網格與輔助線...............................164

新手有問必答
1. 動畫是怎樣形成的？ ................................................. 165
2. Flash動畫的應用場合有哪些？ ......................................... 165
3. Flash中舞台、工作區和場景區別是什麼 .............................. 166
4. Flash文件都有哪些類型 ........................................... 166

高手實操技巧
1. 自定義工作區 .......................................................... 166
2. 設置可撤銷的次數 ....................................................... 167
3. 修改輔助線顏色................................................. 167

第10章 繪制與編輯動畫圖形 ..................................................168
10.1 Flash基本繪圖工具 ....... 169
10.1.1 繪圖工具 .........................169
10.1.2 選擇工具 .........................175
10.1.3 顏色設置工具 .................179
10.1.4 縮放工具 .........................182
10.1.5 文本工具 .........................182
10.2 高手訓練營——繪制圖形 ....................... 185
10.2.1 繪制喇叭圖形 .................185
10.2.2 繪制美景圖 .....................187

新手有問必答
1. 位圖和矢量圖的區別是什麼？ .............................................. 188
2. 什麼是圖層？ ............................................................ 189
3. 靜態文本、動態文本和輸入文本有何區別? ............................. 189

高手實操技巧
1. 用簡便的方法繪制圓角矩形的弧度 ............................... 189
2. 矢量圖與位圖間的轉換 .......................................... 190
3. 使用Deco工具 .............................................. 190
4. 使用鋼筆工具繪制曲線 ............................................ 191
5. 轉換錨點 ................................................................ 191
6. 鋼筆工具組的交互用法 ................................................. 191

第11章 使用元件與庫 .............................................................. 192
11.1 創建、編輯與使用元件 ....................... 193
11.1.1 創建元件 .........................193
11.1.2 編輯元件 .........................197
11.1.3 使用元件 .........................199
11.2 使用庫 ........................... 200
11.2.1 認識「庫」面板 .............200
11.2.2 管理和使用庫 .................202
11.3 高手訓練營——制作與應用元件 .................... 204

新手有問必答
1. 在使用外部庫中的文件時，為什麼總會彈出一個解決沖突的對話框？ ............... 206
2. 按鈕元件的四個幀分別代表什麼？ .................................... 206
3. 改變元件后實例也隨之改變，怎樣讓實例不發生變化？ ...................... 207

高手實操技巧
1.將舞台對象轉換為新元件 ................................................... 207
2.為實例添加濾鏡效果 ....................................................... 207
3.繪制3D圖形 ............................................................ 208

第12章 制作Flash網頁動畫 ..................................209
12.1 時間軸與幀 .................... 210
12.1.1 認識「時間軸」面板 .....210
12.1.2 認識幀 .............................211
12.1.3 認識圖層 .........................215
12.2 制作基本動畫 ................ 219
12.2.1 Flash動畫制作流程 ........219
12.2.2 制作逐幀動畫 .................220
12.2.3 制作傳統補間動畫 .........222
12.2.4 制作補間動畫 .................224
12.2.5 制作形狀補間動畫 .........226
12.3 其他動畫的制作 ............ 228
12.3.1 制作引導層動畫 .............228
12.3.2 制作遮罩層動畫 .............230
12.4 制作帶音效的按鈕 ......... 233
12.5 高手訓練營——制作Flash促銷廣告 ....... 235

新手有問必答
1. 補間動畫與傳統補間動畫的差別是什麼？............................ 239
2. 普通引導層和運動引導層的區別是什麼？............................ 240
3. 實現遮罩的原理是什麼？ ......................................... 240

高手實操技巧
1. 使用動畫編輯器................................................... 240
2. 使用動畫預設 .................................................. 241
3. 繪制引導線注意事項 ............................................. 241

第13章 Photoshop快速入門 ...............................................242
13.1 Photoshop CS6概述 ..... 243
13.1.1 Photoshop工作界面 ........243
13.1.2 Photoshop基本操作 ........244
13.1.3 調整網頁圖像的大小 .....245
13.2 Photoshop CS6基本工具的使用 ..................... 247
13.2.1 選區創建工具 .................247
13.2.2 裁剪圖像工具 .................248
13.2.3 矢量繪圖工具 ..................251
13.3 常用面板介紹 ................ 253
13.3.1 「圖層」面板 .................253
13.3.2 「通道」面板 .................254
13.3.3 「路徑」面板 .................255
13.4 高手訓練營——制作藍色水晶按鈕 ................ 257

新手有問必答
1. 當在圖像上創建選區后，如何將選區移動？ ......................................... 259
2. 在網頁設計過程中，適合使用的圖像格式有哪幾種？ .......................... 259
3. Photoshop CS6中路徑的主要功能有哪些？ ........................................... 259

高手實操技巧
1. 使用磁性套索工具創建選區 ........................................ 260
2. 選區的保存 .................................... 260
3. RGB顏色模式 ...................................................... 260
4. 隱藏或顯示選區.................................................. 261
5. 創建變形文字 ................................................. 261

第14章 使用Photoshop處理網頁圖像 ................................262
14.1 調整網頁圖像色彩與色調 .................... 263
14.1.1 使用「色階」命令加強圖像對比效果 .........263
14.1.2 使用「曲線」命令調整圖像色調 .................264
14.1.3 使用「色相/飽和度」命令改變圖像顏色 .........265
14.1.4 使用「色彩平衡」命令校正偏色圖像 .........266
14.2 使用濾鏡美化網頁圖像 ... 267
14.2.1 「模糊」濾鏡組 .............267
14.2.2 「素描」濾鏡組 .............269
14.2.3 「渲染」濾鏡組 .............271
14.3 高手訓練營——制作絢麗香水Banner ........... 273

新手有問必答
1. 「色階」對話框中的「自動」按鈕有什麼作用？ .............................. 277
2. 「雜色」濾鏡組的用途有哪些？ ............................................. 278
3. 為什麼有時濾鏡命令不能使用？ ............................................ 278

高手實操技巧
1. 使用「自動色調」命令 ................................................... 278
2. 使用「變化」命令 ........................................................ 278
3. 使用智能濾鏡 .......................................................... 279
4. 新建濾鏡效果圖層 ........................................................ 279

第15章 企業網站設計綜合實例 ..............................................280
15.1 網頁設計規划 ................ 281
15.2 電器公司網站網頁制作 . 282
15.2.1 導航欄和Banner的制作 .............................282
15.2.2 網頁主體部分的制作 .....284
15.2.3 網頁底部的制作 .............289
15.2.4 將效果圖進行切片 .........290
15.2.5 制作網頁頭部部分 .........291
15.2.6 網頁主體部分的制作 .....294
15.2.7 網頁頁腳部分的制作 .....296
15.2.8 用CSS樣式美化網頁 ......298

新手有問必答
1. Web上常用圖像格式中支持透明背景圖的有哪些？ .............................. 300
2. 使用矩形選框工具或橢圓選框工具時有哪些技巧？ .............................. 300
3. 圖層混合模式有什麼作用？ .................................................. 300
4. 如何使用Dreamweaver 創建網站？ ............................................. 301

高手實操技巧
1. 將文字轉換為普通圖層 ................................................. 301
2. 變換圖像 ........................................................... 302
3. 圖層蒙版的應用................................................... 302
4. 創建剪貼蒙版 .................................................... 303