多媒體網頁    資工一D 489192483 葉鐙元 

網頁題目:介紹網頁編輯軟體Dreamweaver  淡江大學 資工一D  489192483  葉鐙元

 

網頁大綱:

Dreamweaver介紹 Dreamweaver的動畫功能 軟體比較 個人使用心得

Dreamweaver介紹:

Dreamweaver 推出後造成轟動,Dreamweaver 可以說是目前設計網頁最強的工具軟體,因為它可以設計出互動式的網頁,也具有圖層和樣版功能,都是非常重要有用的功能,想要設計夠炫的網頁,試試 DreamweaverDreamweaver 以所見及所得及專業快速的網頁設計能力,能讓不懂網頁設計的人,也可以在短其間內,設計出專業的網站。

Dreamweaver的動畫功能:

Dreamweaver之所以與眾多網頁編輯軟體所不同的地方我想就是這動畫的功能了。請看以下的說明.........  

FrontPage vs. Dreamweaver 的兩套重量級的網頁設計軟體的比較:

在目前的網頁編輯軟體中,最知名以及最常用的兩套熱門軟體應該是微軟的 FrontPage 以及 MacroMedia 公司的 Dreamweaver,雖然許多人都耳聞和使用過這二套軟體,但許多人仍然不清楚這兩套軟體的差別和優缺點以下將做比較:

一、 Word 軟體的相容性

許多人都是使用 Word 來輸入和編輯他們的文字檔內容,如果要將這些文字檔內容剪貼 FrontPage Dreamweaver 軟體時,您會發現 FrontPage 在這方面略勝一籌,因為您只要在 Word 中選取 (反白) 您所要的內文部份 (包含圖片),然後貼到 FrontPage 的文字編輯區,不僅文字和圖片都能正常產生,而且樣式也幾乎一致,比較無法一致的是︰原本是置中的圖,會變成靠左的圖。 但是如果您選取了 Word 中的一塊內文部份,然後想要貼到 Dreamweaver 中,您會發現︰圖不見了,而且文字的樣式也不見了,因為文字全部擠在一起,連段落也不見了。 因此您如果要調整這些文字和圖片,就必須再花上不少時間。

二、圖片的使用

在使用圖片時,如果想要在 Dreamweaver 中放上圖片,必須使用「插入圖片」的方法來產生,無法使用「剪貼簿」的貼上(Ctrl+V)方法,因此您的圖片必須要先存放在硬碟上,並且已取好檔名。然而 FrontPage 就輕鬆多了,您可以從任何軟體複製或剪貼圖片到 FrontPage 中,這些圖片並不需要先儲存。因為當您要儲存網頁的時候,FrontPage 便會一併將這些圖片以預設的檔名儲存在「與網頁的相同資料夾」中,當然圖片的檔名和儲存路徑都是可以修改的。如果您正是由 Word 軟體貼上整個文字和圖片,那麼您只要儲存網頁,這些圖片便會自動儲存,不勞您操心。

三、所見即(WYSIWYG)

在這項功能要求上,仍然是 FrontPage Dreamweaver 強,由於這一點對初學者相當重要,因此包括學生等網頁設計的初學者,都是相當偏好 FrontPage。所謂「所見即所得」,就是您在軟體中所設計的樣子,是否會和最後所呈現的樣子「完全一樣」。遺憾的是,在我們使用 FrontPage Dreamweaver 時,都無法達到真正的「所見即所得」,也就是說,我們在網頁編輯時的樣子,跟最後在 IE 等瀏覽器中所看到的樣子往往都有極大的差距。其中又以 Dreamweaver 的差距更大,因此我們往往要時常地配合瀏覽器來觀看結果,然後再到網頁編輯軟體中做修改。尤其在處理文字的動作上更是常會有令人不太愉快 (說不太愉快還算客氣) 的經驗。如果您常要設定文字的「樣式」,建議您使用 FrontPage

四、文字

在使用文字時,FrontPage 提供較多的設定功能,能讓文字做更多的樣式變化,而且文字在經過設定樣式後,文字也會做立即的更動。例如您除了可以讓文字有「字型」、「小」、「顏色」等基本的設定外,也可以讓文字有「內縮」、「行距」、「段落距離」、「字距」,而後面這四項在 Dreamweaver 都是無法設定的。但是雖然 FrontPage 在文字樣式上提供較多的功能,同時在「所見即所得」上,也較令人滿意,但並不是說,FrontPage 在這方面就沒有缺點,有時我們在設定連結文字的色彩或粗細體上,也往往碰到一堆問題,這些都是軟體廠商未來應該注意的事項。我們大家替他們加油打氣吧。

五、設計動與互動式網頁

Dreamweaver 的使用者和支持者,從這裡開始,您們可以抬頭挺胸了,因為有連續二大項的功能,都是 Dreamweaver 的強人之處,而且是極重要的二項。首先的這項功能,就是 Dreamweaver 具有「設計互動式網頁」的功能,您可以利用 Dreamweaver 的「圖層(Layer) 和「時間軸(Time Line)的功能,來讓圖片或文字隨意地在網頁中自由移動,移動的方式可以是繞著您所設定的路徑 (path) 移動,也可以是左右或直線的移動。另外,您可以設計讓文字或圖片配合滑鼠的點選有更多的變化,也就是說,「當滑鼠經過文字或圖片,文字或圖片會產生變化的動態效果」 Dreamweaver 還可以插入 Flash .swf 動態檔和 Firework 所設計的 HTML 檔,讓網頁更加活潑,雖然 FrontPage 也可以插入 Flash 檔案(如下圖),但操作上當然比 Dreamweaver 麻煩,因為 DreamweaverFlashFirework 都是 MacroMedia 公司的產品。 

六、樣版功能(Template)

現在的網站內容,大都會在每一個網頁中提供「目錄式」(主功能) 連結,這些目錄式的項目,可能在未來會有改變,但是您的網頁可能也有數百個或甚至數千個,難道您每個網頁都要做一一修改嗎?那當然是不可能。於是 Dreamweaver 提供了「樣版」功能 (樣版副檔名為 .dwt),您只要設計一份樣版或二、三份樣版(份數當然可以依照您的需要產生),然後將您的網頁「套用」這些樣版,之後您只要修改相關的樣版(可能只要改變一個),那麼所有套用樣版的網頁,便可以「一次全部」跟著修改,這項功能對於設計大型網站或多網頁的網站有「容易修改和維護」的作用。至於 FrontPage,雖然它有提供「佈景主題」(Theme),也能夠讓多網頁套用到某些「佈景主題」的樣式,但是 FrontPage 的這項功能,彈性比較差,也就是說,您在許多地方並無法按照您個人的想法來設計,只能使用 FrontPage 的幾種固定樣式。因此,如果您希望設計出富有變化的套用樣版,那麼建議您使用 Dreamweaver

Dreamweaver個人使用心得:

      Dreamweaver真是一套專業網頁編輯的超強軟體,除了與一般網頁編輯軟體都有的功能之外,還有網頁動畫的效果,檔案容量又小,效果不減,結合文字、圖案、動畫、音樂更可充分表現出多媒體網頁的特色。