【文章內(nèi)容簡介】 Flash 是有美國的 Macromedia 公司于 1996 年 6 月推出的優(yōu)秀網(wǎng)頁動畫設(shè)計(jì)軟件。它是一種交互式動畫設(shè)計(jì)工具，用它可以將音樂、聲效、動畫以及富有新意的截面融合在一起，以制作出高品質(zhì)的網(wǎng)頁動態(tài)效果。 2.、特點(diǎn) Flash 與其他工具相比，具有矢量描述、播放流暢、數(shù)據(jù)量小、色彩鮮明等特點(diǎn)。上手很容易，凡是用過類似 Photoshop 軟件的人就可以很輕松地掌握用 Flash 制作動畫。通過使用關(guān)鍵幀和圖符使得所生成的動畫體積很小，而且用 Flash 做出來的動畫是矢量的，與位圖形不同的是矢量圖形可以任意縮放尺寸而不會產(chǎn)生任何變形，保證圖形的質(zhì)量。 Flash 把音樂、動畫、聲效、交互方式融合在一起，使得越來越多的人把 Flash 作為網(wǎng)頁動畫設(shè)計(jì)的手選工具。強(qiáng)大的動畫編輯功能幫助設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動畫，通過 Action 和Fs Command 可以實(shí)現(xiàn)交互性，使 Flash 具有更大的設(shè)計(jì)自由度，另外，它與當(dāng)今最流行的網(wǎng)頁設(shè)計(jì)工具 Dreamweaver 配合默契，可以直接嵌入網(wǎng)頁的任一位置，非常方便。而且在 的版本中已經(jīng)可以支 持 MP3 的音樂格式。 馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 14 與其他教學(xué)工具不同的是， Flash 采用了“流”技術(shù)的播放方式，動畫是邊下載邊播放，如果速度控制得好的話，幾乎感覺不到文件還沒完全下載，這樣就能使整個教學(xué)過程流暢自然。 但 Flash 也有美中不足之處， Flash 的主要缺點(diǎn)是： （ 1）、需教師具有較好計(jì)算機(jī)基礎(chǔ)，對教師美工基礎(chǔ)要求高。 （ 2）、基于時間幀的概念，將結(jié)構(gòu)復(fù)雜化，并且給修改與管理造成極大不便。 （ 3）、交互功能的實(shí)現(xiàn)比較復(fù)雜，需要使用 ActionScript 腳本語言。 （ 4）、它不支持影像，多媒體支持格式少。 （ 5）、制作所需 花費(fèi)時間太久。 （ 6）、用戶的瀏覽器必須要安裝 Flash 播放文件才能正常瀏覽。 （四）、 PhotoShop Photoshop 并不是多媒體課件制作工具，它是專業(yè)的具有圖形處理功能的平面設(shè)計(jì)工具。使用它可以將任何圖片制作成我們想象到的效果。所以它更適合作為圖片素材的制作軟件。 主要優(yōu)點(diǎn)：強(qiáng)大的圖形處理功能。 主要缺點(diǎn)：不能制作多媒體課件。 馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 15 （五）、 Dreamweaver Dreamweaver 是制作基于 Web 風(fēng)格的多媒體 CAI 課件的軟件，它可以設(shè)計(jì)頁面的背景色 /標(biāo)題字體，快速建立超級鏈接，插入圖像及其他 教 學(xué)素 材 。 Dreamweaver 在 使用 和 操 作各 方 面都 與 Win9x 及Office 非常相似，而且對一般教師來說，不需要了解任何 HTML 程序即 可 使 用 Dreamweaver 輕 松 地 制 作 網(wǎng) 絡(luò) 式 多 媒 體 CAI 課件。Dreamweaver 制作課件的不足和 PowerPoint 一樣，不能設(shè)計(jì)復(fù)雜的交互性練習(xí)題，其優(yōu)勢在于網(wǎng)絡(luò)功能，教師在自己的計(jì)算機(jī)上制作好網(wǎng)頁課件，上課時，通過校園局域網(wǎng)，在多媒體教室可以訪問該網(wǎng)頁，甚至還可以通過 Inter 與其他學(xué)校的教師交流。本次論文設(shè)計(jì)就是用次軟件來完成的，其具體應(yīng)用在后面的幾章將作重點(diǎn) 介紹。 開發(fā)工具的選取 Dreamweaver 是 Macromedia 公司的出品的一款 所見即所得 的網(wǎng)頁編輯工具。與 Frontpage 不同， Deamweaver 采用的是 Mac 機(jī)浮動面版的設(shè)計(jì)風(fēng)格，對于初學(xué)者來說可能會感到不適應(yīng)。但當(dāng)你習(xí)慣了 其 操 作 方 式 后 ， 就 會 發(fā) 現(xiàn) Dreamweaver 的 直 觀 性 與 高 效 性 是Frontpage 所無法比擬的。 馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 16 Dreamweaver 對于 DHTML（動態(tài)網(wǎng)頁）的支持特別好，可以輕而易舉地做出很多眩目的互動頁面特效。插件式的程序設(shè)計(jì)使得其功能可以無限的擴(kuò)展。 Dreamweaver 與 Flash 、 Firework 并稱為 Macromedia 的網(wǎng)頁制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個非常緊密的結(jié)合。因此說 Dreamweaver 是高級網(wǎng)頁 和課件 制作的首選。 1. Dreamweaver 的整體簡介 Macromedia Dreamweaver 具有 卓越的可視環(huán)境 簡單易用。 使用 macromedia 的可視化開發(fā)環(huán)境（如右圖所示），你只需通過簡單的拖 拉 技 術(shù) （ Dragamp。Drop ）， 將 Objects 窗 口 中 的 對 象 拖 到Documentwindow中即可，例如： Web 開發(fā)人員想在網(wǎng)頁中加入一個Table，只需將 Table從 object窗體中拖放到舞臺中， Dreamweaver將自動生成一個表格，然后通過 Properties（屬性）窗體來進(jìn)行格式的修改和調(diào)整。 Dreamweaver 可以與目前流行的 HTML 代碼編輯器（如 BBEdit、HomeSite 等）全面協(xié)調(diào)工作。已經(jīng)習(xí)慣于使用這些純文本編輯器的設(shè) 計(jì) 者 將 在 不 改 變 他 們 原 有 工 作 習(xí) 慣 的 基 礎(chǔ) 上 ， 充 分 享 受 到Dreamweaver 帶來更多功能。設(shè)計(jì)者可以使用文本編輯器直接編輯馬鞍山師范高等專科學(xué)校（畢業(yè)論文） 17 HTML，同時使用 Dreamweaver 生成較為復(fù)雜的動畫、表格、 Frame、JavaScript 等。（ Dreamweaver 分別為 Windows 用戶以及 Macintosh用戶提供了完全版的 HomeSite 及 BBEdit這兩個目前最流行的代碼編輯器） 。 動態(tài) HTML 是 瀏覽器支持的新功能，將在未來廣泛應(yīng)用于網(wǎng)絡(luò)。這項(xiàng)技術(shù)可以增強(qiáng)頁面的交互性、提高下載速度、使頁面更美觀更易于設(shè)計(jì)且富有動感。 Dreamweaver 對 DHTML 完全支持，并提供了與之相關(guān)聯(lián)的四大功能。而其它的可視化網(wǎng)頁編輯工具幾乎不提供或只小部分提供動態(tài) HTML 的制作。 在 Dreamweaver 中定義的一個站點(diǎn)內(nèi)，設(shè)計(jì)者可以將重復(fù)使用的內(nèi)容（例如 Header、 Footer 等）獨(dú)立定義。這樣設(shè)計(jì)者在需要這些內(nèi)容的地方只需做一個簡單的插入就可以了。而且當(dāng)元素庫中定義的內(nèi)容被修改后，整個站點(diǎn)中設(shè)計(jì)同樣內(nèi)容的地方將統(tǒng)一發(fā)生變化而無需再逐一修改。 目前瀏覽器更新?lián)Q代很快，從 到 層出不窮。同時又有IE 和 Netscape 兩大陣營競爭。設(shè)計(jì)者制作出的網(wǎng)頁必須面向功能不同 的 瀏 覽 器 并 保 持 其 正 確 性 。 這 是 一 項(xiàng) 比 較 困 難 的 工 作 。 而Dreamweaver 不僅在設(shè)計(jì)時可以基于不同的目標(biāo)瀏覽器進(jìn)行 不同的馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 18 設(shè)計(jì)，而且在頁面制作完畢后， Dreamweaver 可以基于目標(biāo)瀏覽器對頁面進(jìn)行檢測并給出報告。在報告中將顯示出被檢測頁面的兼容性以及在不同瀏覽器中頁面的區(qū)別，同時還將指出頁面中 HTML 的句法錯誤。 的優(yōu)點(diǎn) 1．網(wǎng)站管理 : 使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱， Dreamweaver 會自動更新所有連結(jié)。使用支援文字， HTML 碼， HTML 屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單 2．無可比擬的控制能力 : Dreamweaver 是唯一提供 Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含 HomeSite 和 BBEdit 等主流文字編輯器。幀 (frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組， Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。 3．全方位的呈現(xiàn) : 馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 19 用 Dreamw eaver 設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于 cascading styl e sheets 的動態(tài) HTML 支援和鼠標(biāo)換圖效果，聲音和動畫的 DHTML 效果資料庫可在 Netscape 和 Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能， Drea mweaver 可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時，只要從Dreamw eaver 的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報告。 的缺點(diǎn) 1． 經(jīng)常有無法切換到代碼模式的現(xiàn)象 2． 在 Dreamweaver 中，經(jīng)常會出現(xiàn)表格大小不受控制，會自動改變表格的大小，有的時候如何使表格完全符合自己的要求真 的是件頭疼的事情。甚至有時候會發(fā)現(xiàn)多出一個寬度。 3． 打開 “ 站點(diǎn) ”。 因?yàn)樽?ASP，或 P HP、 JSP 都必不可少要先建立一個站點(diǎn)。但是 DW 的站點(diǎn)卻就像有多動癥一樣，隔一段時間就進(jìn)行 “ 站點(diǎn)遠(yuǎn)端文件排序，正在刷 新 馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 20 第三章 Dreamweaver 軟件制作簡介 站點(diǎn)的創(chuàng)建 1. 創(chuàng)建站點(diǎn) 在 Dreamweave 8 中可以有效的建立并管理多個站點(diǎn)。搭建站點(diǎn)可以有 兩種方法，一是利用向?qū)瓿?，二是利用高級設(shè)定來完成 。 在搭建站點(diǎn)前，我們先在自己的電腦硬盤上建一個以英文或數(shù)字命名的空文件夾。 （ 1）選擇菜單欄 —— 站點(diǎn) —— 管理站點(diǎn)，出現(xiàn) “ 管 理站點(diǎn) ” 對話框。點(diǎn)擊 “ 新建 ” 按鈕，選擇彈出菜單中的 “ 站點(diǎn) ” 項(xiàng) 圖 21 建立站點(diǎn) 馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 21 在打開的窗口上方有 “基本 ”和 “高級 ”兩個標(biāo)簽，可以在站點(diǎn)向?qū)Ш透呒壴O(shè)置之間切換。下面選擇 “基本 ”標(biāo)簽 。 圖 22 定義站點(diǎn)的位置 在文本框中，輸入一個站點(diǎn)名字以在 中標(biāo)識該站點(diǎn)。這個名字可以是任何你需要的名字。單擊 “ 下一步 ” 。出現(xiàn)向?qū)У南乱粋€界面，詢問是否要使用服務(wù)器技術(shù)。 馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 22 圖 23 設(shè)置站點(diǎn)的屬性 點(diǎn)下一步，在文檔框設(shè)置本地站點(diǎn)文件夾 的地址 ，完成站點(diǎn)的定義和屬性的設(shè)置后站點(diǎn)的定義和管理基本就已經(jīng)完成了。 超鏈接和設(shè)置頁面屬性 （ 1）超鏈接的作用和設(shè)置 Dreamweaver 中 從一個網(wǎng)頁跳到另一個網(wǎng)頁，這就是用到了超級鏈接。超級鏈接是 WWW 萬維網(wǎng)存在的基礎(chǔ)。 普通文本超級鏈接的加入。文本的 Properties 面板上有 Link 和 Target 兩項(xiàng)，這就與超級馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 23 鏈接有關(guān)。選中所需的文本，有 幾 種方法可使它鏈接到其它頁面。你可直接在 Link 后填入要鏈接到的頁面的地址。注意最好用相對地址，而不用絕對地址。 第二種方法是點(diǎn)擊后面的 圖標(biāo)，然后選取要鏈接到的頁面。 第三種方法是使用 圖標(biāo)。用快捷鍵 F5 可打開你定義的本地站點(diǎn)的文件列表，用鼠標(biāo)點(diǎn)擊 ，不要松開，拖動至你要鏈接到的頁面即可。 31 鏈接方法 最后一種方法是用鼠標(biāo)把本地站點(diǎn)文件列表中的文件直接拖到Properties 面板上 Link 后即可。 馬鞍山師范高等?？茖W(xué)校（畢業(yè)論文） 24 （ 2） 設(shè)置網(wǎng)頁屬性 使用 擴(kuò)展表格 模式設(shè)置具體的表格屬性， 擴(kuò)展表格 模式是用臨時添加表格的單元格邊距和間距并增加表格邊框以簡化編輯的 一種功能。特別需要指出的是，它使您能夠精