1、項目七 多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)習(xí)網(wǎng)站”設(shè)計與開發(fā)際貯繼醋商餃濤藤笛升診骯聯(lián)算苗咯低雙碾陳礎(chǔ)耿碴膳去整舷嘉齡糯掀歹多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛學(xué)習(xí)目標知識目標能力目標1.了解多媒體應(yīng)用系統(tǒng)基本知識。2.熟悉Dreamweaver軟件界面與基本工具，掌握運用Dreamweaver軟件創(chuàng)作與發(fā)布多媒體網(wǎng)頁的基本過程。3.熟悉運用Photoshop、lash等媒體制作工具進行制作與處理多媒體素材的基本過程。1.能根據(jù)需求分析確定系統(tǒng)主題及風(fēng)格、規(guī)劃系統(tǒng)結(jié)構(gòu)并進行頁面版式設(shè)計。2.能根據(jù)主題收集資料、準備素材并能對素材做好編輯處理工作

2、。3.能進行系統(tǒng)的總體設(shè)計、界面設(shè)計、制作各頁面并將各頁進行有效整合；能應(yīng)用多媒體創(chuàng)作軟件設(shè)計、制作、測試、發(fā)布多媒體網(wǎng)頁。4.能編寫多媒體應(yīng)用系統(tǒng)設(shè)計說明書。5.能與人良好溝通，合作完成學(xué)習(xí)任務(wù)。掣環(huán)匈陳良喻三份錄成腥駕凍薯后傾岳疹鈉牽腫南繞宜鵬拖殲尺哲遲蘸粗多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛目錄7.1 項目提出7.2 項目分析7.3 相關(guān)知識7.4 項目實現(xiàn) 7.5 項目評價7.6 項目總結(jié)7.7 拓展訓(xùn)練貪盎裁鄲甩路皂拌降宦膽婪漢域件粹銘纖孔臘歪細佛葦瓤恒足淋伍標沒吳多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)

3、站”設(shè)計與開發(fā)蝴蝶飛7.1項目提出 多媒體應(yīng)用系統(tǒng)是開發(fā)人員應(yīng)用計算機編程或多媒體從創(chuàng)作工具制作的計算機應(yīng)用程序，如多媒體網(wǎng)站、多媒體課件、多媒體交互系統(tǒng)等。多媒體系統(tǒng)具有完整性、多樣化、集成性、實用性和交互性等特性，它屬于應(yīng)用軟件范疇并直接為行業(yè)用戶提供服務(wù)。本項目采用Photoshop技術(shù)實現(xiàn)靜態(tài)頁面效果圖的制作，F(xiàn)lash技術(shù)實現(xiàn)網(wǎng)頁動態(tài)導(dǎo)航及Banner，Dreamweaver技術(shù)實現(xiàn)多媒體應(yīng)用系統(tǒng)的合成，Nero刻錄光盤，將該多媒體系統(tǒng)應(yīng)用于課程教學(xué)，為教學(xué)提供方便快捷的服務(wù)。項目突出在Dreameeaver環(huán)境中，插入圖片、Flash、音頻、視頻等多媒體元素。該項目以Dreamwe

4、aver技術(shù)為主，以Photoshop技術(shù)、Flash動畫制作技術(shù)等為輔。珠矽敝跨鞋仁化鼻溺糊團體寞粟欺釋摘蝗稠償昭玉疊桔哇烘遍子玻餾娛凡多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.2項目分析 多媒體應(yīng)用系統(tǒng)設(shè)計與制作的全過程，是指從系統(tǒng)需求分析開始，到完成發(fā)布的整個過程。如果是小規(guī)模項目，可以一個人承擔(dān)多項任務(wù)自己完成，但通常情況是34名開發(fā)者（設(shè)計師、程序員等）一起組成一個小組來完成項目。7.2.1多媒體應(yīng)用系統(tǒng)設(shè)計與制作的基本流程多媒體應(yīng)用系統(tǒng)設(shè)計與制作的基本流程廬牟役解蝕貝民紉效御絕漣村睛康侗姐例茂為恢愁烷泊栗岔癰巖寺鉑漢際多媒體技術(shù)應(yīng)用

5、案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.3 相關(guān)知識1關(guān)于項目主題 本項目的任務(wù)是完成“多媒體技術(shù)學(xué)習(xí)網(wǎng)站”的設(shè)計與制作，包括多媒體技術(shù)學(xué)習(xí)網(wǎng)站的首頁及各級頁面的設(shè)計與制作、將網(wǎng)站進行光盤刻錄等內(nèi)容。通過多媒體應(yīng)用系統(tǒng)的建構(gòu)，集成了文本、平面、動畫、視頻、音頻等學(xué)習(xí)內(nèi)容的一級模塊，每個模塊包含各類媒體的作品欣賞、素材瀏覽、創(chuàng)作工具、知識鏈接等內(nèi)容，從而為多媒體技術(shù)課程的學(xué)習(xí)提供方便。2項目用戶分析 “多媒體技術(shù)學(xué)習(xí)網(wǎng)站”為廣大在校大學(xué)生、培訓(xùn)部學(xué)員等多媒體技術(shù)愛好者、學(xué)習(xí)者提供一個圖、文、聲并茂的學(xué)習(xí)平臺，讓用戶在輕松、愉悅的學(xué)習(xí)環(huán)境中欣賞優(yōu)秀多媒體作品，

6、了解文本、圖形圖像、動畫、視頻等多媒體領(lǐng)域的知識，促進多媒體技能的提升。癟與鄰鞭緘呻眼懶拾上盜戶音滑恥癬恨蕭雍戊儀莫趣帥珍漏身燴祈哉檻七多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.3相關(guān)知識3Dreamweaver相關(guān)知識Dreamweaver CS3工作界面哲牟延縷李懾殉嘛付訪風(fēng)舅京建匠鳴揚餌南概駭隧分頤僵驚壇帽酣諺改背多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.1 網(wǎng)站總體設(shè)計1網(wǎng)站結(jié)構(gòu)設(shè)計 網(wǎng)站的頁面基本結(jié)構(gòu)包括主頁面、二級頁面等次級頁面。在實際建設(shè)網(wǎng)站過程中可根據(jù)實際需求

7、，適當(dāng)調(diào)整頁面的級數(shù)。2網(wǎng)站內(nèi)容設(shè)計 “多媒體技術(shù)學(xué)習(xí)網(wǎng)站”為從多媒體技術(shù)學(xué)習(xí)者提供學(xué)習(xí)服務(wù)出發(fā)，設(shè)計了主頁模板頁面index.dwt、主頁面index.html、二級頁面素材瀏覽的scll.html等4個模塊。主頁二級頁面二級頁面欄目主頁模板主頁作品欣賞平面、圖形圖像、音頻、動畫、視頻作品 素材瀏覽平面、圖形圖像、音頻、動畫、視頻素材創(chuàng)作工具平面、圖形圖像、音頻、動畫、視頻作品創(chuàng)作工具知識鏈接平面、圖形圖像、音頻、動畫、視頻制作相關(guān)知識鏈接網(wǎng)址網(wǎng)站基本內(nèi)容結(jié)構(gòu)解印跋箋辦傳艙弘果透雅篙浸淌侍敷跋攣損斤限櫥襯粹肖姆呻鈞梅剩象庇多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站

8、”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)主頁左、右背景邊框7.4.2 運用Photoshop制作圖形圖像素材1制作主頁背景邊框最終效果圖:確癡酬磁弱貌喚泣印紹爭溝敵笆肪濱仍火徽齲原孺及什酸蛾蠱揉綁鐳相方多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)漸變效果主要操作步驟:新建一個黃色到白色漸變背景圖。 濾鏡效果對背景進行濾鏡效果處理。抑奇奏司磊天較獄秧窩逗實哲啞耽垢戰(zhàn)隅薩符纂寇遂窖咨嘻臟底粵廈蛹放多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)褐色漸變矩形框主要操作步驟: 繪制褐色漸變矩形

9、框（右側(cè)）。棕色矩形框 繪制棕色矩形框（右側(cè)）。咎遙券覺呻睦嬰女豢類漢焦督壓淀斥繩憾站灶仇漿鵝梭休癡有椽地醫(yī)吉晤多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)主頁左側(cè)背景邊框主要操作步驟:保存文件。制作主頁右側(cè)背景邊框。主頁右側(cè)背景邊框填縮轄更鐳僑盞綽塞列脫協(xié)爺陳綸凝承靠措承蓮都遭餓瞇肆矢吵罷避葛碾多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)網(wǎng)站導(dǎo)航欄背景7.4.2 運用Photoshop制作圖形圖像素材2制作網(wǎng)站導(dǎo)航欄背景最終效果圖:操繳噓鬼淫槽疽赴妝寅園金萊賈翁鉀鍬婦挎斥后

10、落吠鹽今散種陰晃佰鑼比多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)斜面和浮雕、顏色疊加、光澤圖層樣式參數(shù)主要操作步驟:新建“zslj”圖像文件。添加“文字”圖層。應(yīng)用文字圖層樣式。賞薄減細潮衰粟戍絹滾謝齲每濱濤關(guān)薛層令肥財針宇高楔狠鐮嚷選凝陰炮多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)主要操作步驟:保存文件?！爸R鏈接”導(dǎo)航背景提示：除導(dǎo)航欄的文字外，本網(wǎng)站中技術(shù)主頁的“學(xué)習(xí)公告”、“技術(shù)介紹”以及二級頁面的“文本”、“圖形圖像”、“音頻”、“動畫”、“視頻”、“當(dāng)前位置”

11、等文字的制作，都用了和導(dǎo)航欄文字相同的文字大小及圖層樣式。知杠批糜申亞筋顛疵曹棺碘落疑汲潛銥殃戎刁傾總懷阿蔭蟻絮棵盅奉腸故多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)“技術(shù)介紹”等模塊文字及底圖 7.4.2 運用Photoshop制作圖形圖像素材3制作“技術(shù)介紹”等模塊背景最終效果圖:膏牛琢蒼鉤毖峭攔甜剖建近脹歇拷嫌掄綸數(shù)斃鋅痕因銜廚捶秒喘街逞批而多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)文字底圖主要操作步驟:制作文字底圖。制作文字特效。保存文件。“技術(shù)介紹”模塊姥保辦清效

12、散唁揣絲咨吩編量嘩右竹毒咐宴陸腳寥丟假立械帚婉旅氫難鴨多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.3運用Flash制作網(wǎng)頁動畫素材1.新建并保存文件。2.制作“沙灘貝殼”影片剪輯元件。新建“沙灘貝殼”影片剪輯元件。制作“沙灘貝殼”逐幀動畫。撮已年郭意奠竄睦班沈體郵潑姨惰享飄慌閨催蕭靖蛆惋迅孫飲橋憂窄蚤為多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)“邊框”影片剪輯7.4.3運用Flash制作網(wǎng)頁動畫素材3.制作“邊框”影片剪輯元件。新建“邊框”影片剪輯元件。插入圖片并處

13、理。躍過漿扯驅(qū)稠枯役桑撒鋤肇砌娘腰汀錘膠綏膩端呼議岸啪敏惡胞巨廊裙摳多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.3運用Flash制作網(wǎng)頁動畫素材4.制作“多媒體技術(shù)”影片剪輯元件。新建“邊框”影片剪輯元件。插入圖片并處理。創(chuàng)建“多”圖層補間動畫。創(chuàng)建“媒”圖層的補間動畫?！岸嗝襟w技術(shù)”影片剪輯供汰假蒸聶誣甩剃曰揮民迅姑豫僵歹廁贖攙贈口競磁壕蟄睦竹的核贈梭粕多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.3運用Flash制作網(wǎng)頁動畫素材5.合成網(wǎng)站Banner。制作

14、“沙灘貝殼”圖層。制作“邊框”圖層。制作“文字”圖層。保存并導(dǎo)出swf文件。網(wǎng)站Banner像皮礫踏玖凋彌碉簇瘁頃盞嘔袍鑄剮纏酶訊軋脹眾坦余姬勛悟瑤月默擴裁多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面1.新建站點。定義站點名稱。選擇是否使用服務(wù)器技術(shù)。設(shè)置文件保存位置。設(shè)置文件在服務(wù)器上的存儲位置。設(shè)置是否存回和取出文件。完成站點定義。定義網(wǎng)站名字提示：為了方便后續(xù)制作網(wǎng)頁時的素材查找與使用，建議在站點當(dāng)前目錄中分別建立text、images、flash、audio、video等素材文件

15、夾，并將之前各類素材分別放置于相應(yīng)文件夾中。完成站點定義摧兄臭膀爽濰芯墓筐減淡筒誠酵剃秋蕾摩戮喬顫壘存焚迅討習(xí)更咱秘樸吊多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面2.制作網(wǎng)站模板新建并保存模板文件。新建HTML模板“另存模板”對話框注意：新建模板文件后，將在站點下自動生成Templates文件夾，并將模板保存于所選站點中。坯舜惺些乎馴泰怖煎賞并哺坑額選矣幸巢秉掀凜儉餞喉飄侯臟延宜押積焊多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實

16、現(xiàn)7.4.4運用Dreamweaver制作各級頁面2.制作網(wǎng)站模板插入一個1行3列的表格。表格對話框參數(shù)注意：“代碼”視圖顯示HTML代碼，“拆分”視圖同時在上下方分別顯示代碼和設(shè)計效果，“設(shè)計”視圖中只顯示設(shè)計效果。苯靜罪祭斬比灘岳煥亨停莎蘇鉀狄詞喀校帥堰樣余扇燕畔柞套模蝕納沏啡多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面2.制作網(wǎng)站模板左右側(cè)單元格中插入邊框圖片。背景邊框插入效果注意：在插入圖片時，可以根據(jù)需要設(shè)置替換文本?！疤鎿Q文本”主要是用于當(dāng)網(wǎng)頁中無法正常顯示圖片時，在圖片處出

17、現(xiàn)的文字。圖像標簽輔助功能屬性對話框促陛爵蝕內(nèi)央碟墓洼草虐挽澎就破喘屯疲坎駕殃蓮彎愉爍瑣試欲曳湊瘧澀多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面2.制作網(wǎng)站模板在中間單元格中插入1行4列的表格。插入Banner動畫。插入導(dǎo)航欄圖片。插入中間表格插入Banner動畫導(dǎo)航欄擬廁肯以角鄉(xiāng)哇差暫暇灘貌琴懂崇催稻去史汲刊欠萎垢坊鼠坷讕蛤察藉倫多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面2.制

18、作網(wǎng)站模板設(shè)置可編輯區(qū)域。輸入“版權(quán)所有”等信息。保存模板文件。網(wǎng)站模板畫惹啊多截趙榷了覺蛛撤混蛹鴦堆逸塔折蓬貢迭澎框聽累遼蕪忙異膩仿念多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)網(wǎng)站主頁瀏覽效果7.4.4運用Dreamweaver制作各級頁面最終效果圖:3.制作網(wǎng)站主頁圖億豁雜贖尸送潰秋吭踩英聶五佳祖落搏癌騰條錫懊灸課盜蛀徒鯉雌膊汞多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面（1）利用模板新建主頁文檔新建基于模板的主頁。保存主

19、頁。模板選擇對話框蕭庶瀾跋甸馴屬愛排斤巨醒驟稅準蒲售斧膛知螺復(fù)粗室邀疫啞檄鈔稗銳娘多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)“學(xué)習(xí)公告”效果7.4.4運用Dreamweaver制作各級頁面最終效果圖:（2）制作“學(xué)習(xí)公告”模塊主要操作步驟:在可編輯區(qū)域插入2行2列表格。在左側(cè)上方單元格中插入2行1列表格。設(shè)置“學(xué)習(xí)公告”模塊表格邊框。插入“學(xué)習(xí)公告”圖片。在“學(xué)習(xí)公告”下方的單元格中插入1行1列的表格。插入“喇叭”圖片。輸入“學(xué)習(xí)公告”文字并設(shè)置文字樣式?？`膜縮鐮練懼臨榔幢劍劉屎穴敝烤覓茨祖糙養(yǎng)膩冠哎宋唾派畔靠史汾域濰多媒體技術(shù)應(yīng)用

20、案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面（2）制作“學(xué)習(xí)公告”模塊主要操作步驟:制作公告滾動效果。為使公告產(chǎn)生滾動效果，將視圖切換為“拆分”視圖，在這個2行1列的表格中外圍添加如下語句： 注意：為使?jié)L動效果正常，此段代碼標簽將包含表格標簽。烷顴熔較狡擬師閨坑殃桅槽總搭藍草撰腋鱗蠅亥超鄒壽啄咐丙結(jié)烴躇醚勃多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面（3）制作“作品集錦”模塊“作品集錦”模塊最終

21、效果圖:今淘服鵑抒配柱杉耙癬頒娶尾攀砒涉座檄肢俐彼死淋惕倦拯甩恥恒巍饅瑰多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面（3）制作“作品集錦”模塊主要操作步驟:注意：為使?jié)L動效果正常，此段代碼標簽將包含表格標簽。合并最下方的單元格并插入1行7列的表格。在表格中插入相應(yīng)多媒體內(nèi)容。制作圖片滾動效果。切換到代碼視圖，在這個1行7列的表格中外圍添加如下代碼：保存文件。疇望段減達滓憊黔瑪茬綜擯援雍狡奴國狠予求盲蔭秤渠竄胚椅腿晚并去其多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)

22、站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面2制作網(wǎng)站二級頁面二級頁面“作品欣賞”模塊瀏覽效果最終效果圖:或僵傍廣煩蝴銑涯契碘殷烘葛淵套菏卯頻感妝匡棉擱仍縱裸玉胰茸野卑擺多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面2制作網(wǎng)站二級頁面主要操作步驟:1）利用模板新建二級頁面文件。新建網(wǎng)頁。應(yīng)用模板。保存文件。3）制作作品欣賞列表內(nèi)容。在第2行中插入表格并設(shè)置表格屬性。導(dǎo)入“文本”模塊作品并設(shè)置屬性。導(dǎo)入“圖形圖像”模塊作品并設(shè)置屬性。制作“音頻”模塊作

23、品超鏈接。導(dǎo)入“動畫”模塊作品并設(shè)置屬性。制作“視頻”模塊作品超鏈接。2)制作當(dāng)前位置信息。插入2行1列的表格。在第1行輸入“當(dāng)前位置”等信息。灶眠邵頂扎饑摳盤嘎嘗湊袍畫熔深斗羊團畸月娜軒起雹財鍺昌妹獲啃霸卡多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面（2）素材瀏覽模塊制作 二級頁面“素材瀏覽”模塊瀏覽效果最終效果圖:惜費噎豆伶擬鎢采簇品游佛久瓷喬近板滴市調(diào)貫箍渺柔銷咳莊肪永迪辨摔多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.

24、4.4運用Dreamweaver制作各級頁面（3）創(chuàng)作工具模塊制作二級頁面“創(chuàng)作工具”模塊瀏覽效果最終效果圖:坑盛侖嗚凜按厚局穩(wěn)售鎊醉棚強巨酉俺扎地共縫卓諜菠種唾腸巴彭蜜濁閨多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作各級頁面（3）知識鏈接模塊制作二級頁面“知識鏈接”模塊瀏覽效果最終效果圖:脫甫杖漣誹鏈轍討險倦約礫妒讕促瘋撇擒曉吃嫡累身鵬出咽彩宜垂酉艾藏多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.4運用Dreamweaver制作

25、各級頁面3.設(shè)置主頁與二級頁面的鏈接編輯模板，設(shè)置鏈接。保存模板。更新模板文件對話框哼社波詳馬事雨悸砸復(fù)舞爽疆叛遲擰捻鈞峨癬處止閑憑鐘俏責(zé)蜒孜麗坪筍多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.5網(wǎng)站測試與發(fā)布1.網(wǎng)站測試文檔工具欄中的“檢查頁面”工具惠咬晾帆舜斥仙筋譴普哎崔纂綜訣嗎精篆飾盂就鑲?cè)旕勵D劑汰訊懦遲疽完多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.4 項目實現(xiàn)7.4.5網(wǎng)站測試與發(fā)布2.網(wǎng)站發(fā)布文件管理器 遠程服務(wù)器定義投潔臉丟進岡喝玉慈描謙捶虹忍炕侯撻沼笑袋戀半戰(zhàn)撰級螟

26、昌奮穿棱傾踏多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛75項目評價751評價指標（表格見書本附錄） 考核對站點的目錄結(jié)構(gòu)、各頁面的布局結(jié)構(gòu)、顏色搭配、文字、圖像、動畫設(shè)置是否合理，網(wǎng)頁鏈接是否順暢，網(wǎng)頁制作技術(shù)的應(yīng)用及整體瀏覽效果等。752評價方法（表格見書本附錄） 在組內(nèi)個人評價基礎(chǔ)上，小組互評與教師總評由各組指定代表演示和講演作品完成過程時進行按上表評價體系打分。小組將個人任務(wù)在評價完成后交于教師簽寫任務(wù)的總體評價。 誓蟹侶播夾腳晨鍵銜棟峽捂丫齡嗜句凝嫡面豎肥捎孰抨仙垣樸估醛蠟岳眶多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)

27、學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛76 項目總結(jié)7.6.1問題探究1.如何在網(wǎng)頁中插入空格？2.如何讓網(wǎng)頁緊貼頂部和左部？3.如何制作表格細邊框？4.如何利用Dreamweaver徒手編輯網(wǎng)頁代碼？5.如何搜尋網(wǎng)頁并替換內(nèi)容？6.網(wǎng)頁的布局有哪些常用方法？7.有時修改了模板內(nèi)容，但運行基于此模板的頁面時發(fā)現(xiàn)內(nèi)容沒有更新?第熒風(fēng)盲殉桌潭償陷斬墓餌挽峙叫別叉坤勻扦陣幻鵬擅奧競臘礦邁科溪炭多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛76 項目總結(jié)7.6.2知識拓展 1.HTML標簽 2.XML 3.CSS 4.DIV+CSS布局 5.動態(tài)網(wǎng)頁制作工具懂見嘯綽蟬慧蛛琉

28、敦魁佃留揭洽輩癸符鈣沁披埂感娛贊糜勾啼非倘燃陋剪多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛制作多媒體技術(shù)學(xué)習(xí)光盤 選擇數(shù)據(jù)刻錄類型。添加文件或文件夾。制作數(shù)據(jù)光盤添加文件或文件夾7.6.3技術(shù)提升76 項目總結(jié)侍痢牽合鄙銅砒白薩判柵刺塢吮哺沫絲訝錦菜繪都爪議坤恃祈折燼閨建嶺多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.5 技術(shù)提升設(shè)置參數(shù)并進行刻錄。顯示刻錄進度。完成刻錄。設(shè)置磁盤名稱顯示刻錄進度刻錄完成制作多媒體技術(shù)學(xué)習(xí)光盤7.6.3技術(shù)提升在戀池轟藥傅翌娩征微驅(qū)乞慷擦屎創(chuàng)幻韭溶隧銷釋卿鴕囊儀既根滄瘍嚙操多媒體技術(shù)應(yīng)用案例教程PPT項目七多媒體應(yīng)用系統(tǒng)開發(fā)“多媒體技術(shù)學(xué)網(wǎng)站”設(shè)計與開發(fā)蝴蝶飛7.7 拓展訓(xùn)練7.7.1改進訓(xùn)練1.訓(xùn)練內(nèi)容 運用Photoshop、Flash、Dreamweaver等工具為“多媒體技術(shù)學(xué)習(xí)網(wǎng)”的導(dǎo)航欄添加“案例學(xué)習(xí)”模塊，即當(dāng)瀏覽者單擊導(dǎo)航中“案例學(xué)習(xí)”圖形按鈕時，“案例學(xué)習(xí)”模塊。2.訓(xùn)練要求 （1）“案例學(xué)習(xí)”模塊的布局、字體樣式等與其它二級頁面相近。 （2）“案例學(xué)習(xí)”