《動態網頁設計與製作Css+JavaScript》是2009年人民郵電出版社出版的圖書，作者是吳以欣、陳小寧。
基本介紹
- 書名：動態網頁設計與製作：Css+JavaScript
- 作者：吳以欣、陳小寧
- ISBN：9787115205773
- 頁數： 261頁
- 出版社：人民郵電出版社
- 出版時間：第1版 (2009年8月1日)
- 開本：16
內容簡介,目錄,序言,
內容簡介
《動態網頁設計與製作:Css+JavaScript》是“Adobe中國教育認證計畫及ACAA教育發展計畫必修課堂”中的一本。為了讓讀者系統、快速地掌握Flash CS3軟體，《動態網頁設計與製作:Css+JavaScript》全面細緻地介紹了Flash CS3的各項功能，包括Flash CS3操作基礎，圖形的繪製和編輯，顏色、文本對象和濾鏡的使用，如何規劃時間軸，以及視頻處理、幻燈片模式、使用腳本、行為等眾多方面的知識。《動態網頁設計與製作:Css+JavaScript》由行業資深人士、Adobe專家委員會的專業人員編寫，使用通俗易懂的語言，由淺入深、循序漸進，並配以大量的圖示，特別適合初學者學習，而且對有一定基礎的讀者也大有裨益。
目錄
第1課 Flash基礎知識 1
1.1 Flash動畫的基礎知識 1
1.2 Flash的技術優勢 1
1.3 Flash的歷史 2
1.4 Flash動畫的查看 2
1.5 Flash的套用範圍 3
1.5.1 繪製矢量圖 3
1.5.2 創作矢量動畫 3
1.5.3 多媒體創作 3
1.5.4 製作課件和幻燈片 4
1.5.5 網路應用程式的開發 4
1.5.6 手機內容的開發 4
1.6 Flash的特色功能 5
1.6.1 濾鏡功能 5
1.6.2 混合模式 5
1.6.3 強大的文本控制 5
1.6.4 點陣圖快取 5
1.6.5 自定義緩入/緩出 6
1.6.6 筆觸屬性的增強 6
1.6.7 高級漸變控制 6
1.6.8 視頻的融合 6
1.6.9 腳本助手 7
1.7 Flash CS3的工作界面 7
1.7.1 開始界面 7
1.7.2 Flash CS3界面布局 8
1.8 Flash CS3中的檔案類型 9
1.9 自我探索 10
第2課 Flash的操作基礎和創作流程 11
2.1 工具箱和選項區 11
2.2 舞台和工作區 12
2.2.1 舞台和工作區的概念 12
2.2.2 工作區的貼上板特性 12
2.2.3 視圖控制 12
2.3 使用視窗和面板 13
2.3.1 面板的構成 13
2.3.2 組合面板 14
2.3.3 屬性檢查器 15
2.4 時間軸 15
2.5 使用圖層 16
2.5.1 圖層的概念 16
2.5.2 圖層的控制 16
2.5.3 圖層的屬性 18
2.6 幀和關鍵幀 18
2.7 快捷選單和快捷鍵 19
2.7.1 快捷選單 19
2.7.2 快捷鍵 19
2.8 場景面板 20
2.9 撤銷命令的使用 21
2.9.1 撤銷和重做 21
2.9.2 層級撤銷 21
2.10 導入素材 22
2.11 使用Flash模板 23
2.11.1 照片幻燈片放映模板 24
2.11.2 測驗模板 24
2.11.3 廣告模板 25
2.11.4 手機模板 25
2.12 Flash製作流程 25
2.13 自我探索 26
第3課 繪製和編輯圖形 28
3.1 繪製樓房 28
3.1.1 矩形工具 28
3.1.2 選擇工具和部分選取工具 28
3.1.3 對齊面板 29
3.1.4 任意變形工具 30
3.2 繪製通信塔 31
3.3 繪製通信工具 32
3.4 整體修飾 33
3.4.1 背景 33
3.4.2 電光修飾 34
3.4.3 整體點綴 35
3.5 自我探索 36
3.6 直線與各種幾何形狀的使用 37
3.6.1 使用橢圓工具繪製圖形 37
3.6.2 使用線條工具繪製圖形 37
3.6.3 使用矩形工具繪製圖形 38
3.6.4 填充顏色 39
3.6.5 添加裝飾 40
第4課 使用顏色和漸變 42
4.1 使用顏色和漸變工具 42
4.1.1 墨水瓶工具 42
4.1.2 顏料桶工具 43
4.1.3 色彩漸變 44
4.2 製作蝴蝶精靈動畫 47
4.2.1 創建基本圖形 47
4.2.2 製作透明的蝴蝶翅膀 49
4.2.3 製作翅膀舞動效果 52
4.2.4 製作整體動畫 54
4.3 自我探索 56
4.4 各種漸變圖形的繪製 57
4.4.1 用線性漸變製作背景 57
4.4.2 使用透明效果製作“種”在地上的草 59
4.4.3 製作可愛麵包樹 59
4.4.4 組合整體畫面 60
第5課 使用文本對象 62
5.1 文本的基本使用方法 62
5.1.1 了解文本類型 62
5.1.2 輸入文字 62
5.1.3 文字編排 64
5.2 從外部載入文本 65
5.2.1 製作外部文本檔案 65
5.2.2 準備場景所需素材 65
5.2.3 準備背景圖片 68
5.2.4 引用外部文本 69
5.2.5 製作可滾動文本 70
5.3 自我探索 72
5.4 文字動畫效果 73
5.4.1 建立背景圖案 73
5.4.2 製作環繞文字 73
5.4.3 組合對象 75
第6課 製作導航按鈕 77
6.1 創建按鈕元件 77
6.1.1 了解按鈕的基本知識 77
6.1.2 製作水晶按鈕元件 77
6.1.3 為按鈕添加聲音 79
6.2 製作導航按鈕 79
6.2.1 繪製按鈕圖形 80
6.2.2 製作彩豆按鈕 81
6.2.3 準備背景圖案 82
6.2.4 套用按鈕 83
6.3 自我探索 85
6.4 按鈕動畫的創建 86
6.4.1 製作按鈕的圖形元件 86
6.4.2 製作小動畫 87
6.4.3 將動畫運用到按鈕中 90
第7課 規劃時間軸 92
7.1 使用時間軸 92
7.1.1 時間軸外觀 92
7.1.2 使用幀 92
7.2 編排時間軸 97
7.2.1 準備音樂 97
7.2.2 準備素材 98
7.2.3 製作演員和道具 99
7.2.4 編輯Flash MV 101
7.3 自我探索 108
7.4 製作簡單賀卡 109
7.4.1 建立賀卡主場景 109
7.4.2 製作小動畫 110
第8課 動畫綜合製作 115
8.1 Flash動畫基礎 115
8.1.1 製作Flash動畫常用的方法 115
8.1.2 創建逐幀動畫 115
8.1.3 創建補間動畫 117
8.1.4 時間軸特效 119
8.2 Flash動畫製作 121
8.2.1 繪製動畫素材 121
8.2.2 製作吊車動畫 123
8.2.3 動畫編排 129
8.2.4 輸出動畫 130
8.3 自我探索 131
8.4 動畫的巧妙套用 132
8.4.1 繪製動畫所需素材 132
8.4.2 創建單獨動畫 134
8.4.3 組合動畫 134
第9課 引導線動畫 139
9.1 新建檔案 139
9.2 繪製背景 140
9.3 繪製景物 141
9.3.1 繪製樹叢 141
9.3.2 繪製籬笆和路燈 141
9.3.3 繪製長凳 142
9.4 繪製動畫 144
9.4.1 繪製樹葉 144
9.4.2 引導線動畫 144
9.5 自我探索 148
9.6 動態元件在引導線中的套用 149
第10課 遮罩動畫 152
10.1 遮罩的概念 152
10.2 使用遮罩 152
10.2.1 使用填充形狀創建遮罩 152
10.2.2 使用組創建遮罩 153
10.2.3 使用文本創建遮罩 155
10.3 使用遮罩製作幻燈片 156
10.4 自我探索 161
10.5 遮罩的特殊效果 162
10.5.1 繪製素材 162
10.5.2 準備遮罩素材 162
10.5.3 創建光澤遮罩 163
10.5.4 添加閃爍動畫 164
10.5.5 製作文字動畫 165
第11課 濾鏡與混合模式 169
11.1 濾鏡的使用 169
11.1.1 濾鏡基礎 169
11.1.2 各種濾鏡的功能 171
11.2 混合模式的使用 173
11.2.1 混合模式的概念 173
11.2.2 各種混合模式的效果 174
11.3 運用濾鏡與混合模式創建動畫 176
11.3.1 製作文字動畫 176
11.3.2 製作鐵鏽效果 178
11.4 自我探索 180
11.5 各種效果的製作 181
11.5.1 繪製場景 181
11.5.2 布置場景 182
11.5.3 創建動畫 182
第12課 音頻的處理 185
12.1 導入聲音檔案 185
12.1.1 導入格式 185
12.1.2 導入方法 185
12.2 為影片添加聲音 186
12.3 為按鈕添加聲音 186
12.4 編輯聲音 187
12.5 編輯聲音屬性 188
12.6 音頻的發布設定 189
12.7 使用組件控制音樂播放 191
12.7.1 載入外部音樂 191
12.7.2 添加播放器背景 193
12.8 自我探索 195
12.9 編輯聲音 196
12.9.1 製作詩歌動畫 196
12.9.2 添加朗誦和背景音樂 199
第13課 視頻的處理 202
13.1 導出視頻檔案 202
13.2 導入視頻檔案 203
13.3 部署和編碼視頻 205
13.4 視頻的相關設定 207
13.5 視頻組件的參數修改 209
13.6 視頻與Flash內容的合成 210
13.6.1 製作視頻遮片 211
13.6.2 創建視頻遮罩 211
13.7 自我探索 213
13.8 批處理與視頻組件 214
13.8.1 建立曲線 214
13.8.2 使用Mediaplayback組件控制視頻 215
第14課 幻燈片模式 218
14.1 了解幻燈片模式 218
14.1.1 建立幻燈片文檔 218
14.1.2 製作簡單幻燈片 219
14.1.3 為螢幕添加行為 219
14.2 製作複雜幻燈片 221
14.2.1 製作幻燈片 221
14.2.2 創建嵌套螢幕 222
14.2.3 添加行為 223
14.2.4 使用按鈕控制幻燈片 224
14.3 自我探索 225
14.4 使用鍵盤控制幻燈片 226
14.4.1 製作幻燈片圖片 226
14.4.2 添加行為 228
第15課 使用腳本 230
15.1 腳本的概念 230
15.1.1 什麼是ActionScript 230
15.1.2 動作面板 230
15.1.3 添加腳本的對象 232
15.2 腳本的基本術語 233
15.2.1 基本術語 233
15.2.2 常見數據類型 234
15.2.3 基本語法 234
15.3 使用腳本製作時鐘 234
15.4 代碼動畫效果 237
15.4.1 準備素材 237
15.4.2 添加效果腳本 241
15.5 自我探索 244
15.6 用腳本做簡單數學計算題 246
15.6.1 繪製計算器 246
15.6.2 繪製計算器的按鍵 247
15.6.3 添加腳本 248
第16課 使用行為 252
16.1 什麼是行為 252
16.2 行為的使用原則 252
16.3 行為的使用方法 252
16.3.1 控制影片剪輯 252
16.3.2 控制聲音 253
16.3.3 控制視頻 254
16.4 使用行為製作拼圖動畫 254
16.4.1 準備素材 254
16.4.2 添加行為 257
16.5 自我探索 260
16.6 行為對聲音的控制 261
16.6.1 準備素材 261
16.6.2 編排場景 262
16.6.3 添加行為 263
16.6.4 添加簡單的ActionScript 263
16.6.5 測試並保存文檔 264
序言
早期的HTML版本，幾乎涵蓋了網頁設計的全部內容，因為在網頁設計中，網頁的內容和排版都是通過HTML文檔一次成型的。但是，實際上網頁的排版布局可以千變萬化，因此，當需要改變網頁的布局時，就必須大量地修改HTML，文檔，這給網頁的設計開發帶來了很多不便。
從HTML4．0開始，為了簡化程式的開發，HTML已經儘量將“網頁的內容結構”與“網頁的排版布局”分開。它的主要原則是，用標籤元素描述網頁的內容結構；用CSS描述網頁的排版布局；用．JavaScript描述網頁的事件處理，即滑鼠或鍵盤在網頁元素上動作後的程式。
由此可知，網頁製作的基本語言是HTML，網頁排版布局的基本技術是CSS，開發動態網頁的關鍵是JavaScript技術套用，全面掌握這3項技術是動態網頁開發與設計的基礎。本書主要分為4大部分。第1部分主要介紹了HTML基礎（第1章）；第2部分主要介紹了CSS基礎和實用技巧（第2章和第3章）；第3部分主要介紹了JavaScript的基本編程方法和實用技巧（第4章一第9章）；第4部分是HTML、CSS和JavaScript的綜合實訓項目。本書配有大量示例，且所有示例都可用於當前最為流行的兩大瀏覽器——Microsoft InternetExplorer瀏覽器和Mozilla的Firefox瀏覽器的較高級版本。本書不僅全面介紹了HTML、CSS和JavaSeript的基本編程技術，還將網頁設計的常用技巧，例如，網頁兩列、三列排版技術，選單製作技術，圖像疊加技術以及運用JavaScript動態改變網頁內容等技術也進行了介紹。
