內容簡介
本書涵蓋了目前網頁設計領域的主要
軟體,通過大量實用的實例,採用圖解的方式詳細介紹了使用Dreamweaver8排版並布局網頁、使用PhotoshopCS2和Fireworks8處理網頁圖形和圖像以及使用Flash8製作網頁中的矢量動畫和設定互動式動畫的方法。本書包含27章,共分為6部分,分別為網頁設計基礎、Dreamweaver8網頁排版布局、PhotoshopCS2設計網頁圖像、Flash8設計網頁動畫、Fireworks8設計網頁圖像和綜合實例。
圖書目錄
第1章 網頁設計基礎 1
1.1 網頁中的基本概念 1
1.1.1 什麼是網頁 1
1.1.2 什麼是網站 2
1.1.3 什麼是域名和空間 2
1.2 網頁的基本構成元素 2
1.2.1 網站LOGO 3
1.2.2 網站Banner 3
1.2.3 導航欄 3
1.2.4 文本 4
1.2.5 圖像 4
1.2.6 Flash動畫 5
1.2.7 多媒體 5
1.3 網頁設計的常用工具 5
1.3.1 網頁編輯排版軟體
Dreamweaver 5
1.3.2 網頁動畫製作軟體Flash 6
1.3.3 網頁圖像製作軟體
Photoshop 6
1.3.4 網頁圖像製作軟體
Fireworks 7
1.4 網站建設的基本流程 7
1.4.1 網站整體規劃 8
1.4.2 收集資料與素材 9
1.4.3 設計網頁圖像 9
1.4.4 網頁排版布局 10
1.4.5 測試與發布上傳 10
1.4.6 後期更新與維護 10
1.4.7 網站的推廣 11
1.5 習題 12
第2章 Dreamweaver 8基礎 14
2.1 Dreamweaver 8簡述 14
2.2 Dreamweaver 8的新增功能 15
2.3 Dreamweaver 8的操作界面 16
2.3.1 選單欄 17
2.3.2 插入欄 18
2.3.3 浮動面板 18
2.3.4 【屬性】面板 18
2.3.5 文檔視窗 18
2.4 文檔的基本操作 19
2.4.1 新建網頁 19
2.4.2 打開網頁 20
2.4.3 保存網頁 20
2.4.4 設定頁面屬性 21
2.5 上機指導:創建和管理站點 23
2.5.1 創建本地靜態站點“清華” 23
2.5.2 管理本地站點 25
2.6 習題 26
第3章 插入網頁對象 27
3.1 插入文本 27
3.1.1 插入普通文本 27
3.1.2 設定文本屬性 28
3.1.3 插入特殊字元 30
3.2 使用列表 31
3.2.1 插入項目列表 31
3.2.2 插入編號列表 32
3.3 在網頁中插入檔案頭部內容 32
3.3.1 插入META信息 33
3.3.2 設定基礎 33
3.3.3 插入關鍵字 34
3.3.4 插入說明文字 34
3.3.5 設定刷新 35
3.4 插入圖像 35
3.4.1 插入圖像 35
3.4.2 設定圖像屬性 36
3.4.3 插入翻轉圖像 38
3.5 插入媒體對象 39
3.5.1 插入Flash動畫 40
3.5.2 插入Flash按鈕對象 41
3.5.3 插入Flash文本對象 43
3.5.4 插入Java Applet 44
3.6 插入其他對象 46
3.6.1 插入日期 46
3.6.2 插入水平線 47
3.7 上機指導:製作圖文混排網頁
和特效網頁 49
3.7.1 創建圖文混排網頁 49
3.7.2 插入Java Applet製作
特效網頁 50
3.8 習題 51
第4章 使用超連結 53
4.1 超連結的基本知識 53
4.1.1 絕對路徑 53
4.1.2 相對路徑 54
4.1.3 根目錄相對路徑 54
4.2 連結到檔案 54
4.2.1 使用【屬性】面板定義
超連結 54
4.2.2 使用【瀏覽檔案】按鈕指定
連結到的檔案 54
4.3 創建超連結 55
4.3.1 創建下載檔案的超連結 55
4.3.2 創建電子郵件超連結 56
4.3.3 創建圖像熱點連結 57
4.3.4 創建錨點連結 58
4.4 連結檢查與測試 59
4.5 上機指導:創建熱點連結導航
和錨點連結 60
4.5.1 創建熱點連結導航 60
4.5.2 創建錨點連結實例 61
4.6 習題 64
第5章 使用表格 65
5.1 插入表格 65
5.1.1 表格的基本概念 65
5.1.2 插入表格 66
5.2 設定表格屬性 67
5.2.1 設定表格屬性 67
5.2.2 設定單元格屬性 68
5.3 表格的基本操作 69
5.3.1 選擇表格 69
5.3.2 添加行或列 70
5.3.3 刪除行或列 71
5.3.4 合併單元格 71
5.3.5 拆分單元格 72
5.4 用表格排列數據 72
5.4.1 導入表格式數據 72
5.4.2 表格排序 74
5.5 上機指導:創建網頁表格和表格
布局 76
5.5.1 創建網頁細線表格 76
5.5.2 創建網頁圓角表格 78
5.5.3 利用表格布局網頁 82
5.6 習題 87
第6章使用層 89
6.1創建和設定層 89
6.1.1創建層 89
6.1.2嵌套層 90
6.1.3層的【屬性】面板 91
6.1.4【層】面板 91
6.2層的基本操作 91
6.2.1選擇層 92
6.2.2調整層的大小 92
6.2.3移動層 93
6.2.4對齊層 94
6.3層和表格間的相互轉換 95
6.3.1層轉換成表格 95
6.3.2表格轉換成層 96
6.4時間軸的套用 97
6.5上機指導:創建下拉選單和網頁
動畫 98
6.5.1創建網頁下拉選單 98
6.5.2利用時間軸創建網頁漂浮
廣告動畫 101
6.6習題 104
第7章創建框架網頁 105
7.1框架網頁的創建 105
7.1.1創建框架 105
7.1.2保存框架 106
7.2改變框架屬性 107
7.2.1設定框架屬性 107
7.2.2在框架中輸入內容 108
7.3框架和框架集 109
7.3.1創建自定義框架集 110
7.3.2嵌套框架集 110
7.4上機指導:創建框架網頁 111
7.4.1使用Iframe創建嵌套框架
網頁 111
7.4.2創建完整的框架網頁 112
7.5習題 118
第8章使用CSS樣式表 119
8.1CSS樣式表 119
8.1.1關於CSS樣式表 119
8.1.2使用【CSS樣式】面板 120
8.1.3創建新的CSS樣式 120
8.1.4套用自定義CSS樣式 122
8.1.5創建和連結到外部CSS
樣式表 123
8.2定義樣式表屬性 125
8.2.1設定CSS樣式的類型 125
8.2.2設定CSS樣式的背景 126
8.2.3設定CSS樣式的區塊 126
8.2.4設定CSS樣式的方框 127
8.2.5設定CSS樣式的框線 128
8.2.6設定CSS樣式的列表 128
8.2.7設定CSS樣式的定位 129
8.2.8設定CSS樣式的擴展 130
8.3上機指導:創建網頁特效文字 130
8.3.1創建陰影文本 130
8.3.2利用CSS固定字型大小 133
8.4習題 135
第9章使用模板與庫 137
9.1模板的創建 137
9.1.1創建模板 137
9.1.2定義可編輯區域 140
9.1.3套用模板 142
9.1.4更新網頁 143
9.2庫的創建 144
9.2.1創建庫項目 144
9.2.2使用庫項目 146
9.3上機指導:綜合套用模板和庫 147
9.4習題 151
第10章創建表單網頁 153
10.1初識表單 153
10.2插入表單對象 154
10.2.1創建表單 154
10.2.2插入單行文本域 155
10.2.3插入多行文本域 157
10.2.4插入密碼域 157
10.2.5插入複選框 158
10.2.6插入單選按鈕 158
10.2.7插入列表和選單 159
10.2.8插入表單按鈕 159
10.3上機指導:製作網上報名頁面 160
10.4習題 164
第11章使用行為 166
11.1行為概述 166
11.1.1行為面板 166
11.1.2動作 167
11.1.3事件 168
11.2使用Dreamweaver自帶的行為 168
11.2.1彈出信息 169
11.2.2顯示彈出式選單 170
11.2.3打開瀏覽器視窗 171
11.2.4檢查瀏覽器 173
11.2.5設定狀態欄文本 173
11.2.6檢查表單 174
11.2.7控制Shockwave或Flash 175
11.2.8轉到URL 176
11.3獲得更多行為 177
11.4習題 177
第12章創建動態網頁 179
12.1搭建伺服器平台 179
12.1.1安裝IIS 179
12.1.2配置IIS 181
12.2創建資料庫 182
12.3連線資料庫 183
12.3.1創建ODBC連線 183
12.3.2創建DSN連線 184
12.4操作記錄集 185
12.4.1插入記錄 185
12.4.2更新記錄 185
12.4.3刪除記錄 186
12.5上機指導:增加伺服器行為 187
12.5.1重複區域 187
12.5.2記錄集分頁 188
12.5.3顯示區域 188
12.5.4轉到詳細頁面 189
12.5.5轉到相關頁面 190
12.5.6用戶身份驗證 190
12.6習題 192
第13章快速掌握PhotoshopCS2 194
13.1PhotoshopCS2工作界面 194
13.1.1友好的界面 194
13.1.2選單欄 195
13.1.3工具箱與選項欄 196
13.1.4調板 196
13.1.5文檔視窗 196
13.2檔案的基本操作 197
13.2.1調整畫布大小 197
13.2.2調整圖像大小 197
13.3上機指導:處理網頁產品圖像 198
13.4習題 200
第14章選取與處理圖像 201
14.1選取區域 201
14.1.1選取規則區域 201
14.1.2選取不規則區域 202
14.1.3選取顏色相近的區域 202
14.1.4利用【抽出】命令製作透明
圖像 202
14.2對選區圖像進行色彩處理 204
14.2.1色調調整 204
14.2.2色彩調整 205
14.3上機指導:羽化網頁圖像 207
14.4習題 208
第15章圖層的使用 209
15.1圖層概述 209
15.2圖層調板的使用 209
15.3圖層的基本操作 210
15.4圖層樣式 211
15.5上機指導:使用圖層樣式 214
15.6習題 216
第16章套用PhotoshopCS2設計
網頁素材 217
16.1創建網頁圖像文字 217
16.1.1創建文字 217
16.1.2設定文本屬性 218
16.2文字變形 219
16.3使用切片工具切割圖像 220
16.4設計網頁按鈕 222
16.5設計網頁Banner 223
16.6上機指導:設計網頁Logo 231
16.7習題 233
第17章Flash8入門 235
17.1Flash8的工作界面 235
17.1.1Flash8界面 235
17.1.2Flash8的選單 236
17.1.3Flash8的工具箱 236
17.2常用基本概念 237
17.2.1幀 237
17.2.2圖層 238
17.2.3元件 238
17.2.4點陣圖 239
17.2.5矢量圖 239
17.3上機指導:創建簡單動畫實例 240
17.4習題 243
第18章使用圖層和時間軸 244
18.1場景 244
18.1.1編輯場景 244
18.1.2改變場景屬性 246
18.2時間軸 246
18.2.1幀和幀頻 246
18.2.2編輯幀 246
18.2.3時間軸特效 247
18.3圖層操作 251
18.3.1創建新層 251
18.3.2圖層屬性 252
18.4上機指導:利用時間軸特效
製作動畫 252
18.5習題 253
第19章元件和組件 255
19.1元件與實例 255
19.1.1創建圖形元件 255
19.1.2創建影片剪輯元件 257
19.1.3創建按鈕元件 257
19.1.4創建元件的實例 257
19.1.5編輯元件和實例 258
19.2使用組件 259
19.3上機指導:使用元件創建
百葉窗 260
19.4習題 262
第20章製作Flash動畫 264
20.1製作簡單動畫 264
20.1.1創建逐幀動畫 264
20.1.2使用模板創建動畫 266
20.2創建補間動畫 268
20.2.1製作動畫補間動畫 268
20.2.2製作形狀補間動畫 269
20.3創建引導層動畫 271
20.3.1創建沿直線運動的動畫 271
20.3.2創建沿軌道運動的動畫 274
20.3.3創建閉合路徑動畫 275
20.4上機指導:創建遮罩動畫 277
20.4.1創建簡單的遮罩動畫 277
20.4.2利用遮罩產生運動的效果 279
20.5習題 280
第21章導入聲音和視頻 282
21.1聲音的導入和使用 282
21.1.1導入聲音 282
21.1.2使用聲音 283
21.2聲音的屬性設定 284
21.2.1音效的設定 284
21.2.2設定聲音重複的次數 285
21.3聲音的壓縮 285
21.4導入視頻 286
21.5上機指導:添加網站背景音樂 288
21.6習題 289
第22章ActionScript的套用 291
22.1ActionScript的編輯環境 291
22.2ActionScript的基礎知識 292
22.2.1ActionScript語法 292
22.2.2變數 294
22.2.3數據類型 295
22.3運算符 295
22.4添加ActionScript 298
22.4.1為幀添加動作 298
22.4.2為按鈕添加動作 298
22.4.3為影片剪輯添加動作 298
22.5上機指導:互動動畫製作 299
22.5.1製作全螢幕展示頁面 299
22.5.2製作網站導航 300
22.6習題 303
第23章Fireworks8快速入門 304
23.1Fireworks8概述 304
23.2Fireworks8的工作環境 305
23.3編輯點陣圖圖像 307
23.3.1使用套索工具編輯點陣圖
圖像 307
23.3.2使用刷子工具編輯點陣圖
圖像 308
23.3.3使用紅眼消除工具編輯
點陣圖圖像 308
23.4編輯矢量圖形 309
23.5對文本的編輯 310
23.5.1輸入文本 310
23.5.2編輯文本 311
23.5.3附加文本到路徑 312
23.5.4轉換文本為路徑 312
23.6上機指導:製作網頁特效文字 313
23.7習題 314
第24章綜合處理網頁圖像 316
24.1創建圖像切片和熱區 316
24.1.1創建切片 316
24.1.2編輯切片 317
24.1.3導出切片 318
24.1.4創建圖像熱區 318
24.2創建網頁圖像素材 319
24.2.1創建網頁按鈕 319
24.2.2創建彈出選單 321
24.3色彩調整與濾鏡效果 323
24.3.1調整圖像的色階 323
24.3.2調整圖像的亮度
和對比度 324
24.3.3調整色相和飽和度 325
24.3.4模糊圖像 325
24.3.5銳化圖像 326
24.3.6導入濾鏡效果 326
24.4上機指導:切割網頁圖像和製作
立體按鈕 327
24.4.1切割網頁圖像實例 327
24.4.2製作網頁立體按鈕 328
24.5習題 330
第25章利用Fireworks製作動畫 331
25.1創建逐幀動畫 331
25.1.1關於 331
25.1.2編輯幀 331
25.1.3幀延時 332
25.1.4逐幀動畫 333
25.2創建元件動畫 336
25.2.1元件和實例 336
25.2.2編輯元件 336
25.3創建其他動畫 337
25.3.1打開檔案生成動畫 337
25.3.2導入現有GIF動畫 337
25.4上機指導:製作逐字變色動畫 338
25.5習題 339
第26章製作個人網站 340
26.1個人網站的前期策劃 340
26.1.1確定網站主題 340
26.1.2確定網站欄目 341
26.2利用PhotoshopCS2處理照片 341
26.3製作網站庫檔案 344
26.3.1製作頂部分庫檔案 344
26.3.2製作底部庫檔案 347
26.4製作網站主頁 349
26.4.1製作頭部檔案 349
26.4.2製作網站調查 350
26.4.3製作我的好友和聯繫
希兒網站 353
26.4.4製作個人公告 355
26.4.5製作網站正文部分 358
26.4.6製作底部檔案 361
26.5上機指導:製作特效主頁 361
26.5.1添加彈出視窗特效 361
26.5.2利用外掛程式製作背景音樂 362
26.6習題 364
第27章製作企業網站 365
27.1企業設計指南 365
27.2用Fireworks設計網頁Logo 367
27.3創建本地站點 369
27.4創建二級模板 370
27.5利用模板創建其他網頁 372
27.6上機指導:創建新聞發布系統 374
27.6.1創建資料庫 374
27.6.2創建資料庫連線 376
27.6.3創建新聞列表管理頁面 378
27.6.4創建後台登錄頁面 382
27.6.5創建添加新聞頁面 386
27.6.6創建刪除頁面 388
27.6.7創建修改頁面 389
27.6.8創建新聞列表頁面 391
27.6.9製作新聞詳細頁面 394
27.7習題 396
附錄習題答案 397