跟我學(xué)網(wǎng)頁設(shè)計(jì)

第0章  網(wǎng)頁制作必備知識 1                  
 0.1  網(wǎng)頁制作新手須知 2                  
 0.2  網(wǎng)頁組成元素及相關(guān)術(shù)語 2                  
 0.3  站點(diǎn)規(guī)劃方法 7                  
 0.3.1  決定站點(diǎn)目的 7                  
 0.3.2  選擇目標(biāo)觀眾 8                  
 0.3.3  為兼容的瀏覽器創(chuàng)建站點(diǎn) 8                  
 0.3.4  組織站點(diǎn)結(jié)構(gòu) 9                  
 0.3.5  創(chuàng)建設(shè)計(jì)圖 10                  
 0.3.6  設(shè)計(jì)導(dǎo)航欄 10                  
 0.3.7  計(jì)劃和收集資源 11                  
 0.4  常見網(wǎng)頁制作方法分析 11                  
 0.4.1  設(shè)計(jì)頁面布局 13                  
 0.4.2  使用框架 13                  
 0.4.3  輸入文本并控制其樣式 14                  
 0.4.4  插入圖像 14                  
 0.4.5  設(shè)置超鏈接 14                  
 0.4.6  插入動(dòng)畫 14                  
 0.4.7  應(yīng)用表單 15                  
 0.4.8  插入導(dǎo)航條 15                  
 0.4.9  應(yīng)用熱點(diǎn)和切片 15                  
 0.4.10  創(chuàng)建跳轉(zhuǎn)菜單 16                  
 0.4.11  應(yīng)用行為 16                  
 0.4.12  創(chuàng)建滾動(dòng)字幕 16                  
 0.4.13  創(chuàng)建錨記 16                  
 第1部分  Dreamweaver MX精解                  
 第1章  Dreamweaver MX入門 18                  
 1.1  Dreamweaver MX功能概覽 19                  
 1.2  初識Dreamweaver MX 20                  
 1.2.1  網(wǎng)頁編輯器 20                  
 1.2.2  站點(diǎn)管理器 22                  
 1.3  網(wǎng)頁設(shè)計(jì)初步 23                  
 1.3.1  建立本地站點(diǎn) 23                  
 1.3.2  設(shè)置頁面屬性 27                  
 第2章  設(shè)計(jì)網(wǎng)頁 30                  
 2.1  設(shè)計(jì)網(wǎng)頁布局的基本方法 31                  
 2.1.1  使用布局視圖設(shè)計(jì)網(wǎng)頁布局 31                  
 2.1.2  使用層設(shè)計(jì)網(wǎng)頁布局 35                  
 2.1.3  使用表格設(shè)計(jì)網(wǎng)頁布局 38                  
 2.1.4  使用標(biāo)尺. 網(wǎng)格與捕捉 44                  
 2.2  使用框架設(shè)置網(wǎng)頁布局 46                  
 2.2.1  創(chuàng)建框架及框架的刪除 46                  
 2.2.2  選擇與設(shè)置框架頁及框架 48                  
 2.2.3  框架內(nèi)容的更新 49                  
 2.2.4  框架的保存 49                  
 2.3  應(yīng)用文字 50                  
 2.3.1  手工設(shè)置文字格式 50                  
 2.3.2  使用文本換行符 52                  
 2.3.3  使用HTML標(biāo)記設(shè)置文本格式 52                  
 2.3.4  使用HTML樣式格式化文本 52                  
 2.3.5  使用CSS樣式表格式化文本 54                  
 2.4  在網(wǎng)頁中插入水平線. 日期對象及圖片 56                  
 2.4.1  使用水平線 57                  
 2.4.2  插入日期對象 57                  
 2.4.3  插入圖片對象 58                  
 2.5  鏈接與導(dǎo)航 61                  
 2.5.1  絕對路徑與相對路徑 61                  
 2.5.2  創(chuàng)建通用鏈接的方法與步驟 61                  
 2.5.3  鏈接到文檔中指定位置的方法 63                  
 2.5.4  創(chuàng)建E-mail鏈接 63                  
 2.5.5  創(chuàng)建虛擬鏈接及腳本鏈接 64                  
 2.5.6  創(chuàng)建跳轉(zhuǎn)菜單 65                  
 2.5.7  使用導(dǎo)航條 67                  
 2.6  插入表單對象 70                  
 2.6.1  創(chuàng)建表單的步驟 70                  
 2.6.2  增加對象到表單 71                  
 2.6.3  表單對象的特點(diǎn) 73                  
 2.6.4  表單的處理 74                  
 第3章  設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁 75                  
 3.1  在網(wǎng)頁中使用翻滾圖片 76                  
 3.1.1  插入翻滾圖片對象 76                  
 3.1.2  使用圖片映像 77                  
 3.1.3  用于圖像的行為 78                  
 3.2  使用時(shí)間軸制作動(dòng)態(tài)網(wǎng)頁 79                  
 3.2.1  認(rèn)識時(shí)間軸面板 79                  
 3.2.2  拖動(dòng)路徑創(chuàng)建動(dòng)畫 80                  
 3.2.3  修改時(shí)間軸. 圖片及層的屬性 81                  
 3.2.4  控制時(shí)間軸的行為 83                  
 3.2.5  利用時(shí)間軸創(chuàng)建動(dòng)畫示例 83                  
 3.2.6  時(shí)間軸動(dòng)畫小技巧 84                  
 3.3  使用行為制作交互式網(wǎng)頁 85                  
 3.3.1  運(yùn)用行為 85                  
 3.3.2  行為. 事件. 動(dòng)作與行為面板 87                  
 3.3.3  創(chuàng)建彈出消息框和打開瀏覽器窗口 90                  
 3.4  創(chuàng)建滾動(dòng)字幕 92                  
 3.5  使用外部媒體元素 94                  
 3.5.1  插入GIF動(dòng)畫 94                  
 3.5.2  使用Fireworks制作按鈕和導(dǎo)航欄 95                  
 3.5.3  插入Flash動(dòng)畫 96                  
 第4章  網(wǎng)站管理與維護(hù) 98                  
 4.1  網(wǎng)站管理 99                  
 4.1.1  管理網(wǎng)站 99                  
 4.1.2  管理文件和文件夾 100                  
 4.1.3  顯示與調(diào)整站點(diǎn)地圖 101                  
 4.1.4  設(shè)置與新建首頁 102                  
 4.1.5  管理網(wǎng)頁鏈接 102                  
 4.1.6  上傳. 下載與同步更新文件 103                  
 4.2  模板和庫的使用 104                  
 4.2.1  使用模板 105                  
 4.2.2  使用庫 107                  
 第2部分  Fireworks MX精解                  
 第5章  Fireworks MX基本操作 112                  
 5.1  Fireworks MX入門 113                  
 5.1.1  Fireworks MX功能概覽 113                  
 5.1.2  對象的類型與編輯模式 114                  
 5.1.3  Fireworks MX的工作環(huán)境 115                  
 5.1.4  畫面顯示調(diào)整 119                  
 5.1.5  標(biāo)尺. 網(wǎng)格與引導(dǎo)線 120                  
 5.2  路徑的繪制與編輯 122                  
 5.2.1  路徑繪制工具簡介 122                  
 5.2.2  路徑對象的編輯 125                  
 5.2.3  為路徑對象設(shè)置描邊. 填充. 不透明度及效果 130                  
 5.2.4  使用樣式 133                  
 5.3  文本的創(chuàng)建與編輯 134                  
 5.3.1  輸入與編輯文本 135                  
 5.3.2  對文本設(shè)置描邊. 填充. 效果和樣式 136                  
 5.3.3  按路徑改變文本的排列方式 136                  
 5.3.4  變形文本 137                  
 5.3.5  將文本轉(zhuǎn)換為路徑 138                  
 5.4  編輯位圖對象 138                  
 5.4.1  創(chuàng)建位圖對象的方法 139                  
 5.4.2  選區(qū)制作與調(diào)整 139                  
 5.4.3  繪制位圖對象 143                  
 5.4.4  圖像的擦除. 填充. 復(fù)制與修飾 144                  
 5.4.5  裁剪位圖 147                  
 5.4.6  選區(qū)的變形 148                  
 5.4.7  使用濾鏡和插件 148                  
 5.5  對象操作 148                  
 5.5.1  對象的選擇. 移動(dòng). 復(fù)制與刪除 148                  
 5.5.2  移動(dòng). 復(fù)制與刪除對象 149                  
 5.5.3  對象層次安排. 成組與對齊 150                  
 5.5.4  操作的撤消與恢復(fù) 151                  
 5.6  使用圖層和蒙版 152                  
 5.6.1  "層"面板 152                  
 5.6.2  圖層 153                  
 5.6.3  對象子層的不透明度和顏色混合模式 154                  
 5.6.4  蒙版 155                  
 5.7  調(diào)整畫布與圖像尺寸 157                  
 5.7.1  調(diào)整畫布尺寸 157                  
 5.7.2  畫布旋轉(zhuǎn)與裁剪 158                  
 5.7.3  圖像尺寸調(diào)整 159                  
 第6章  熱點(diǎn). 切片. 按鈕和導(dǎo)航條 160                  
 6.1  創(chuàng)建熱點(diǎn) 161                  
 6.1.1  選擇熱點(diǎn)源圖像 161                  
 6.1.2  創(chuàng)建與設(shè)置熱點(diǎn) 161                  
 6.1.3  編輯熱點(diǎn) 162                  
 6.1.4  利用拖放行為配置熱點(diǎn) 162                  
 6.1.5  輸出熱點(diǎn) 164                  
 6.2  創(chuàng)建圖像切片 165                  
 6.2.1  創(chuàng)建與命名切片 165                  
 6.2.2  設(shè)置切片的屬性 168                  
 6.2.3  利用拖放行為配置切片 168                  
 6.2.4  輸出帶切片的文件 168                  
 6.3  為切片或熱點(diǎn)附加行為 169                  
 6.3.1  行為運(yùn)用示例 169                  
 6.3.2  行為與事件 171                  
 6.3.3  為切片或熱點(diǎn)創(chuàng)建彈出式菜單 171                  
 6.4  創(chuàng)建按鈕與導(dǎo)航條 174                  
 6.4.1  使用元件 174                  
 6.4.2  創(chuàng)建和編輯按鈕 175                  
 6.4.3  創(chuàng)建導(dǎo)航條 179                  
 6.4.4  使用系統(tǒng)提供的元件與按鈕 180                  
 6.5  創(chuàng)建簡單GIF動(dòng)畫 180                  
 6.5.1  創(chuàng)建動(dòng)畫的準(zhǔn)備工作 180                  
 6.5.2  幀-幀GIF動(dòng)畫示例 181                  
 第7章  圖像優(yōu)化與導(dǎo)出 183                  
 7.1  圖像優(yōu)化 184                  
 7.1.1  使用"優(yōu)化"面板 184                  
 7.1.2  使用"導(dǎo)出預(yù)覽"與"導(dǎo)出向?qū)?對話框 185                  
 7.2  圖像導(dǎo)出 187                  
 7.2.1  導(dǎo)出參數(shù)設(shè)置 187                  
 7.2.2  導(dǎo)出選定區(qū)域的方法 189                  
 7.2.3  在Dreamweaver中使用Fireworks文檔 189                  
 第3部分  Flash MX精解                  
 第8章  Flash MX入門 192                  
 8.1  Flash MX的背景知識 193                  
 8.1.1  Flash影片的特點(diǎn) 193                  
 8.1.2  Flash影片中的素材 193                  
 8.1.3  Flash影片的創(chuàng)建方法 193                  
 8.2  熟悉Flash MX的工作環(huán)境 194                  
 8.2.1  場景和場景控制面板 194                  
 8.2.2  "時(shí)間軸"面板 195                  
 8.2.3  "屬性"面板 196                  
 8.2.4  "工具"面板與工具欄 196                  
 8.2.5  其他控制面板 197                  
 8.3  Flash MX基本操作 198                  
 8.3.1  創(chuàng)建新文檔并設(shè)置屬性 198                  
 8.3.2  使用元件與實(shí)例 199                  
 8.3.3  使用影片瀏覽器 200                  
 8.3.4  調(diào)整場景顯示 200                  
 8.3.5  使用網(wǎng)格. 輔助線和標(biāo)尺 201                  
 8.3.6  預(yù)覽和測試影片 202                  
 8.3.7  保存Flash文件 203                  
 8.3.8  加速顯示動(dòng)畫 203                  
 第9章  對象繪制與編輯 204                  
 9.1  設(shè)置圖形的描繪與填充效果 205                  
 9.1.1  使用"工具"面板指定線條顏色和填充顏色 205                  
 9.1.2  使用"屬性"面板設(shè)置填充顏色與"線條"顏色. 寬度和樣式 205                  
 9.1.3  使用"混色器"控制面板設(shè)置線條顏色和填充樣式 206                  
 9.1.4  使用"顏色樣本"面板設(shè)置調(diào)色板 208                  
 9.2  繪圖工具的特點(diǎn)與用法 208                  
 9.2.1  "鉛筆"工具和"直線"工具 208                  
 9.2.2  "鋼筆"工具 210                  
 9.2.3  "橢圓"工具和"矩形"工具 211                  
 9.2.4  "畫筆"工具 212                  
 9.3  編輯圖形 213                  
 9.3.1  使用"橡皮擦"工具 213                  
 9.3.2  使用"部分選取"工具調(diào)整圖形形狀 215                  
 9.3.3  使用"箭頭"工具調(diào)整圖形形狀 215                  
 9.3.4  平滑和拉直線條 216                  
 9.3.5  優(yōu)化曲線 216                  
 9.3.6  將邊線轉(zhuǎn)換為填充區(qū) 217                  
 9.3.7  擴(kuò)展填充區(qū)域 218                  
 9.3.8  柔化填充邊緣 218                  
 9.3.9  使用捕捉功能 219                  
 9.4  修改圖形的描繪和填充效果 220                  
 9.4.1  使用"墨水瓶"工具修改圖形的描繪效果 220                  
 9.4.2  使用"顏料桶"工具修改圖形的填充效果 221                  
 9.4.3  編輯漸變色填充與位圖填充效果 222                  
 9.4.4  使用"滴管"工具復(fù)制邊線或填充樣式 225                  
 9.5  導(dǎo)入外部圖形與圖像 225                  
 9.5.1  導(dǎo)入圖形和圖像 226                  
 9.5.2  設(shè)置位圖屬性 228                  
 9.5.3  矢量化位圖 228                  
 9.5.4  分離位圖 230                  
 9.6  導(dǎo)入視頻 232                  
 9.6.1  以嵌入文件方式導(dǎo)入視頻剪輯 232                  
 9.6.2  以鏈接方式導(dǎo)入QuickTime視頻剪輯 233                  
 9.7  創(chuàng)建和編輯文本 234                  
 9.7.1  使用嵌入字體和設(shè)備字體 234                  
 9.7.2  創(chuàng)建文本 234                  
 9.7.3  設(shè)置靜態(tài)文本的屬性 235                  
 9.7.4  設(shè)置動(dòng)態(tài)文本與輸入文本的屬性 236                  
 9.7.5  編輯. 變換與分解文本 238                  
 9.8  編輯對象 239                  
 9.8.1  選取對象 239                  
 9.8.2  移動(dòng). 復(fù)制和刪除對象 241                  
 9.8.3  變形對象 242                  
 9.8.4  群組. 疊放和對齊對象 244                  
 第10章  使用層和元件 247                  
 10.1  使用層 248                  
 10.1.1  圖層的類型及圖層管理窗口 248                  
 10.1.2  創(chuàng)建圖層和圖層文件夾的方法 249                  
 10.1.3  圖層的編輯操作 250                  
 10.1.4  使用引導(dǎo)圖層 251                  
 10.1.5  使用遮罩圖層 253                  
 10.2  認(rèn)識元件和實(shí)例 255                  
 10.2.1  元件的類型 255                  
 10.2.2  使用元件的方法 256                  
 10.3  創(chuàng)建與編輯元件 256                  
 10.3.1  創(chuàng)建新元件 256                  
 10.3.2  將場景中的元素轉(zhuǎn)換為元件 258                  
 10.3.3  將動(dòng)畫轉(zhuǎn)換為影片剪輯元件 259                  
 10.3.4  使用其他Flash影片中的元件 260                  
 10.3.5  使用公用元件庫 260                  
 10.3.6  復(fù)制元件 261                  
 10.3.7  編輯元件 261                  
 10.4  創(chuàng)建和編輯實(shí)例 262                  
 10.4.1  創(chuàng)建實(shí)例 262                  
 10.4.2  設(shè)置實(shí)例屬性 263                  
 10.4.3  分離實(shí)例 264                  
 10.5  創(chuàng)建與使用按鈕元件 264                  
 10.5.1  按鈕的狀態(tài) 265                  
 10.5.2  創(chuàng)建與使用按鈕元件 265                  
 第11章  創(chuàng)建動(dòng)畫 270                  
 11.1  Flash動(dòng)畫概述 271                  
 11.1.1  "幀-幀"動(dòng)畫與"補(bǔ)間"動(dòng)畫 271                  
 11.1.2  動(dòng)畫中的圖層 271                  
 11.1.3  時(shí)間軸中的動(dòng)畫表示 272                  
 11.1.4  創(chuàng)建關(guān)鍵幀 272                  
 11.1.5  擴(kuò)展幀的范圍 272                  
 11.2  創(chuàng)建補(bǔ)間動(dòng)畫 273                  
 11.2.1  將對象分散到圖層 273                  
 11.2.2  為實(shí)例. 群組與文字創(chuàng)建運(yùn)動(dòng)漸變動(dòng)畫 275                  
 11.2.3  創(chuàng)建沿指定路徑運(yùn)動(dòng)的動(dòng)畫 278                  
 11.2.4  創(chuàng)建形狀漸變動(dòng)畫 280                  
 11.2.5  使用形狀提示控制形狀漸變 281                  
 11.3  創(chuàng)建幀-幀動(dòng)畫 283                  
 11.4  編輯動(dòng)畫 283                  
 11.4.1  選擇幀 283                  
 11.4.2  刪除. 清除. 移動(dòng)與復(fù)制幀 284                  
 11.4.3  擴(kuò)展關(guān)鍵幀和改變過渡動(dòng)畫長度 284                  
 11.4.4  將關(guān)鍵幀轉(zhuǎn)換為普通幀 284                  
 11.4.5  翻轉(zhuǎn)幀 285                  
 11.4.6  設(shè)置幀頻 285                  
 11.5  動(dòng)畫制作示例 285                  
 11.5.1  制作元件 286                  
 11.5.2  制作漸變的背景圖像 293                  
 11.5.3  制作動(dòng)態(tài)效果 295                  
 11.5.4  添加文本效果 298                  
 11.6  創(chuàng)建交互性電影 300                  
 11.6.1  為按鈕分配動(dòng)作 300                  
 11.6.2  為關(guān)鍵幀分配動(dòng)作 302                  
 11.6.3  使用"動(dòng)作"控制面板 303                  
 11.7  創(chuàng)建有聲影片 304                  
 11.7.1  導(dǎo)入聲音文件 304                  
 11.7.2  為影片添加聲音 305                  
 11.7.3  編輯聲音 307                  
 11.7.4  為按鈕添加聲音 308                  
 11.7.5  在影片中使用聲音的一些技巧 309                  
 第12章  影片的測試. 發(fā)布與導(dǎo)出 311                  
 12.1  測試影片 312                  
 12.1.1  優(yōu)化影片的措施 312                  
 12.1.2  測試影片下載性能 312                  
 12.2  發(fā)布影片 313                  
 12.3  導(dǎo)出影片 314