巧學巧用Dreamweaver Fireworks Flash制作網(wǎng)頁習題精解

內容概要

　　Dreamweaver、Fireworks和Flash是深受廣大用戶喜愛的網(wǎng)頁設計軟件。作者根據(jù)實踐經(jīng)驗，設計了大量具有實用價值的練習，包括了使用Dreamweaver編輯網(wǎng)頁、使用Fireworks處理圖形和圖像以及使用Flash制作矢量動畫的方法。這些練習不但涉及了每一種軟件的使用方法，還介紹了如何使這3個軟件相互配合，發(fā)揮每個軟件的特色，制作出精美的主頁?！　”緯罹咛厣幵谟?，書中給出了每個練習的任務描述、技術要點和關鍵步驟提示，而練習的答案均通過光盤中的多媒體視頻演示文件來展示，用戶可以清晰地看到每個演示的操作步驟和細節(jié)，提高學習效率?！　”緯勺鳛榫W(wǎng)頁制作愛好者，大、中專院校及各類網(wǎng)頁設計制作培訓班的輔助教材，也可作為學習網(wǎng)頁制作的實例入門教材。

書籍目錄

第一部分　Dreamweaver第1章　基礎知識　1　　本章練習主要涉及Dreamweaver必備的知識和技能，包括在網(wǎng)頁中插入圖片、變換標題格式、文字的換行、字體的設置、為圖片和文字添加鏈接等內容。1.1　在網(wǎng)頁中插入圖片　2　　在網(wǎng)頁制作過程中，插入圖片的方法1.2　變換標題的格式　2　　更改文字屬性的基礎操作1.3　段落換行　3　　掌握文本屬性的應用1.4　字體大小、顏色的設置　4　　利用屬性面板，改變網(wǎng)頁中文本的字體和顏色1.5　列表符號的應用　4　　練習設置特殊列表符號，并將其應用到網(wǎng)頁中1.6　用CSS定義文字樣式　5　　初步認識CSS樣式，并應用CSS定義文字樣式1.7　圖片與文字的對齊方式　6　　掌握屬性面板中的幾種對齊方式1.8　為按鈕添加鏈接　6　　鏈接的設置方法1.9　為文字添加鏈接　7　　為文字添加鏈接1.10　設置錨記鏈接　8　　“插入→命名錨記”命令的應用1.11　熱區(qū)的設置　9　　“矩形熱點工具”和“多邊型熱點工具”的應用1.12　插入水平線　9　　水平線的插入方法1.13　交換圖像(一)　10　　“交換圖像”命令的應用1.14　交換圖像(二)　10　　為按鈕添加“交換圖像”行為并設置相應的鏈接1.15　設置郵件鏈接　11　　為文字設置郵件鏈接1.16　設置下載鏈接　12　　給文字添加下載鏈接第2章　頁面布局　13　　本章主要介紹常見的網(wǎng)頁布局和實現(xiàn)方法。2.1　標準模式下使用表格設計版式　132.1.1　自定義表格樣式　13　　“命令→格式化表格”命令的應用2.1.2　單線表格的制作　14　　單線表格的制作方法2.1.3　表格屬性的綜合應用　14　　表格屬性的綜合應用2.2　使用框架設計版式　152.2.1　“上方固定”模式的框架　15　　創(chuàng)建一個“上方固定”模式的框架，并制作成頁面2.2.2　制作上下結構的框架頁面　16　　“插入→HTML→框架→對齊上緣”命令的應用2.2.3　廠字型框架布局設計　16　　“上方固定，左側嵌套”模式的應用2.2.4　上中下結構框架的布局　17　　“對齊上緣”命令的應用2.3　使用布局表格設計版式　182.3.1　國字型頁面布局　18　　在布局模式下繪制表格樣式2.3.2　不規(guī)則布局　19　　繪制布局表格2.3.3　左右對稱型布局　20　　左右結構頁面的布局方法2.4　結合Fireworks進行頁面綜合布局設計　22　　Fireworks與Dreamweaver的技術銜接2.4.1　左中右布局　222.4.2　右導航布局　232.4.3　上中下結構的布局　242.4.4　大型綜合主頁面布局(一)　262.4.5　大型綜合主頁面布局(二)　27第3章　網(wǎng)站中的交互　29　　本章主要通過練習借助JavaScript和Dreamweaver提供的“行為”功能為頁面添加互動的特性。3.1　交換圖像　29　　掌握在網(wǎng)頁制作過程中插入圖片的方法3.2　彈出式對話框　29　　設置彈出信息行為3.3　彈出瀏覽器窗口　30　　添加彈出瀏覽器行為3.4　拼圖效果　31　　拖動層行為的應用3.5　調用JavaScript　32　　JavaScript程序的調用方法第4章　模板與庫　34　　本章主要練習使用Dreamweaver中的模板與庫功能來制作相同結構的網(wǎng)頁。4.1　制作基于模板的實例　34　　制作基于模板的實例4.2　套用模板到頁面　35　　套用模板4.3　嵌套模板　36　　套用模板4.4　在頁面中添加和使用庫項目　37　　庫的應用4.5　修改庫項目以更新整個站點　38　　修改庫項目更新站點第5章　CSS的應用　40　　本章主要通過練習掌握使用CSS控制和美化網(wǎng)頁的方法。5.1　內置CSS樣式效果　40　　內置CSS樣式效果的應用5.2　用CSS定義背景色　41　　使用CSS定義背景顏色5.3　自定義項目符號的圖像　42　　應用CSS樣式自定義項目符號的圖像5.4　附加外部CSS樣式文件　42　　導入CSS樣式第二部分　Fireworks第6章　按鈕的制作　44　　本章主要練習利用Fireworks設計制作網(wǎng)頁的按鈕圖片的方法。6.1　簡單按鈕　44　　填充的應用6.2　繪制立體按鈕　45　　“線形漸變”的運用6.3　繪制水晶按鈕　45　　熟悉透明顏色的操作，給按鈕添加高光感6.4　繪制播放器開關按鈕　46　　“邊緣羽化”的應用6.5　繪制郵件按鈕　46　　高光和透明漸變的運用6.6　使用資源效果的按鈕　47　　“資源樣式”的應用6.7　繪制開關按鈕　47　　“紋理”的運用6.8　繪制圓形水晶按鈕　48　　使用矢量剪切繪制水晶按鈕6.9　金屬按鈕　48　　“凸起浮雕”、“內斜角”和“外斜角”的應用6.10　立體漸變按鈕　49　　“橫排文字蒙版工具”和“透視變換”的結合應用第7章　Banner的制作　50　　本章通過練習掌握利用Fireworks制作網(wǎng)頁Banner的方法。7.1　簡單的卡通Banner　50　　將連續(xù)圖片在Fireworks中制作為GIF格式的動態(tài)畫面7.2　制作背景層Banner　51　　“圖層→共享交疊幀”的運用7.3　運用分散到幀制作Banner　51　　“幀→分散到幀”的運用7.4　制作化妝品Banner　52　　使用圖片制作商業(yè)Banner7.5　制作按鈕Banner　52　　按鈕和動態(tài)圖片制作結合運用第8章　制作導航欄　53　　本章通過練習掌握利用Fireworks制作各類網(wǎng)頁導航欄的方法。8.1　立體導航欄　53　　使用“線形漸變”工具繪制導航欄8.2　漸變效果的導航欄　54　　“修改→組合路徑→聯(lián)合/交集/打孔/裁切”等命令的綜合應用8.3　使用材質制作導航欄　55　　使用“屬性→紋理”的效果8.4　對比效果的導航　56　　合理應用顏色對比度來提高導航欄的制作效果8.5　情人網(wǎng)站導航　57　　應用“漸變”和“羽化”制作出適合情人節(jié)使用的網(wǎng)頁導航欄8.6　裝飾型導航欄　57　　填充邊緣顏色繪制裝飾導航欄8.7　融合網(wǎng)頁　58　　利用網(wǎng)頁中的效果制作導航欄8.8　金屬導航欄　59　　應用金屬漸變效果制作導航欄8.9　使用素材創(chuàng)建導航　60　　利用素材制作導航欄8.10　水晶效果的導航欄　61　　利用水晶效果繪制導航欄第9章　網(wǎng)頁風格設計　62　　本章通過練習掌握利用Fireworks制作出各種風格的、漂亮的網(wǎng)頁的方法。9.1　左置導航欄　62　　使用“線形漸變”工具繪制接角9.2　立體風格網(wǎng)頁　63　　對“修改→組合路徑→聯(lián)合/交集/打孔/裁切”等命令的綜合應用9.3　圓形接角　64　　使用“圓角矩形”工具繪制圓形接角9.4　分離式網(wǎng)頁風格　65　　“線形漸變”工具的應用9.5　動感網(wǎng)頁風格　66　　“線形漸變”工具的應用9.6　公告欄效果　67　　剪切的應用9.7　圓形風格在網(wǎng)頁中的應用　68　　“圓形”工具的應用9.8　區(qū)域構圖的運用　68　　“線形漸變”工具的應用9.9　流線形在網(wǎng)頁中的運用　69　　使用“鋼筆”工具9.10　色塊風格的網(wǎng)頁　69　　使用色塊變化制作接角效果第10章　設計配飾　70　　本章通過練習掌握利用Fireworks設計網(wǎng)頁配飾的方法。10.1　簡單便條裝飾　70　　使用透明漸變繪制便條效果10.2　分割裝飾　71　　在一些按鈕中添加不同元素，制作為網(wǎng)頁圖標效果10.3　按鈕裝飾(一)　72　　在一些按鈕中添加不同元素，制作為網(wǎng)頁圖標效果10.4　按鈕裝飾(二)　72　　繼續(xù)上一節(jié)的練習，同時添加一些暗示形裝飾，目的是強調裝飾區(qū)域10.5　居中裝飾效果　73　　當頁面都是橫向排版時，添加小的裝飾打破呆板的構圖效果10.6　情人網(wǎng)站　74　　“紋理”和“羽化”效果的應用10.7　公告樣式的裝飾　75　　在實際網(wǎng)頁應用中的裝飾效果10.8　目錄效果的裝飾　76　　漸變和透明度的結合使用10.9　廣告樣式的裝飾　77　　掌握制作廣告欄的裝飾10.10　左置效果的裝飾　78　　利用素材圖片制作導航欄的裝飾效果第11章　網(wǎng)頁細節(jié)調整　79　　本章通過練習掌握網(wǎng)頁設計中的細節(jié)調整，讓讀者體會細節(jié)對于設計的整體效果的巨大作用和影響。11.1　鏈接按鈕的制作　79　　將連續(xù)圖片在Fireworks中制作為GIF格式的動態(tài)畫面11.2　中心裝飾細節(jié)的制作　80　　“線形漸變”的運用11.3　鏈接導航的細節(jié)制作　80　　光照效果的繪制方法11.4　情人網(wǎng)站導航按鈕　81　　“羽化”邊緣的應用11.5　使用圖片制作細節(jié)效果　82　　素材在網(wǎng)頁中的應用第12章　頁面布局　83　　本章通過練習掌握精致的網(wǎng)頁設計的布局方法。12.1　右置布局　83　　在網(wǎng)頁設計中常見的布局方法之一12.2　居中布局　84　　一般應用于網(wǎng)站內容不是很多的情況12.3　三分欄布局　85　　可以有條理地將網(wǎng)頁內容分割出來，主要應用于一些門戶網(wǎng)站12.4　左置布局	86　　將鏈接子頁面放置在視覺最容易發(fā)現(xiàn)的地方12.5　中心布局　86　　這個構圖方法很常用，視覺上比較舒服12.6　分散型布局　87　　分散型構圖的網(wǎng)頁大多文字和圖形面積一致第三部分　Flash第13章　圖形的繪制及編輯　90　　本章在第1章中CSS基礎練習的基礎上，進一步練習使用CSS制作網(wǎng)頁。13.1　繪制月亮　90　　使用“選擇工具”對線條進行變形處理13.2　繪制玻璃杯　91　　練習“任意變形工具”、“線性漸變填充”以及濾鏡中“調整顏色”命令的應用13.3　繪制蝴蝶　92　　練習使用“線條工具”、“選擇工具”和“任意變形工具”13.4　繪制煙囪　94　　熟練應用“鉛筆工具”和“矩形工具”繪制圖形13.5　繪制鬧鐘　95　　“矩形工具”、“橢圓工具”和“線條工具”的使用方法13.6　繪制花朵　96　　理解“繪制對象”功能的含義，以及“復制并應用變形”功能的作用13.7　繪制桌子　98　　對“線條工具”和“鉛筆工具”以及“顏料桶工具”的使用13.8　繪制QQ表情　99　　著重掌握濾鏡中“調整顏色”和“投影”效果的含義以及用法13.9　繪制氣球　100　　“放射狀漸變填充”以及應用“填充變形工具”對漸變填充進行變形13.10　繪制魚兒　101　　使用“線條工具”、“橢圓工具”、“鉛筆工具”和“顏料桶工具”第14章　靜態(tài)文字效果　103　　本章是對上一章的復習，制作一些生動有趣的文字效果，深入對各種繪圖工具以及相關屬性的掌握。14.1　金屬文字　103　　“線性填充”和“填充變形工具”綜合應用14.2　彩色線框文字　104　　將“線性填充”和“填充變形工具”作用于線條之上14.3　浮雕文字　105　　對文字進行重疊放置，制作出浮雕效果14.4　彩圖文字　105　　“混色器”面板中的“位圖填充”模式的應用14.5　塑料文字　106　　“修改→形狀→柔化填充邊緣”命令的含義以及用法14.6　發(fā)光文字　107　　使用濾鏡中的“發(fā)光”和“投影”效果14.7　披雪文字　108　　“橡皮擦工具”和筆觸樣式中“點描”效果的應用14.8　立體文字　109　　“線性漸變填充”和不透明度的設置第15章　創(chuàng)建動畫　111　　本章通過練習掌握變形動畫、運動動畫和逐幀動畫的制作方法。15.1　視覺變幻效果　111　　創(chuàng)建形狀補間動畫以及溢出模式中“鏡像”模式的應用15.2　行駛的汽車　111　　練習創(chuàng)建動畫補間動畫，達到汽車行駛的效果15.3　舞動翅膀的蝴蝶　113　　創(chuàng)建動畫補間動畫，根據(jù)蝴蝶翅膀揮動時的規(guī)律制作出動畫效果15.4　漏水的龍頭　114　　創(chuàng)建形狀補間動畫，掌握滴水時狀態(tài)變化15.5　圓形變方形　115　　練習創(chuàng)建形狀補間動畫15.6　樹葉上滴下的水珠　115　　創(chuàng)建形狀補間動畫15.7　飛行的小鳥　116　　掌握逐幀動畫的制作方法15.8　倒計數(shù)　116　　練習逐幀動畫的制作方法15.9　制作打印機打印動畫　117　　練習創(chuàng)建形狀補間動畫15.10　制作閃電　118　　練習閃電的繪制方法，掌握元件與元件之間的相互嵌套關系第16章　引導線動畫和遮罩動畫　119　　本章通過練習掌握引導線圖層和遮罩圖層的應用。16.1　眼冒金星　119　　練習創(chuàng)建引導層，并通過繪制引導線制作動畫效果16.2　制作地球旋轉動畫　119　　動態(tài)遮罩效果的制作技巧16.3　放大鏡效果　120　　遮罩動畫的制作方法以及濾鏡中“投影”效果的應用16.4　手電照射動畫　122　　遮罩動畫的制作方法以及不透明度的設置方法16.5　波浪文字　123　　遮罩層和運動、形狀動畫的結合運用16.6　上升的水泡　125　　應用引導層原理，制作一個水泡上升并逐漸消失的動畫效果16.7　百葉窗效果　126　　影片剪輯元件的相互嵌套以及遮罩原理的應用16.8　螢火蟲　126　　練習創(chuàng)建影片剪輯，并在影片剪輯中應用引導層動畫效果16.9　水波漣漪　127　　影片剪輯的嵌套使用16.10　飄落的楓葉　128　　“套索”工具和引導線的綜合應用第17章　制作按鈕　129　　本章通過練習掌握利用Flash制作動態(tài)的、具有交互性的按鈕的方法。17.1　變換表情的按鈕　129　　理解按鈕元件中的“彈起”、“指針經(jīng)過”和“按下”3種狀態(tài)含義17.2　立體按鈕　129　　理解按鈕元件中的“彈起”和“指針經(jīng)過”狀態(tài)的含義及用法17.3　繪制一個靜態(tài)的播放按鈕　130　　運用“橢圓工具”繪制一個圓形按鈕，并為其填充適當?shù)纳?7.4　搖晃的鈴鐺　131　　在按鈕元件中套用影片剪輯元件17.5　抓不住的蜻蜓　132　　練習為按鈕添加腳本行為，使其控制影片中的按鈕行為17.6　制作3D方塊按鈕　133　　3D按鈕的制作技巧17.7　彈出菜單　134　　為按鈕添加“點擊”動作腳本17.8　電視畫面效果　134　　為按鈕添加“滑過”動作行為第18章　添加聲音　135　　本章通過練習掌握為按鈕、動畫添加聲音的方法。18.1　電鈴聲　135　　聲音的導入方法與添加聲音效果18.2　添加流水聲　135　　練習在圖層上添加聲音18.3　添加碰撞聲　136　　理解聲音效果中“淡出”和“從左到右淡出”效果的含義18.4　聲音的播放和停止　137　　練習使用動作腳本控制聲音18.5　控制音量的大小　138　　用動作腳本控制聲音的增大和減小18.6　選擇播放歌曲　138　　“全局函數(shù)→時間軸控制→gotoAndPlay”命令的應用第19章　ActionScript的應用　139　　本章通過練習掌握ActionScript的應用方法，對動畫中的元素進行更靈活的控制。19.1　隨鼠標移動的探照燈　139　　“startDrag”函數(shù)的應用19.2　活動的坐標軸　139　　使用“全局函數(shù)→影片剪輯控制→getProperty”函數(shù)控制影片剪輯的坐標位置19.3　制作下雨效果　140　　“duplicateMovieClip”和“if ”語句的應用19.4　制作風景導航　141　　“On”語句和“gotoAndPlay”函數(shù)的應用19.5　隨光標移動的蜜蜂　141　　“全局函數(shù)→影片剪輯控制→start Drag”函數(shù)和“mouse.hide()”方法的運用19.6　制作控制影片大小的動畫　141　　“setProperty”函數(shù)和“getProperty”函數(shù)的運用19.7　光標經(jīng)過處出現(xiàn)螢光效果　142　　在影片剪輯中嵌套按鈕元件，使用(.)方法控制影片播放19.8　可隨意拖動的圖片　142　　使用影片剪輯控制腳本第四部分　綜合練習第20章　實戰(zhàn)練習(一)　144　　本章練習結合使用Dreamweaver、Fireworks、Flash等3個軟件從零開始制作一個完整的、專業(yè)的網(wǎng)站。20.1　繪制網(wǎng)頁草圖　14420.2　處理素材圖片　14420.3　使用Fireworks繪制主頁和子頁　14520.4　使用Fireworks制作主頁切片并輸出網(wǎng)頁　14620.5　用Fireworks制作按鈕交換圖像　14720.6　在Flash中制作Banner動畫　14720.7　使用Dreamweaver建立站點　14820.8　在Dreamweaver中編輯主頁面　14820.9　為頁面添加文字內容　14920.10　設置主頁圖像鏈接按鈕　15020.11　輸出鏈接頁切片和頁面　15120.12　制作鏈接頁　15120.13　制作其他鏈接頁　15220.14　檢查所有的頁面和鏈接，完成整個制作　153第21章　實戰(zhàn)練習(二)　155　　本章練習結合使用Dreamweaver、Fireworks、Flash等3個軟件從零開始制作一個商業(yè)網(wǎng)站。21.1　繪制網(wǎng)頁草圖　15521.2　處理素材圖片　15521.3　使用Fireworks制作主頁面和子頁面　15621.4　使用Dreamweaver創(chuàng)建站點　15721.5　使用Fireworks切片并輸出為HTML頁　15721.6　使用Fireworks制作按鈕交換圖像　15821.7　在Flash中制作Banner動畫　15921.8　將制作完成的Flash Banner導入頁面　15921.9　為主頁添加文字內容　16021.10　設置主頁動態(tài)按鈕(交換圖像的應用)　16121.11　輸出鏈接頁切片和頁面　16121.12　在Dreamweaver中繼續(xù)制作鏈接頁　16221.13　以鏈接頁為基礎創(chuàng)建模板　16321.14　應用模板創(chuàng)建其他二級鏈接頁面　16421.15　將做好的二級頁面與首頁鏈接　16521.16　檢查所有的頁面和鏈接，完成整個制作　165第22章　實戰(zhàn)練習(三)　167　　本章練習結合使用Dreamweaver、Fireworks、Flash等3個軟件從零開始制作一個商業(yè)網(wǎng)站。22.1　繪制網(wǎng)頁草圖　16722.2　處理素材圖片　16722.3　使用Fireworks繪制網(wǎng)頁頁面　16822.4　使用Dreamweaver創(chuàng)建站點　16922.5　使用Fireworks切片并輸出為HTML頁　16922.6　使用Fireworks制作按鈕交換圖像　17022.7　制作Banner動畫　17122.8　將制作完成的Flash Banner導入頁面　17222.9　為主頁添加文字內容　17222.10　設置主頁動態(tài)按鈕(交換圖像的應用)　17322.11　輸出鏈接頁切片和頁面　17422.12　在Dreamweaver中繼續(xù)制作鏈接頁　17522.13　以鏈接頁為基礎創(chuàng)建模板　17622.14　應用模板創(chuàng)建其他二級鏈接頁面　17722.15　將做好的二級頁面與首頁鏈接　17722.16　檢查所有的頁面和鏈接，完成整個制作　178

圖書封面

評論、評分、閱讀與下載

---

    巧學巧用Dreamweaver Fireworks Flash制作網(wǎng)頁習題精解 PDF格式下載

---