|
目錄
PART.1 網(wǎng)頁設計基礎與設計美學
第1章 網(wǎng)站建設概述 3
1.1.網(wǎng)站建設流程概述 4
1.2.網(wǎng)絡和網(wǎng)站 4
1.2.1.Internet的起源和發(fā)展 4
1.2.2.網(wǎng)站的概念 4
1.3.網(wǎng)站建設基礎 5
1.3.1.網(wǎng)絡協(xié)議、IP地址與域名 5
1.3.2.URL統(tǒng)一資源定位符 5
1.3.3.Web瀏覽器 6
1.3.4.超鏈接 6
1.4.網(wǎng)站中的多媒體與特效 6
1.4.1.網(wǎng)站中的聲音文件 6
1.4.2.網(wǎng)站中的視頻文件 7
1.4.3.網(wǎng)站中的動畫 7
1.4.4.網(wǎng)站中的JavaScript特效 8
1.5.網(wǎng)站的類型與特點 8
1.5.1.資訊類網(wǎng)站 9
1.5.2.電子商務類網(wǎng)站 10
1.5.3.互動游戲類網(wǎng)站 11
1.5.4.教育類網(wǎng)站 13
1.5.5.功能型網(wǎng)站 14
1.5.6.綜合類網(wǎng)站 15
1.6.申請商業(yè)域名和虛擬主機 16
1.6.1.域名和虛擬主機的基本概念 16
1.6.2.如何申請域名 17
1.6.3.域名的設計 18
1.6.4.如何申請?zhí)摂M主機 19
1.7.申請免費的域名和虛擬主機 20
1.7.1.免費虛擬主機的申請 20
1.7.2.免費虛擬主機的使用 21
1.8.經(jīng)營性網(wǎng)站備案 22
1.9.網(wǎng)頁的基本元素 23
第2章 網(wǎng)站建設的流程 25
2.1.網(wǎng)站規(guī)劃 26
2.1.1.網(wǎng)站項目的定義 26
2.1.2.網(wǎng)站項目的評估 26
2.1.3.網(wǎng)站項目的方案 27
2.1.4.網(wǎng)站項目的資源 30
2.1.5.網(wǎng)站項目的控制 30
2.2.網(wǎng)站項目的實施 33
2.2.1.網(wǎng)頁效果圖設計 33
2.2.2.頁面制作和程序設計 34
2.3.網(wǎng)站項目的測試和發(fā)布 35
2.3.1.網(wǎng)站項目的測試 35
2.3.2.網(wǎng)站項目的發(fā)布 35
2.4.網(wǎng)站的宣傳推廣 36
2.4.1.推廣前應明確的問題 37
2.4.2.網(wǎng)站宣傳推廣的手段 37
2.4.3.搜索引擎優(yōu)化SEO 37
2.4.4.網(wǎng)站的維護 37
2.5.網(wǎng)站項目的總結(jié) 38
2.6.網(wǎng)站項目的團隊管理 38
2.7.與客戶進行溝通的重要性 39
2.8.網(wǎng)站策劃書 40
2.8.1.建設網(wǎng)站前的市場分析 40
2.8.2.建設網(wǎng)站目的及功能定位 40
2.8.3.網(wǎng)站技術解決方案 40
2.8.4.網(wǎng)站內(nèi)容及實現(xiàn)方式 40
2.8.5.網(wǎng)頁設計 40
2.8.6.費用預算 40
2.8.7.網(wǎng)站維護 40
2.8.8.網(wǎng)站測試 41
2.8.9.小結(jié) 41
第3章 網(wǎng)頁配色 43
3.1.色彩的原理 44
3.1.1.光與色彩 44
3.1.2.物體色 44
3.1.3.色彩類型 45
3.2.色彩三要素 45
3.2.1.色相 45
3.2.2.飽和度 46
3.2.3.亮度 46
3.3.色相環(huán) 46
3.3.1.色相環(huán)的構成 46
3.3.2.色相環(huán)中的顏色特點 47
3.3.3.色彩之間的關系 47
3.4.網(wǎng)頁中的色彩 50
3.4.1.RGB色彩模式 50
3.4.2.HTML語言對顏色的描述 51
3.4.3.216網(wǎng)頁安全色 51
3.5.色彩的對比 51
3.5.1.零度對比 51
3.5.2.調(diào)和對比 52
3.5.3.強烈對比 53
3.6.實用配色資源推薦 53
3.6.1.色彩愛好者 53
3.6.2.天天配色 53
3.6.3.色彩杰克 54
3.6.4.簡單配色 54
3.6.5.色彩機構 54
3.6.6.調(diào)色板生成器 54
3.6.7.Kuler 54
3.6.8.圖書《網(wǎng)頁配色黃金羅盤》 54
第4章 網(wǎng)頁的布局設計 55
4.1.網(wǎng)頁布局基礎 56
4.1.1.網(wǎng)頁中的基本元素 56
4.1.2.網(wǎng)頁的構成 57
4.1.3.網(wǎng)頁的空間與頁面尺寸 58
4.2.點、線、面的構成 59
4.2.1.點的構成 59
4.2.2.線的構成 60
4.2.3.面的構成 61
4.2.4.構成的形式 61
4.3.網(wǎng)頁的布局方法 64
4.3.1.常見的網(wǎng)頁版式結(jié)構 64
4.3.2.布局方法 66
4.3.3.確定版面率 67
4.3.4.網(wǎng)格設計 68
4.4.網(wǎng)頁布局的分類 69
4.4.1.滿版布局形式 69
4.4.2.十字布局形式 69
4.4.3.九宮格布局形式 70
4.4.4.米字布局形式 70
4.5.網(wǎng)頁布局方法 72
4.5.1.黃金分割式布局 72
4.5.2.左右對齊式布局 73
4.5.3.全景式布局 73
4.5.4.衛(wèi)星式布局 74
4.5.5.照片組合式布局 75
4.5.6.包圍式布局 76
4.5.7.散開式布局 78
4.5.8.單側(cè)齊行式布局 78
4.5.9.對稱式布局 79
第5章 網(wǎng)頁的標志和字體設計 81
5.1.網(wǎng)頁的標志設計 82
5.1.1.標志設計的原則 82
5.1.2.標志設計的表現(xiàn)與構思手法 82
5.1.3.標志設計流程 82
5.2.標志設計的基本構成要素 83
5.2.1.標志中的線條 83
5.2.2.標志中的形狀 84
5.2.3.用線條和形狀構成標志 84
5.2.4.標志中的英文字體 84
5.2.5.標志中的中文字體 85
5.3.網(wǎng)頁中的字體設計 86
5.3.1.字號、字體、行距 86
5.3.2.文字的編排 88
5.3.3.文字的強調(diào) 88
5.3.4.文字的顏色 89
5.4.40種標志設計技巧 89
5.4.1.線條的過渡效果 89
5.4.2.局部變形 89
5.4.3.斜線和曲線 89
5.4.4.用圖案來替換局部 89
5.4.5.對字母“i”進行變形 89
5.4.6.把圓形結(jié)合到LOGO中 90
5.4.7.筆劃結(jié)合效果 90
5.4.8.線條的運動感 90
5.4.9.橫線貫穿 90
5.4.10.錯位重疊 90
5.4.11.筆劃連接 90
5.4.12.筆劃錯位 90
5.4.13.對字母“L”進行變形 90
5.4.14.虛實結(jié)合 90
5.4.15.中空字體 90
5.4.16.對數(shù)字“0”或字母“O”
.........進行變形 90
5.4.17.添加空白線條 91
5.4.18.多圖嵌套 91
5.4.19.部分省略 91
5.4.20.壓縮圖形間距 91
5.4.21.用曲線來裝飾 91
5.4.22.底圖加反白 91
5.4.23.局部換色 91
5.4.24.一筆相連 91
5.4.25.圖形鏡像 91
5.4.26.動感線條 91
5.4.27.粗細結(jié)合 91
5.4.28.拉伸筆劃 91
5.4.29.添加邊框 92
5.4.30.拉伸圖形 92
5.4.31.對字母“T”進行變形 92
5.4.32.裝飾性的文字 92
5.4.33.直接表述 92
5.4.34.抽象概括 92
5.4.35.字母大小寫結(jié)合 92
5.4.36.為空白背景填色 92
5.4.37.使用卡通形象 92
5.4.38.添加立體效果 92
5.4.39.旋轉(zhuǎn)或調(diào)整方向 92
5.4.40.大小對比 93
5.5.Web 2.0風格標志設計要素 93
5.5.1.使用明亮的顏色 93
5.5.2.使用漸變色 93
5.5.3.添加倒影 93
5.5.4.制作立體的LOGO 93
5.5.5.高光和陰影 93
5.6.實用標志設計網(wǎng)站推薦 93
5.6.1.LOGO池塘（http://logopond
........ .com） 93
5.6.2.LOGO沙司（http://www.logosauce
........ .com/） 93
5.6.3.至愛欣賞（http：//faveup.com/） 94
5.7.標志設計案例分析 94
5.7.1.歐梅雅樓梯有限公司 94
5.7.2.中川家緣木業(yè)有限公司 94
5.7.3.強能魚圓中餐連鎖企業(yè) 94
5.7.4.香港盈可國際集團有限公司 94
5.7.5.福田汽車 94
5.7.6.ATLANTICA COMERCIAL LTD 95
5.7.7.天淇立信息技術有限公司 95
5.7.8.威盛光學有限公司 95
5.7.9.山東沾化恒生工貿(mào)有限公司 95
5.7.10.家欣家具有限公司 95
5.7.11.DKD CLUB 95
5.7.12.成明房產(chǎn)代理有限公司 95
5.7.13.太維互聯(lián)網(wǎng)應用顧問 95
5.7.14.歐華商貿(mào)網(wǎng) 96
5.7.15.中國現(xiàn)車交易網(wǎng) 96
5.7.16.動感一百手機網(wǎng) 96
5.7.17.全球五金網(wǎng) 96
第6章 經(jīng)典網(wǎng)站設計賞析 97
6.1.可口可樂中文官方網(wǎng)站（Coca-Cola）
98
6.2.艾利和中文網(wǎng)站（iriver China）
98
6.3.必勝客中國網(wǎng)站（Pizza-Hut） 100
6.4.索尼愛立信W800c中文官方網(wǎng)站
.....（SonyEricsson W800c） 101
6.5.半山國際網(wǎng)站 101
6.6.M-Zone網(wǎng)站（m-zone） 102
6.7.達華莊園網(wǎng)站 103
6.8.庫博畫映網(wǎng)站（Cube picture） 104
6.9.萬科香港路8號 105
6.10.東駿·湖景灣 105
6.11.美特斯·邦威官方網(wǎng)站
.....（Metersbonwe） 106
6.12.康威官方網(wǎng)站（kangwei） 107
6.13.三星i70數(shù)碼攝像機中文網(wǎng)站
.....（SAMSUNG i70） 108
6.14.三星P2英文網(wǎng)站（SAMSUNG P2） 109
6.15.明基Joybook7000官方網(wǎng)站
.....（BenQ Joybook7000） 110
6.16.萬達·錦華城中文網(wǎng)站
.....（WANDA JINHUA Town） 111
PART.2 Photoshop CS4 效果圖設計
第7章.Photoshop CS4 基礎 113
7.1.Photoshop CS4簡介 116
7.2.Photoshop CS4工作界面 116
7.2.1.菜單欄和工具選項條 116
7.2.2.工具箱 117
7.2.3.浮動面板 117
7.2.4.圖像窗口 117
7.3.Photoshop CS4新特性 117
7.3.1.方便易用的“調(diào)整”面板 117
7.3.2.直觀明了的“蒙版”面板 118
7.3.3.內(nèi)容識別比例變形功能 118
7.3.4.對3D對象的支持 118
7.3.5.對視頻編輯的支持 118
7.3.6.方便易用的黑白調(diào)色功能 119
7.3.7.體驗新的摳圖工具——
........快速選擇工具 119
7.3.8.強大的圖像拼合功能 120
7.3.9.消失點濾鏡的使用 121
7.3.10.其他新特性 121
7.4.Photoshop CS4基本操作 122
7.4.1.新建文件 122
7.4.2.打開文件 123
7.4.3.保存文件 123
7.5.圖像的查看 123
7.5.1.視圖查看 123
7.5.2.縮放查看 124
7.5.3.抓手查看 124
7.5.4.旋轉(zhuǎn)視圖工具 124
7.6.使用輔助工具 124
7.6.1.標尺 125
7.6.2.網(wǎng)格 125
7.6.3.參考線 125
7.7.圖像尺寸的調(diào)整 125
7.7.1.調(diào)整圖像大小 126
7.7.2.調(diào)整畫布大小 126
7.7.3.調(diào)整圖像方向 127
7.8.網(wǎng)頁圖像處理大師 128
第8章.調(diào)整顏色命令及繪圖工具的使用 129
8.1.色調(diào)調(diào)整 130
8.1.1.自動調(diào)整 130
8.1.2.調(diào)整色階 130
8.1.3.調(diào)整曲線 130
8.2.色彩調(diào)整 130
8.2.1.亮度和對比度 130
8.2.2.色相和飽和度 131
8.2.3.替換顏色 131
8.2.4.漸變映射 131
8.2.5.反相 132
8.2.6.閾值 132
8.2.7.變化 132
8.2.8.照片濾鏡 132
8.2.9.“陰影”→“高光” 133
8.3.繪圖與擦除 133
8.3.1.繪圖 133
8.3.2.擦除 133
8.4.使用填充設計網(wǎng)頁頁面 134
8.4.1.內(nèi)部填充 134
8.4.2.邊框填充 135
8.4.3.利用填充繪制網(wǎng)站標志 135
8.5.在網(wǎng)頁圖像中加入文字 136
8.5.1.加入文字 136
8.5.2.加入文字選區(qū) 137
8.6.文字的排列與變形 137
8.7.設計網(wǎng)頁頁面中的特效字 138
8.7.1.制作整體頁面 138
8.7.2.制作金屬效果標題文字 139
8.7.3.制作冰凍效果標題文字 140
8.8.照片修飾 141
8.8.1.圖章工具 141
8.8.2.修補工具 141
8.8.3.修飾工具 142
第9章.掌握圖層的運用 145
9.1.掌握圖層的基本操作 146
9.1.1.圖層面板的操作 146
9.1.2.圖層的疊放和疊加 146
9.2.使用蒙版 148
9.3.使用圖層樣式 149
9.4.填充層和調(diào)整層 149
9.5.使用圖層創(chuàng)建網(wǎng)頁圖樣 150
9.5.1.信息咨詢公司網(wǎng)站頁面 150
9.5.2.大唐電信手機活動展示頁面 151
第10章.選區(qū)和通道 153
10.1.使用選區(qū)工具 154
10.1.1.規(guī)則區(qū)域選取工具 154
10.1.2.套索工具 155
10.1.3.快捷選擇工具 156
10.1.4.魔棒工具 156
10.1.5.利用選取工具制作邊緣效果 157
10.2.其他創(chuàng)建選區(qū)的方法 157
10.2.1.使用色彩范圍 157
10.2.2.使用快速蒙版 157
10.2.3.抽出圖像 158
10.3.調(diào)整選區(qū) 159
10.3.1.全部選擇和取消選擇 160
10.3.2.反向選擇 160
10.3.3.修改選區(qū) 160
10.3.4.擴大選取 161
10.3.5.選取相似 161
10.3.6.變換選區(qū) 161
10.3.7.存儲和載入選區(qū) 162
10.4.通道 163
10.4.1.通道的基本概念 163
10.4.2.通道面板的操作 163
10.5.專色通道 164
10.5.1.創(chuàng)建專色通道 164
10.5.2.Alpha通道轉(zhuǎn)化為專色通道 164
10.5.3.合并專色通道 164
10.6.利用通道完成特效字 164
第11章.豐富多彩的濾鏡 167
11.1.使用常見濾鏡 168
11.1.1.藝術效果 168
11.1.2.模糊 169
11.1.3.畫筆描邊 170
11.1.4.扭曲 170
11.1.5.雜色 171
11.1.6.像素化 171
11.1.7.渲染 172
11.1.8.銳化 172
11.1.9.素描 172
11.1.10.風格化 173
11.1.11.紋理 174
11.1.12.其他 174
11.2.利用濾鏡效果設計網(wǎng)頁整體頁面效果 175
11.2.1.大唐電信CDMA移動電話網(wǎng)頁 175
11.2.2.花火數(shù)碼文化傳播中心網(wǎng)頁
.........Demo（演示） 176
11.2.3.魔域帝國專區(qū)頁面 178
第12章.時尚高檔效果圖設計 181
12.1.分析 182
12.2.網(wǎng)站首頁的效果圖制作 182
12.3.創(chuàng)建頁眉 184
12.4.繪制內(nèi)容區(qū) 185
12.5.繪制頁腳 185
第13章.博客網(wǎng)站效果圖設計 187
13.1.思路分析 188
13.2.制作首頁效果圖 188
13.3.制作頁眉區(qū)域 190
13.4.制作內(nèi)容區(qū)域 191
13.5.制作頁腳區(qū)域 193
13.6.制作內(nèi)容頁面 194
PART.3 Fireworks CS4 設計精髓
第14章.Fireworks CS4圖像處理
......技術精講 197
14.1.Fireworks基本操作技巧集錦 198
14.2.矢量繪制關鍵技術 199
14.2.1.兩種方法繪制圓角矩形 199
14.2.2.防止對圓角矩形變形的時候
.........圓角改變 199
14.2.3.巧妙消除路徑邊緣的鋸齒 199
14.2.4.多種方法繪制虛線 200
14.2.5.制作網(wǎng)頁效果圖中的清晰小字 200
14.2.6.使文字按照路徑排列 201
14.2.7.制作電視掃描線的效果 201
14.2.8.自定義紋理 201
14.2.9.添加和修改漸變色填充 202
14.2.10.巧妙制作漸隱的線條 203
14.2.11.解決圖標縮小后變形的問題 204
14.3.圖像處理關鍵技術 204
14.3.1.蒙版的三種用途 204
14.3.2.選區(qū)和路徑的轉(zhuǎn)換 208
14.3.3.制作圖像條形碼效果 209
14.3.4.Fireworks中的外掛濾鏡 209
14.3.5.制作淡彩鋼筆畫效果 210
14.3.6.制作特殊的漸變色效果 211
14.3.7.制作網(wǎng)格化圖像效果 212
14.3.8.制作老照片效果 213
14.3.9.使用“曲線”命令校正
.........圖像的色彩 213
14.3.10.使用“色階”命令調(diào)整
.........圖像的色彩 215
第15章.Fireworks網(wǎng)頁應用技術精講 217
15.1.GIF動畫制作關鍵技術 218
15.1.1.使用Fireworks制作補間動畫 218
15.1.2.巧用“補間”技術作圖 218
15.1.3.巧做網(wǎng)頁LOGO中的光描動動畫 219
15.2.Fireworks行為相關關鍵技術 220
15.2.1.使用Fireworks制作交互按鈕 220
15.2.2.使用Fireworks的行為實現(xiàn)
.........圖像翻轉(zhuǎn)特效 221
15.2.3.把Fireworks中的交互效果
.........添加到網(wǎng)頁中 223
15.3.切片和優(yōu)化的關鍵技術 225
15.3.1.在Fireworks中對圖像進行優(yōu)化 225
15.3.2.選擇合適的圖像優(yōu)化格式 225
15.3.3.巧妙去除GIF圖像周圍的白邊 227
15.3.4.導出效果圖切片 227
15.4.Fireworks效率工具問題集合 229
15.4.1.巧妙執(zhí)行重復的操作 229
15.4.2.對大量的圖像素材進行批量處理 230
第16章.精密塔鐘網(wǎng)頁效果圖設計 233
16.1.思路分析 234
16.2.制作首頁 234
16.2.1.制作背景 234
16.2.2.制作上導航 234
16.2.3.制作LOGO 235
16.2.4.制作左導航 237
16.2.5.制作內(nèi)容區(qū)域 238
16.2.6.制作頁腳 239
16.3.在首頁基礎上制作內(nèi)容頁面 240
第17章.悠游網(wǎng)網(wǎng)頁效果圖設計 245
17.1.思路分析 246
17.2.實現(xiàn)步驟 246
第18章.韓國影像制品網(wǎng)站效果圖設計 251
18.1.思路分析 252
18.2.實現(xiàn)步驟 252
PART.4 Dreamweaver CS4全攻略
第19章.Dreamweaver CS4基礎 259
19.1.Dreamweaver CS4概述 260
19.2.Dreamweaver CS4的新功能 260
19.2.1.高級 Photoshop CS4 集成 260
19.2.2.瀏覽器兼容性檢查 260
19.2.3.實時預覽和代碼導航器 261
19.2.4.CSS 布局 261
19.2.5.管理 CSS 261
19.2.6.Adobe Device Central 261
19.2.7.Adobe Bridge CS4 262
19.2.8.針對 Ajax 和 JavaScript
.........框架的代碼提示 262
19.3.Dreamweaver CS4的操作環(huán)境 262
19.4.常見的網(wǎng)頁腳本語言 263
19.4.1.HTML 263
19.4.2.XHTML 263
19.4.3.XML 264
19.4.4.CSS 264
19.4.5.ASP 264
19.4.6.JSP 264
19.4.7.PHP 265
19.5.網(wǎng)頁排版大師Dreamweaver CS4 266
19.5.1.實際制作前對頁面布局的分析 266
19.5.2.表格排版概述 267
19.5.3.表格排版的核心技術 268
19.5.4.DIV加CSS排版概述 268
19.5.5.什么是Web標準 269
19.5.6.DIV+CSS排版的核心技術 269
19.6.小結(jié) 270
第20章.編輯XHTML源代碼 271
20.1.網(wǎng)頁設計師必須掌握XHTML嗎？ 272
20.1.1.什么是HTML語言 272
20.1.2.為何要將HTML升級為XHTML 272
20.1.3.XHTML和HTML的區(qū)別 272
20.1.4.如何將HTML頁面轉(zhuǎn)換為XHTML 273
20.1.5.XHTML語言的語法結(jié)構 273
20.1.6.XHTML語言的重要標記和屬性 274
20.2.在Dreamweaver CS4中編寫XHTML 279
20.2.1.制作XHTML頁面 279
20.2.2.使用代碼視圖 280
20.3.使用快速標簽編輯器 281
20.3.1.使用插入模式的快速標簽編輯器 282
20.3.2.使用編輯模式的快速標簽編輯器 282
20.3.3.嵌入模式的快速標簽編輯器 282
20.3.4.設置標簽編輯器的屬性 282
20.4.優(yōu)化代碼 282
20.4.1.優(yōu)化HTML代碼 282
20.4.2.清理Word HTML 283
20.5.使用代碼片斷面板 284
20.5.1.插入代碼片斷 284
20.5.2.創(chuàng)建代碼片斷 284
20.6.使用標簽選擇器和標簽編輯器 285
20.6.1.使用標簽選擇器 285
20.6.2.使用標簽編輯器 285
第21章.編輯CSS樣式 287
21.1.樣式表（Cascading Style Sheets）入門 288
21.1.1.樣式表的基本語法規(guī)則 288
21.1.2.樣式表的類型 288
21.1.3.關于選擇器的選擇問題 289
21.1.4.群選擇器和派生選擇器 290
21.2.網(wǎng)頁中添加樣式表的方法 290
21.2.1.在HEAD內(nèi)的實現(xiàn) 290
21.2.2.在BODY內(nèi)的實現(xiàn) 290
21.2.3.在文件外的調(diào)用 291
21.2.4.導入和組合樣式 291
21.3.樣式表的優(yōu)先級別 291
21.3.1.三種添加方法的優(yōu)先級別 291
21.3.2.多個外聯(lián)樣式最后最優(yōu)先 292
21.3.3.類樣式優(yōu)先于重訂標簽樣式 292
21.3.4.ID樣式優(yōu)先于類樣式 292
21.3.5.最近最優(yōu)先原則 292
21.3.6.同一個屬性多個值最后最優(yōu)先 293
21.4.在Dreamweaver CS4中可視化
.....添加樣式表到網(wǎng)頁 293
21.4.1.創(chuàng)建重訂標簽樣式 295
21.4.2.自定義樣式 295
21.4.3.添加偽類 296
21.5.Dreamweaver CS4中的樣式定義面板 297
21.5.1.文本樣式設定 297
21.5.2.背景樣式設定 298
21.5.3.區(qū)塊樣式設定 299
21.5.4.方框樣式設定 300
21.5.5.邊框樣式設定 300
21.5.6.列表樣式設定 301
21.5.7.定位樣式設定 301
21.5.8.擴展樣式設定 302
21.6.Dreamweaver CS4中的其他樣式表工具 303
21.6.1.使用樣式表布局模板 303
21.6.2.把內(nèi)聯(lián)樣式轉(zhuǎn)換為外聯(lián)樣式 304
第22章.使用JavaScript 305
22.1.JavaScript簡介 306
22.2.JavaScript基本語法 306
22.2.1.常量和變量 306
22.2.2.表達式和運算符 307
22.2.3.基本程序語句 307
22.2.4.函數(shù) 308
22.3.JavaScript事件 308
22.4.JavaScript的對象 309
22.4.1.瀏覽器對象 310
22.4.2.JavaScript內(nèi)置對象 311
22.4.3.自定義對象 312
第23章.站點的建立和基本頁面
......的制作 313
23.1.站點創(chuàng)建與管理概述 314
23.2.規(guī)劃與搭建站點結(jié)構 314
23.2.1.規(guī)劃站點結(jié)構 314
23.2.2.創(chuàng)建本地站點和站點結(jié)構 315
23.3.創(chuàng)建遠端站點 318
23.4.管理本地站點 318
23.4.1.切換站點 318
23.4.2.站點的其他操作 319
23.5.簡單頁面的制作 319
23.5.1.站點的建立 319
23.5.2.頁面屬性的設置 319
23.5.3.圖像的添加和編輯 320
23.5.4.文本的添加和編輯 321
23.5.5.添加Flash按鈕 322
23.5.6.插入日期時間和制作郵件鏈接 322
23.5.7.給頁面添加文件頭標簽 322
第24章.Adobe Spry在網(wǎng)頁中的應用 327
24.1.什么是Spry框架 328
24.1.1.什么是Web 2.0 328
24.1.2.什么是Ajax 329
24.1.3.Dreamweaver CS4
.........中的Spry 構件 329
24.2.使用Spry驗證表單（Spry Widgets） 330
24.2.1.Spry驗證文本域構件 330
24.2.2.Spry 驗證文本區(qū)域構件 332
24.2.3.Spry驗證選擇構件 332
24.2.4.Spry驗證復選框構件 333
24.2.5.Spry驗證密碼構件 333
24.2.6.Spry驗證確認構件 333
24.2.7.Spry驗證單選按鈕組構件 334
24.3.使用Spry效果 335
24.3.1.增大/收縮 335
24.3.2.擠壓 336
24.3.3.顯示/漸隱 336
24.3.4.晃動 336
24.3.5.滑動 337
24.3.6.遮簾 337
24.3.7.高亮顏色 338
24.4.使用Spry折疊構件 338
24.4.1.Spry菜單欄 338
24.4.2.Spry選項卡式面板 339
24.4.3.Spry折疊式菜單 340
24.4.4.Spry可折疊面板 340
24.4.5.Spry工具提示 341
24.5.Spry XML數(shù)據(jù)采集 341
24.5.1.網(wǎng)頁中的XML和XSL 341
24.5.2.使用Dreamweaver CS4
.........進行XML數(shù)據(jù)采集 343
第25章.構建動態(tài)網(wǎng)站和發(fā)布網(wǎng)站 349
25.1.Web應用程序概述 350
25.1.1.動態(tài)網(wǎng)頁概述 350
25.1.2.常用的動態(tài)網(wǎng)頁技術 350
25.2.以ASP進行Web應用程序開發(fā)的流程 351
25.2.1.XHTML靜態(tài)頁面設計 351
25.2.2.編寫應用程序 351
25.2.3.調(diào)試應用程序 352
25.3.定義ASP網(wǎng)站 352
25.3.1.創(chuàng)建Web應用程序的開發(fā)環(huán)境 352
25.3.2.安裝IIS 352
25.3.3.IIS的設置 353
25.4.在Dreamweaver CS4中定義站點 354
25.5.創(chuàng)建數(shù)據(jù)庫 355
25.5.1.Access數(shù)據(jù)庫原理 355
25.5.2.創(chuàng)建Access數(shù)據(jù)庫 356
25.5.3.在Access數(shù)據(jù)庫中輸入數(shù)據(jù) 357
25.5.4.在網(wǎng)頁中連接數(shù)據(jù)庫 357
25.5.5.綁定記錄集 358
25.6.站點的上傳與維護 360
25.6.1.定義站點遠程信息 360
25.6.2.上傳文件 361
25.6.3.下載文件 361
25.6.4.同步文件 361
25.7.測試網(wǎng)站 361
25.7.1.瀏覽器兼容性檢查 362
25.7.2.檢查鏈接 362
25.7.3.創(chuàng)建站點報告 362
25.8.其他的站點管理功能 363
25.8.1.設計備注 363
25.8.2.使用遮蓋 363
25.8.3.取出和存回 364
第26章.時尚高檔網(wǎng)頁布局 365
26.1.切片、優(yōu)化和導出 366
26.2.布局頁面 367
第27章.博客網(wǎng)站布局設計 373
27.1.切片、優(yōu)化和導出 374
27.1.1.布局頁面 376
PART.5 Flash CS4網(wǎng)頁動畫
第28章.Flash CS4基礎 385
28.1.Flash CS4簡介 386
28.2.Flash CS4的新功能 386
28.2.1.Adobe CS4 界面 386
28.2.2.基于對象的動畫 386
28.2.3.“動畫編輯器”和
.........“動畫預設”面板 386
28.2.4.骨骼動畫 387
28.2.5.3D變形 387
28.2.6.“噴涂刷”工具和“Deco”工具 388
28.3.新的擴展組件 388
28.3.1.Adobe Media Encoder CS4 388
28.3.2.Adobe Device Central CS4 388
28.3.3.Adobe Pixel Bender Toolkit 389
28.3.4.Adobe Bidge CS4 389
28.3.5.Adobe Drive CS4 389
28.3.6.Adobe Extension Manager
.........CS4 389
28.3.7.Adobe ExtendScript Toolkit
.........CS4 390
28.3.8.Adobe Media Player 390
28.4.網(wǎng)頁動畫大師Flash CS4 390
28.5.網(wǎng)絡應用程序大師Flash CS4 391
28.6.Flash CS4工作界面 392
28.7.Flash CS4 文檔操作 393
28.8.Flash CS4 繪圖工具與動畫場景設置 394
28.8.1.認識Flash CS4的繪圖工具欄
....（工具區(qū)域、查看區(qū)域、顏色區(qū)域、
....選項區(qū)域） 394
28.8.2.設置舞臺 395
28.8.3.標尺、輔助線和網(wǎng)格 396
第29章.Flash CS4的圖形繪制 399
29.1.Flash CS4的繪圖基礎 400
29.2.“選擇”工具與對象的選取 400
29.2.1.“選擇”工具 400
29.3.Flash CS4中的對象繪制模式 401
29.4.繪制路徑 402
29.4.1.“線條”工具 402
29.4.2.“鉛筆”工具 403
29.4.3.“鋼筆”工具 404
29.4.4.轉(zhuǎn)換錨點工具 404
29.4.5.添加、刪除路徑點 404
29.5.繪制簡單圖形 404
29.5.1.“橢圓”工具和“基本橢圓”工具 405
29.5.2.“矩形”工具和“基本矩形”工具 405
29.5.3.“多角星形”工具 405
29.5.4.“刷子”工具 406
29.5.5.“橡皮擦”工具 406
29.6.色彩工具的使用 407
29.6.1.“墨水瓶”工具 407
29.6.2.“顏料桶”工具 408
29.6.3.“滴管”工具 408
29.6.4.“漸變變形”工具 408
29.7.添加文本 410
29.7.1.輸入文本 410
29.7.2.修改文本 410
29.7.3.設置文本屬性 410
29.8.文本的轉(zhuǎn)換 412
29.8.1.分離文本 412
29.8.2.編輯矢量文本 412
29.9.文本的類型 412
29.9.1.靜態(tài)文本 413
29.9.2.動態(tài)文本 413
29.9.3.輸入文本 413
29.10.裝飾工具的使用 413
29.10.1.“噴涂刷”工具 414
29.10.2.Deco工具 414
29.11.外部素材的導入 417
29.11.1.導入外部圖像素材 417
29.11.2.導入Fireworks文件 417
29.11.3.導入Photoshop文件 418
29.11.4.導入Illustrator文件 419
第30章.Flash CS4的元件和元件庫 421
30.1.Flash CS4中的元件 422
30.1.1.元件的類型 422
30.2.圖形元件的創(chuàng)建 422
30.2.1.新建圖形元件 422
30.2.2.轉(zhuǎn)換為圖形元件 423
30.3.按鈕元件的創(chuàng)建 423
30.3.1.新建按鈕元件 423
30.3.2.轉(zhuǎn)換為按鈕元件 424
30.3.3.按鈕元件的四種狀態(tài) 424
30.3.4.設計實例－Apple按鈕制作 425
30.3.5.設計實例－交互按鈕的制作 427
30.4.影片剪輯元件的創(chuàng)建 429
30.4.1.新建影片剪輯元件 429
30.4.2.將舞臺中的對象轉(zhuǎn)換為
....影片剪輯元件 429
30.4.3.將舞臺中的動畫轉(zhuǎn)換為
....影片剪輯元件 429
30.5.對元件進行編輯 431
30.5.1.在當前位置編輯元件 431
30.5.2.在新窗口中編輯元件 431
30.5.3.使用編輯模式編輯元件 432
30.6.元件的實例 432
30.6.1.創(chuàng)建元件的實例 432
30.6.2.修改元件的實例 432
30.6.3.實例的顏色設置 434
30.7.元件庫 434
30.7.1.元件庫的基本操作 434
30.7.2.調(diào)用其他動畫的庫 436
30.7.3.公用庫 436
第31章.Flash CS4的動畫制作 437
31.1.逐幀動畫 438
31.1.1.導入素材生成動畫 438
31.1.2.逐幀動畫制作進階 438
31.1.3.設計實例－數(shù)碼相機網(wǎng)絡廣告 439
31.2.補間動畫 441
31.2.1.創(chuàng)建傳統(tǒng)補間 441
31.2.2.創(chuàng)建補間形狀 443
31.2.3.添加形狀提示 444
31.2.4.創(chuàng)建補間動畫 445
31.2.5.使用“動畫編輯器”面板 446
31.2.6.使用動畫預設 448
31.3.引導線動畫 449
31.3.1.設計實例－手寫文字效果 450
31.3.2.制作“手”按文字筆畫路徑
....移動動畫 451
31.3.3.制作“寫字”動畫效果 453
31.4.遮罩動畫 453
31.4.1.遮罩層動畫 454
31.4.2.被遮罩層動畫 455
31.4.3.設計實例－波浪動畫 456
31.5.復合動畫制作 459
31.6.骨骼動畫 460
31.6.1.使用“骨骼”工具為
.... 元件添加骨骼 460
31.6.2.使用“骨骼”工具為
.... 形狀添加骨骼 462
第32章.ActionScript和組件的應用 465
32.1.ActionScript簡介 466
32.1.1.Flash CS4中的ActionScript 466
32.1.2 ActionScript 3.0和
.... ActionScript 2.0 466
32.2.“動作”面板簡介 467
32.3.ActionScript 2.0添加函數(shù)的方法 467
32.3.1.為關鍵幀添加動作 467
32.3.2.為按鈕元件添加動作 468
32.3.3.為影片剪輯元件添加動作 468
32.3.4.理解ActionScript 468
32.4.ActionScript基本函數(shù)應用 468
32.4.1.控制影片的播放（Play語句）
.... 和停止（Stop語句） 468
32.4.2.跳轉(zhuǎn)語句goto 469
32.4.3.設計實例－Flash個人網(wǎng)站 470
32.4.4.停止所有聲音播放語句
....StopAllSound 472
32.4.5.Flash播放器控制語句
....fscommand 473
32.4.6.轉(zhuǎn)到Web頁語句 getUrl 474
32.4.7.加載（卸載）外部影片剪輯語句
....（un）loadMovie 475
32.4.8.加載變量語句 LoadVariables 476
32.4.9.設置影片剪輯元件的屬性 476
32.4.10.復制影片剪輯元件語句
.....duplicateMovieClip 478
32.5.“行為”的使用 479
32.6.Flash CS4中的組件 479
32.6.1.組件的類型 480
32.7.組件的應用 480
32.7.1.按鈕Button 480
32.7.2.復選框CheckBox 481
32.7.3.下拉列表框ComboBox 482
32.7.4.列表框List 482
32.7.5.滾動條ScrollPane 483
32.7.6.單選按鈕RadioButton 484
32.7.7.設計實例－顯示時間 485
32.7.8.FLV視頻播放FLVPlayback 486
第33章.手機Flash動畫的制作 489
33.1.Flash手機動畫概述 490
33.1.1.手機動畫的主要技術 490
33.1.2.什么是Flash Lite 490
33.1.3.Flash Lite可以做什么 491
33.1.4.什么樣的手機可以播放Flash動畫 491
33.1.5.手機動畫的發(fā)展與未來 492
33.1.6.手機動畫的應用 492
33.2.手機Flash動畫的開發(fā)平臺 493
33.3.Adobe Device Central CS4 493
33.3.1.使用Adobe Device Central CS4
....來創(chuàng)建動畫 493
33.3.2.使用Adobe Device Central CS4
....來測試動畫 496
33.3.3.Flash Lite 所支持的按鍵 496
33.4.如何在手機上測試Flash動畫 496
33.4.1.安裝Flash Lite播放器 496
33.4.2.播放紫移通的VIS動畫 497
33.5.手機Flash動畫的優(yōu)化 497
33.5.1.動畫的優(yōu)化 497
33.5.2.位圖與矢量圖的選擇 498
33.5.3.手機設備速度和每秒幀數(shù) 498
33.6.設計實例－手機賀卡“想你了” 498
第34章.樂百氏Flash網(wǎng)站設計 505
34.1.思路分析 506
34.2.制作網(wǎng)站的鏈接按鈕 506
34.3.制作礦泉水瓶的蓋子 508
34.4.制作瓶蓋周圍的豎條紋 510
34.5.制作瓶身 510
34.6.布置頁面 512
34.7.制作首頁動畫 513
34.8.制作礦泉水在瓶中上漲的動畫 516
34.9.來制作百分比進度 517
第35章.馬爹利網(wǎng)站設計 519
35.1.思路分析 520
35.2.建立文檔 520
35.3.制作閃爍的白色半透明點 521
35.4.遮罩層的使用 521
35.5.頁面元素的動態(tài)設計 525
35.6.為按鈕添加動作 528
PART.6 綜合實例篇
第36章.帆布鞋網(wǎng)站設計制作 533
36.1.思路分析 534
36.1.1.頁面布局形式 534
36.1.2.添加文字和圖像 535
36.2.實現(xiàn)步驟 536
36.2.1.制作效果圖 536
36.2.2.切片、優(yōu)化和導出 538
36.2.3.布局頁面 539
第37章.網(wǎng)頁頑主工作室網(wǎng)站設計 545
37.1.思路分析 546
37.1.1.頁面布局形式 546
37.1.2.頁眉的設計 547
37.1.3.通欄的設計 548
37.1.4.內(nèi)容區(qū)域的設計 549
37.1.5.頁腳的設計 549
37.1.6.字體的選擇 549
37.2.實現(xiàn)步驟 550
37.2.1.制作結(jié)構底圖 550
37.2.2.頁眉設計 552
37.2.3.通欄設計 553
37.2.4.制作內(nèi)容區(qū)域 554
37.2.5.制作頁腳 554
37.2.6.切片、優(yōu)化和導出 555
37.2.7.布局頁面 557
經(jīng)典論壇交流：
http://bbs.blueidea.com/thread-2959704-1-1.html
本文鏈接：http://m.95time.cn/news/book/2009/7255.asp 
出處：藍色理想
責任編輯：bluehearts
上一頁 《網(wǎng)頁設計全書》[1] 下一頁
|
第 1 頁 
第 2 頁 《網(wǎng)頁設計全書》[2]
