本書以較新版本的Adobe CS6（Dreamweaver+Flash+Photoshop）為基礎，深入淺出地講解了這3個軟體協同製作網頁的相關知識。全書分為4篇，從網頁入門知識開始，一步步講解3個軟體的使用方法，以及在實際工作中的套用。
基本介紹
- 書名：中文版Dreamweaver+Flash+Photoshop網頁製作從入門到精通（CS6版）
- 作者：九州書源、李洪、賀麗娟
- ISBN：9787302335603
- 定價：59.80元
- 出版社：清華大學出版社
- 出版時間：2014年1月
內容介紹,目錄,
內容介紹
《中文版Dreamweaver+Flash+Photoshop網頁製作從入門到精通（CS6版）》以較新版本的AdobeCS6（Dreamweaver+Flash+Photoshop）為基礎，深入淺出地講解了這3個軟體協同製作網頁的相關知識。全書分為4篇，從網頁入門知識開始，一步步講解3個軟體的使用方法，以及在實際工作中的套用。主要內容包括Dreamweaver基礎、開始製作網頁、為網頁添加對象、布局網頁的各種方法、使用CSS樣式表美化網頁、使用FlashCS6製作動畫、使用PhotoshopCS6製作網頁圖像、在網頁中添加表單、使用Spry框架、製作動態網頁、PhotoshopWeb套用、網頁設計與製作技巧等知識。
本書內容豐富、實用，講解循序漸進，適合於學習網頁製作的初級用戶，以及有一定網頁製作基礎但想靈活運用Dreamweaver、Flash和Photoshop軟體以提高製作技能的中級用戶，也可作為電腦培訓班、學校的教學用書。
本書內容豐富、實用，講解循序漸進，適合於學習網頁製作的初級用戶，以及有一定網頁製作基礎但想靈活運用Dreamweaver、Flash和Photoshop軟體以提高製作技能的中級用戶，也可作為電腦培訓班、學校的教學用書。
目錄
入門篇
第1章 網頁製作從零開始 .......................2
1.1 網頁製作基礎知識 ..........................3
1.1.1 什麼是網站 .......................................... 3
1.1.2 如何創建網站 ....................................... 3
1.1.3 什麼是網頁 .......................................... 3
1.1.4 網頁的類型 .......................................... 5
1.1.5 網頁的相關概念 ................................... 6
1.2 網頁製作軟體 .................................7
1.2.1 網頁製作“三劍客” ........................... 7
1.2.2 輔助軟體 .............................................. 9
1.3 認識HTML ....................................10
1.3.1 什麼是HTML ......................................10
1.3.2 HTML快速入門 ..................................11
1.4 網站開發與製作流程 .....................12
1.4.1 商業網站開發流程 ..............................12
1.4.2 網站製作流程 ......................................14
1.5 基礎實例——製作個人主頁 ..........15
1.5.1 行業分析 .............................................16
1.5.2 操作思路 .............................................16
1.5.3 操作步驟 .............................................17
1.6 基礎練習——認識網頁元素 ..........18
1.7 知識問答 .......................................19
第2章 開始製作網頁 ............................20
2.1 認識Dreamweaver CS6的
工作界面 ......................................21
2.1.1 程式套用欄 .........................................21
2.1.2 文檔編輯區 .........................................22
2.1.3 浮動面板組 .........................................25
2.1.4 “屬性”面板 ......................................25
實例2-1 為文字添加CSS樣式 ................26
2.2 認識常用面板和CSS功能 .............27
2.2.1 常用的插入面板 ..................................27
2.2.2 更完善的CSS功能 ...............................29
2.3 在Dreamweaver中管理站點 .........30
2.3.1 新建站點 .............................................30
2.3.2 導入/導出站點 ....................................31
2.3.3 刪除站點 .............................................31
2.3.4 編輯站點 .............................................31
2.3.5 複製站點 .............................................32
2.3.6 規劃站點 .............................................32
2.4 開始網頁製作 ...............................32
2.4.1 創建網頁文檔 ..................................... 33
實例2-2 創建HTML網頁文檔 .............. 33
2.4.2 保存、預覽和關閉網頁 ..................... 34
2.4.3 打開文檔 ............................................ 34
2.5 設定頁面屬性 ...............................35
2.5.1 設定標題和編碼屬性 ......................... 35
2.5.2 設定外觀屬性 ..................................... 36
2.5.3 設定連結屬性 ..................................... 36
2.6 基礎實例——創建“會展中心”
站點 ..............................................36
2.6.1 行業分析 ............................................ 37
2.6.2 操作思路 ............................................ 37
2.6.3 操作步驟 ............................................ 38
2.7 基礎練習——創建ASP.NET
動態站點 .......................................41
2.8 知識問答 .......................................42
第3章 為網頁添加對象 .........................44
3.1 添加文本 .......................................45
3.1.1 添加普通文本 ..................................... 45
3.1.2 添加特殊字元 ..................................... 46
3.1.3 添加空格 ............................................ 46
3.1.4 添加與設定水平線 ............................. 47
3.1.5 添加日期 ............................................ 48
3.1.6 創建列表 ............................................ 48
3.1.7 設定文本樣式 ..................................... 49
實例3-1 製作學校簡介 ......................... 51
3.2 添加圖像 .......................................53
3.2.1 關於圖像 ............................................ 53
3.2.2 插入圖像 ............................................ 53
3.2.3 設定圖像屬性 ..................................... 54
3.2.4 創建滑鼠經過圖像 ............................. 59
3.2.5 插入圖像占位符 ................................. 60
實例3-2 插入Banner圖像 ...................... 60
3.3 創建超級連結 ...............................62
3.3.1 認識超級連結與路徑 ......................... 62
3.3.2 創建超級連結 ..................................... 64
實例3-3 製作網頁超級連結 .................. 65
3.4 插入動態元素 ...............................66
3.4.1 插入Flash檔案 .................................... 66
3.4.2 插入媒體外掛程式 ..................................... 68
3.5 基礎實例 .......................................69
3.5.1 製作圖文並茂的網頁 ......................... 69
3.5.2 創建動態橫幅網頁 ............................. 71
3.6 基礎練習——創建多媒體網頁 ......74
3.7 知識問答 .......................................75
第4章 表格和網頁布局 .........................76
4.1 創建表格 .......................................77
4.1.1 表格的創建方法 ................................. 77
4.1.2 在表格中添加內容 ............................. 78
4.2 編輯表格 .......................................78
4.2.1 選擇表格元素 ..................................... 78
4.2.2 單元格的合併與拆分 ......................... 79
4.2.3 行和列的添加與刪除 ......................... 80
4.2.4 表格屬性設定 ..................................... 80
4.2.5 單元格屬性設定 ................................. 81
4.2.6 調整表格、列和行的大小 ................. 82
實例4-1 布局個人簡歷表 ..................... 83
4.3 使用Div進行網頁布局 ...................84
4.3.1 使用可視化助理進行布局 ................. 84
4.3.2 插入和編輯Div標籤 ........................... 85
4.3.3 使用 AP 元素 ....................................... 86
4.3.4 編輯AP Div ......................................... 87
4.3.5 設定AP Div屬性 ................................. 89
4.4 基礎實例——布局“鮮花”
網頁 ..............................................90
4.4.1 行業分析 ............................................ 91
4.4.2 操作思路 ............................................ 91
4.4.3 操作步驟 ............................................ 92
4.5 基礎練習 .......................................94
4.5.1 創建“招聘”網頁 ............................. 94
4.5.2 創建“新聞列表”網頁 ..................... 95
4.6 知識問答 .......................................96
第5章 使用CSS樣式表美化網頁 ..........98
5.1 認識CSS ......................................99
5.1.1 CSS簡介 ..............................................99
5.1.2 CSS語法 ..............................................99
5.1.3 認識CSS樣式表 ..................................99
5.1.4 創建CSS樣式表 ................................100
實例5-1 用CSS美化文字 .....................102
5.2 CSS樣式表屬性 ..........................103
5.2.1 設定類型屬性 ....................................103
5.2.2 設定背景屬性 ....................................103
5.2.3 設定區塊屬性 ....................................104
5.2.4 設定方框屬性 ....................................104
5.2.5 設定框線屬性 ....................................105
5.2.6 設定列表屬性 ....................................105
5.2.7 設定定位屬性 ....................................105
5.2.8 設定擴展屬性 ....................................106
5.2.9 設定過渡屬性 ....................................106
5.3 套用CSS樣式 .............................106
5.3.1 使用CSS樣式的快捷選單
套用CSS樣式 ....................................107
5.3.2 使用網頁元素的“屬性”
面板套用CSS樣式 .............................107
5.3.3 使用網頁元素的快捷選單
套用CSS樣式 ....................................107
5.4 管理CSS樣式表 ..........................108
5.4.1 編輯CSS樣式表 ................................108
實例5-2 在“CSS樣式”面板中
編輯樣式 ................................109
5.4.2 從選定內容刪除類樣式 ....................110
5.4.3 刪除CSS樣式表 ................................110
5.4.4 重命名類樣式 ....................................110
5.4.5 連結外部CSS樣式表檔案 .................110
實例5-3 為衣服網頁套用外部
CSS樣式 .................................110
5.5 基礎實例 ......................................111
5.5.1 製作“百度搜尋”網頁 ....................111
5.5.2 製作“春”網頁 ................................115
5.6 基礎練習——創建“關於我們”
網頁 ............................................ 118
5.7 知識問答 ..................................... 119
第6章 使用Flash CS6製作網頁
動畫.........................................120
6.1 認識Flash動畫 ............................121
6.1.1 Flash動畫在網頁中的套用................121
6.1.2 Flash動畫製作流程 ...........................123
6.2 認識Flash CS6 ...........................124
6.2.1 啟動Flash CS6 ...................................124
6.2.2 認識工作界面 ....................................125
6.3 Flash文檔的基本操作 .................128
6.3.1 新建Flash文檔 ...................................128
6.3.2 設定文檔屬性 ....................................128
6.3.3 文檔的其他操作 ................................129
6.4 認識工具 .....................................129
6.4.1 基本繪圖工具 ....................................129
實例6-1 繪製光碟 ................................131
6.4.2 文本工具 ...........................................132
6.4.3 顏色工具 ...........................................134
實例6-2 填充藍天白雲 ........................135
6.4.4 Deco工具 ...........................................136
6.4.5 編輯圖像 ...........................................137
6.5 基礎實例——繪製Banner背景 ...138
6.5.1 行業分析 ...........................................139
6.5.2 操作思路 ...........................................139
6.5.3 操作步驟 ...........................................139
6.6 基礎練習——繪製“鐵路”
動畫 ............................................142
6.7 知識問答 .....................................143
第7章 創建 Flash 基本動畫 ...............144
7.1 Flash動畫製作基礎 .....................145
7.1.1 認識“時間軸”面板 ........................145
7.1.2 認識圖層 ...........................................148
7.1.3 認識元件 ...........................................151
7.1.4 創建元件 ...........................................152
7.1.5 認識“庫”面板 ................................153
7.2 創建基本動畫 .......................... 153
7.2.1 創建逐幀動畫 ................................ 153
實例7-1 製作青蛙跳 ........................ 154
7.2.2 創建補間形狀動畫 ........................ 155
實例7-2 製作圓球變元寶 ................ 155
7.2.3 創建傳統補間動畫 ........................ 157
7.2.4 創建補間動畫 ................................ 157
7.2.5 創建遮罩動畫 ................................ 159
實例7-3 製作“觀光風景”動畫 ..... 159
7.3 測試並發布 Flash 動畫 ............ 160
7.3.1 設定動畫發布格式 ........................ 160
7.3.2 發布動畫 ....................................... 163
7.4 基礎實例——製作橫幅廣告 ..... 163
7.4.1 行業分析 ....................................... 163
7.4.2 操作思路 ....................................... 164
7.4.3 操作步驟 ....................................... 164
7.5 基礎練習——製作汽車
廣告 ......................................... 168
7.6 知識問答 .................................. 168
第8章 使用Photoshop製作網頁
圖像 ......................................170
8.1 認識Photoshop CS6 ................ 171
8.1.1 認識工作界面 ................................ 171
8.1.2 制定工作環境 ................................ 173
實例8-1 製作Web圖像工作界面 ...... 174
8.1.3 新建、打開和保存圖像 ................ 174
8.1.4 使用頁面布局工具 ........................ 175
實例8-2 使用矩形工具繪製色塊 ..... 177
8.2 調整和修飾圖像 ....................... 178
8.2.1 調整圖像大小 ................................ 178
8.2.2 選擇圖像 ....................................... 179
實例8-3 將小貓從背景中摳出 ......... 181
8.2.3 調整圖像色彩 ................................ 182
8.2.4 修復圖像 ....................................... 185
實例8-4 使用修復工具移動
太陽 .................................... 187
8.3 繪製圖像 .................................. 188
8.3.1 設定前景色和背景色 .................... 188
8.3.2 使用畫筆工具組 ............................ 188
8.3.3 使用鋼筆工具組 ............................ 191
8.3.4 使用顏色工具組 ............................ 193
8.4 基礎實例——製作網頁
Logo ........................................ 195
8.4.1 行業分析 ....................................... 195
8.4.2 操作思路 ....................................... 195
8.4.3 操作步驟 ....................................... 196
8.5 基礎練習——製作圖文照片 ..... 199
8.6 知識問答 .................................. 200
第9章 網頁切片輸出與動畫製作 .....202
9.1 創建與編輯切片 ....................... 203
9.1.1 切片的注意事項 ............................ 203
9.1.2 切片方法 ....................................... 204
實例9-1 切片網站Banner ................. 204
9.1.3 編輯切片選項 ................................ 205
9.1.4 修改切片 ....................................... 205
9.2 保存切片圖形 .......................... 206
9.2.1 常見的圖像格式 ............................ 206
9.2.2 輸出切片圖形 ................................ 207
實例9-2 保存網頁圖片 .................... 207
9.3 創建GIF動畫 ............................ 208
9.3.1 認識“時間軸”面板 .................... 209
9.3.2 創建動畫 ....................................... 209
實例9-3 製作Loading動畫 ............... 209
9.3.3 存儲動畫 ....................................... 211
9.4 基礎實例 .................................. 211
9.4.1 製作“星光”動畫 ........................ 211
9.4.2 製作“網頁”切片 ........................ 213
9.5 基礎練習——切片“學校
網站” ..................................... 215
9.6 知識問答 .................................. 216
提高篇
第10章 使用框架和Div+CSS
布局網頁 ...............................220
10.1 創建框架網頁 ...........................221
10.1.1 認識框架和框架集 ..........................221
10.1.2 創建框架集 .....................................221
10.1.3 創建嵌套框架 ..................................222
10.1.4 自定義框架集 ..................................222
10.1.5 保存框架和框架集檔案 ..................223
10.2 設定框架及框架集的屬性 .........224
10.2.1 設定框架集的屬性 ..........................224
10.2.2 設定框架屬性 ..................................224
10.2.3 使用連結控制框架的內容 ..............225
實例10-1 製作框架網頁 ......................225
10.3 認識Div+CSS布局 ....................227
10.3.1 CSS盒子模型 ..................................227
10.3.2 CSS+Div定位 ..................................227
10.3.3 Div+CSS布局實戰 ..........................229
實例10-2 CSS定位文欄位落 ...............229
10.4 提高實例 ...................................230
10.4.1 製作“OA後台” ............................230
10.4.2 製作“網頁選單” ..........................233
10.5 提高練習——製作“流行服裝秀”
網頁 ..........................................235
10.6 知識問答 ...................................236
第11章 在網頁中添加表單 .................238
11.1 創建和設定表單 ........................239
11.1.1 認識表單 .........................................239
11.1.2 創建表單 .........................................239
11.1.3 設定表單屬性 ..................................239
11.2 套用表單對象 ............................240
11.2.1 添加表單對象 ..................................240
實例11-1 添加“運動”複選框 ...........242
實例11-2 添加“愛好”複選框組 .......243
實例11-3 添加“城市”列表選單 .......244
實例11-4 跳轉到第…頁 ......................246
實例11-5 製作登錄頁面 ......................247
實例11-6 添加圖像按鈕 ......................247
實例11-7 添加上傳檔案按鈕 ...............248
11.2.2 套用CSS樣式表 ...............................249
實例11-8 製作個性登錄頁面 ...............249
11.3 客戶端表單驗證 ........................251
11.3.1 認識JavaScript .................................251
實例11-9 製作提示對話框 ...................251
11.3.2 進行表單驗證 ..................................252
實例11-10 製作文本欄位
輸入驗證 ............................252
11.4 提高實例——製作註冊表單 ......253
11.4.1 行業分析 .........................................253
11.4.2 操作思路 .........................................254
11.4.3 操作步驟 .........................................254
11.5 提高練習——製作會員註冊
表單 ..........................................256
11.6 知識問答 ...................................257
第12章 使用Spry框架 ........................258
12.1 使用Spry框架創建網頁 .............259
12.1.1 認識Spry框架 ..................................259
12.1.2 Spry選單欄 ......................................259
實例12-1 插入Spry水平選單 ...............259
12.1.3 Spry選項卡式面板 ..........................261
實例12-2 插入選項卡式面板 ..............261
12.1.4 Spry摺疊式面板 ..............................262
12.1.5 Spry可摺疊面板 ..............................263
12.2 使用Spry驗證表單域 ................264
12.2.1 驗證文本域 .....................................264
實例12-3 製作表單驗證頁面 ..............264
12.2.2 驗證複選框 .....................................266
實例12-4 製作驗證選擇頁面 ..............266
12.2.3 驗證選擇 .........................................267
12.2.4 驗證密碼 .........................................267
12.3 Spry效果 ..................................268
12.3.1 認識Spry效果 ..................................268
12.3.2 創建Spry效果 ..................................269
實例12-5 創建Spry效果 ......................269
12.3.3 刪除Spry效果 ..................................270
12.4 提高實例——製作驗證
註冊表單 ...................................271
12.4.1 行業分析 .........................................271
12.4.2 操作思路 .........................................271
12.4.3 操作步驟 .........................................272
12.5 提高練習——製作個人主頁 ......274
12.6 知識問答 ...................................275
第13章 創建Flash腳本動畫 ...............276
13.1 認識ActionScript .......................277
13.1.1 關於ActionScript .............................277
13.1.2 ActionScript中的專業術語 ..............277
13.1.3 ActionScript 3.0基本語法 ...............281
13.2 常用ActionScript語句 ...............282
13.2.1 播放控制 .........................................282
13.2.2 播放跳轉 .........................................283
13.2.3 條件語句 .........................................283
13.2.4 循環語句 .........................................285
13.3 代碼的輸入 ...............................287
13.3.1 在時間軸上輸入代碼 ......................287
13.3.2 使用代碼片段 ..................................288
實例13-1 製作淡入動畫效果 ..............289
13.3.3 創建ActionScript檔案 .....................290
13.4 對象處理 ...................................291
13.4.1 屬性 .................................................291
13.4.2 方法 .................................................291
13.4.3 事件 .................................................292
13.5 提高實例 ...................................293
13.5.1 製作網頁導航 ..................................293
13.5.2 製作動態Banner ..............................295
13.6 提高練習 ...................................297
13.6.1 製作橫排選單 ..................................298
13.6.2 製作互動式滾動廣告 ......................298
13.7 知識問答 ...................................299
第14章 Photoshop高級套用 ..............300
14.1 圖層套用 ...................................301
14.1.1 認識“圖層”面板 ..........................301
14.1.2 操作圖層 .........................................302
14.1.3 使用圖層樣式 ..................................304
14.1.4 混合模式 .........................................306
14.2 蒙版套用 ...................................308
14.2.1 使用快速蒙版 ..................................308
實例14-1 摳取圖像 ..............................309
14.2.2 使用圖層蒙版 ..................................309
14.3 套用通道 ...................................310
14.3.1 認識通道 .........................................310
14.3.2 套用通道 .........................................311
實例14-2 合成透明的雲 ......................311
14.4 套用濾鏡 ...................................312
14.4.1 高斯模糊 .........................................313
14.4.2 動感模糊 .........................................313
14.4.3 極坐標 .............................................313
14.4.4 光照效果 .........................................314
14.4.5 濾鏡庫 .............................................315
14.5 提高實例 .................................. 315
14.5.1 製作“專題Banner”背景 ..............316
14.5.2 製作“突出主角”廣告 .................319
14.6 提高練習——製作抽獎
廣告 ......................................... 324
14.7 知識問答 .................................. 325
精通篇
第15章 動態網頁基礎 ....................... 328
15.1 認識動態網頁 .......................... 329
15.1.1 了解動態網頁 .................................329
15.1.2 動態網頁開發流程 .........................329
15.1.3 Web伺服器 .....................................330
15.2 安裝與配置IIS .......................... 330
15.2.1 安裝IIS的作用 ................................330
15.2.2 安裝IIS ...........................................331
實例15-1 在Windows 7中安
裝IIS 7.0 ..............................332
15.2.3 配置IIS ...........................................333
實例15-2 配置ASP.NET站點 ..............333
15.3 認識資料庫 .............................. 335
15.3.1 Access資料庫 .................................335
實例15-3 創建Access資料庫 ..............335
15.3.2 SQL Server資料庫 ..........................337
15.3.3 MySQL資料庫 ...............................339
實例15-4 創建MySQL資料庫 ............339
15.4 動態網頁開發語言 ................... 341
15.4.1 ASP語言 .........................................341
15.4.2 ASP.NET語言 .................................342
15.4.3 PHP語言 .........................................342
15.4.4 JSP語言 ..........................................343
15.5 精通實例 .................................. 344
15.5.1 創建新聞資料庫 .............................344
15.5.2 製作動態網頁 .................................347
15.6 精通練習 .................................. 349
15.6.1 在Windows XP中配置IIS ...............350
15.6.2 創建data資料庫 ..............................350
第16章 製作動態網頁 ....................... 352
16.1 數據源的創建 .......................... 353
16.1.1 動態站點的創建及配置 .................353
實例16-1 建立動態站點 .....................353
16.1.2 連線資料庫 ....................................354
16.1.3 在Dreamweaver CS6中創建資料庫
連線 ................................................355
實例16-2 連結Access資料庫 ..............355
16.2 製作ASP動態網頁 ................... 356
16.2.1 讀取記錄 ........................................356
實例16-3 讀取新聞表數據 .................356
16.2.2 插入記錄 ........................................358
實例16-4 添加用戶 .............................358
16.2.3 修改記錄 ........................................359
實例16-5 製作修改用戶密碼頁面 ......359
16.2.4 刪除記錄 ........................................361
實例16-6 刪除資料庫中的記錄 ..........361
16.3 其他動態開發語言 ................... 363
16.3.1 製作PHP動態網頁 ..........................363
16.3.2 製作ASP.NET動態網頁 ..................364
16.3.3 製作JSP動態網頁 ............................364
16.4 精通實例——製作用戶登錄 ......364
16.4.1 行業分析 .........................................365
16.4.2 操作思路 .........................................365
16.4.3 操作步驟 .........................................365
16.5 精通練習——製作聊天頁面 ......368
第17章 製作高級Flash動畫 ...............370
17.1 創建高級動畫 ...........................371
17.1.1 創建3D動畫 .....................................371
實例17-1 製作3D頭像 .........................372
17.1.2 創建IK動畫 .....................................374
17.2 互動組件 ...................................378
17.2.1 認識Flash組件 .................................378
17.2.2 User Interface組件 ...........................379
實例17-2 創建圖片選擇器 ..................383
17.2.3 Video組件 ........................................384
實例17-3 視頻播放器 ..........................385
17.3 精通實例 ...................................385
17.3.1 製作“行走”動畫 ..........................385
17.3.2 製作問卷調查 ..................................388
17.4 精通練習 ...................................391
17.4.1 製作3D選單 .....................................392
17.4.2 製作“拾凳子”動畫 ......................392
第18章 Photoshop Web套用 .............394
18.1 製作Web圖像 ...........................395
18.1.1 路徑 .................................................395
18.1.2 製作Web標誌 ..................................398
實例18-1 製作網站Logo ......................398
18.1.3 製作Web按鈕 ..................................400
實例18-2 製作導航按鈕 ......................400
18.1.4 製作Web廣告 ..................................402
實例18-3 製作橫幅廣告 ......................402
18.2 製作Web畫廊 ...........................404
18.2.1 關於 Web 照片畫廊 ...........................404
18.2.2 創建Web 照片畫廊 ...........................404
實例18-4 製作Web照片牆 ...................404
18.3 設計Web布局 ...........................406
18.3.1 認識Web頁面布局 ...........................406
18.3.2 Photoshop設計Web布局 ..................407
18.4 精通實例——製作質感
標誌 ..........................................409
18.4.1 行業分析 .........................................410
18.4.2 操作思路 .........................................410
18.4.3 操作步驟 .........................................410
18.5 精通練習 ...................................413
18.5.1 製作文字選單 ..................................413
18.5.2 製作Web布局 ..................................414
第19章 網頁設計與製作技巧 .............416
19.1 網頁配色技巧 ...........................417
19.1.1 網頁色彩搭配原理 ..........................417
19.1.2 網頁色彩搭配技巧 ..........................417
19.1.3 分配網頁色彩 ..................................418
19.2 網頁版面布局技巧 ....................419
19.2.1 上下布局結構 ..................................419
19.2.2 左右布局結構 ..................................420
19.2.3 左中右布局結構 ..............................420
19.2.4 半包圍布局結構 ..............................420
19.2.5 單一布局結構 ..................................421
19.3 網頁製作技巧 ...........................421
19.3.1 消除網頁中的亂碼 ..........................422
19.3.2 設定像素為“1”的表格框線.........422
19.3.3 去掉單擊超級連結後的
圖像虛線 .........................................422
19.3.4 製作“設為首頁”超級連結 ..........422
實例19-1 編寫HTML製作“設為
主頁”超級連結 ..................422
19.3.5 製作“添加到收藏夾”
超級連結 ..........................................423
實例19-2 製作添加到收藏夾 ..............423
19.3.6 禁止按鍵 .........................................424
19.3.7 查看網頁原始碼 ..............................424
19.3.8 更換IE地址欄前的圖示 ..................424
19.3.9 定時跳轉 .........................................424
19.3.10 讓表單和其他內容之間無空隙 .....424
19.4 精通實例——製作“用戶登錄”
頁面 ..........................................425
19.4.1 行業分析 .........................................426
19.4.2 操作思路 .........................................426
19.4.3 操作步驟 .........................................426
19.5 精通練習——製作“車行天下”
頁面 ..........................................428
實戰篇
第20章 製作商務網站 ........................432
20.1 製作“產品展示”頁面 .............433
20.1.1 實例說明 .........................................433
20.1.2 行業分析 .........................................433
20.1.3 操作思路 .........................................434
20.1.4 操作步驟 .........................................434
20.2 製作“線上採購”頁面 .............442
20.2.1 實例說明 .........................................442
20.2.2 行業分析 .........................................442
20.2.3 操作思路 .........................................443
20.2.4 操作步驟 .........................................443
20.3 拓展練習——製作“好佳具”
網頁 .........................................447
第21章 製作網站後台系統 .................448
21.1 實例說明 ...................................449
21.2 行業知識 ...................................449
21.3 操作思路 ...................................450
21.4 操作步驟 ...................................450
21.4.1 配置站點環境 ..................................450
21.4.2 製作登錄驗證頁面 ..........................451
21.4.3 製作修改密碼頁面 ..........................452
21.4.4 製作退出頁面 ..................................453
21.4.5 製作文章管理頁面 ..........................454
21.4.6 製作文章詳細內容頁面 ..................455
21.4.7 製作添加文章頁面 ..........................455
21.5 拓展練習——製作新生登記
網頁 ..........................................456
第22章 製作個人網站 ........................458
22.1 實例說明 ...................................459
22.2 行業知識 ...................................459
22.3 操作思路 ...................................460
22.4 操作步驟 ...................................460
22.4.1 製作Web布局 ..................................460
22.4.2 製作Flash動畫 .................................462
22.4.3 製作Web頁面 ..................................464
22.5 拓展練習——製作nike個人
網站 ..........................................465
