Dreamweaver书面报告.doc

Dreamweaver書面報告電機四 B90901095 簡至攸Dreamweaver之所以受到網頁設計者的歡迎，除了一般網頁編輯軟體必備的文字、圖片編排、表格製作等基本的功能外，方便的圖層功能，可以讓設計者將網頁上的元件靈活排版。另外特有的行為功能更是方便，不但內建多種由JavaScript設計出的動態效果，更可以讓使用者透過Macromedia公司的網站取得更多免費的擴充功能，來增加不同的效果，這也是其他網頁編輯軟體所不及的地方。與Macromedia 公司其他軟體更可輕易的搭配，如Flash的一些按鈕功能便可以由DreamweaverMX2004直接來製作，所以將來與Flash之間的相容性是絕對沒問題的。以下分為數個部分介紹DreamweaverMX2004。一、 認識Dreamweaver MX 2004一打開Dreamweaver MX 2004，可以看到一個全新的操作介面，不但加大了編輯的空間，並且配合編輯時的邏輯，重新整理所有工具的位置，可以快速的取得所需的支援：增加更多的基本操作支援像是對表格的編輯，也加強了許多支援，例如一個常用面板，可以自行編輯自己常用的功能，利用圖示的方式列舉出來讓你快速取用：與其他Macromedia產品做完美的結合在原來的Dreamweaver MX 2004操作視窗中，可以與Macromedia Studio MX 2004的軟體成員做緊密的結合，加強使用時的便利性，也帶來更有效率的編輯空間。與現今搜術同步支援Dreamweaver MX 2004可有技巧的配合現在最常應用到的ColdFusion、J2EE、PHP.NET，以及其他更進步的技術，對於XML名稱空間的支援、ASP.net的表格控制元件也有很大的改變。加入基礎的影像編輯功能制作圖文網頁時，不管想要對影像做何種簡單的編輯，都得透過其它影像編輯軟體的輔助。在Dreamweaver MX 2004中，加入幾種基礎的影像編輯功能，讓網頁編輯者無須透過其他影像編輯軟體，便可完成網頁作品。加強CSS的基礎功能當所建構的網站是以CSS為架構基礎時，新版本的Dreamweaver加入更多對於編輯CSS的各種新功能，而且處處都有套用CSS的套用功能出現，可在你編輯CSS網頁時，可以更快速且更直覺的建網頁：加強加入外部檔案與程式時的整合例如我們要在網頁上加入Microsoft Word檔案，或是Excel檔案時，可以完整的保留原始檔案的CSS樣式，以及原來所使用的字型等文字屬性，對於外部檔案與程式的整合，更能保留並支援原味。二、 Dreamweaver基礎操作開啟Dreamweaver開啟Dreamweaver時，會出現一個起始頁面，透過這個方便的面板，可以開啟之前建立的網頁、顯示最近編輯的網頁名稱，還可以選擇各式網頁的選擇等等，是一個很便利的選擇面板：Dreamweaver MX操作視窗Dreamweaver的面板簡單來說可以初成五個主要面板：插入面板、編輯面板、屬性面板、各式浮動面板、文件工具列等。三、 網頁的行為特效網路上常有許多由JavaScript所撰寫出來的網頁效果，要撰寫這些網頁效果對於沒有程式基礎的設計師基本來說是比較困難的，雖然現在有很多JavaScript程式片段可以藉由複製的方式加入到網頁上，但是還是常會有出錯的時候，所以Dreamweaver MX 2004便將這些好用的網頁效果集合起來，製作成方便使用的功能。行為面板當我們在網頁上設定一個行為動作之後，為了讓此項動作可以正常運作，通常便會設定要觸發此項動作的事件。只要按下行為面板上的鈕便可以秀出可用的行為指令，如下圖：設定了各種動作之後，接下來便是選擇一個事件以便在適當的時機來觸發所設定的動作效果。例如我門希望彈出訊息的動作能在網頁被開啟的時候出現，則事件便可以設定在網頁的onLoad上，因為onLoad事件便是代表載入網頁的意思，以下是一些常用事件的說明：onAfterUpdate：當上傳完畢onBeforeUpdate：當上傳之前onClick：在滑鼠元件上按一下時onDbClick：當滑鼠在元件上按二下時onFocus：當焦點移到元件上時onMouseDown：當滑鼠在元件上經過時onLoad：當網頁被開啟載入時onBeforeUnload：當離開網頁之前四、 樣版的建立與應用認識樣版當在做企業網站或是在做一般重複性質很高的網頁時，若沒有樣版的觀念，可能我們會利用另存新檔的方式複製數份網頁檔案，再一個一個做修改。不過做網頁我們為了講求效率，可以利用Dreamweaver將重複性較高的網頁版面存成樣版後，再直接套用就可以了。新增樣版有兩種方式：一種是將做好的網頁版面存成樣版，另一種則是開啟一個新的樣版，再重新準備網頁版面的設計。五、 CSS樣式表認識CSS樣式表在網頁編輯過程中，我常會用到一些樣式，例如段落的標題樣式。但是這些原本由HTML所提供的樣式在使用上有嚴重不足的窘境，因為我些樣式能做的變化實在太少。由於基本的樣式變化不多，基於這個原因，W3C(World Wide Consortium)組織特別又制定了一套規格標準為CSS(Cascading Style Sheet)樣式表，藉以用來加強HTML在網頁文件編排上樣式的不足。當網頁的版面構成多了樣式表的幫助之後，我們便可以運用如文書處理或是排版軟體的樣式設定，將這些建立出來的樣式表加以命名儲存，如此一來，同樣的樣式不但可以運用在同一網頁中，更可以延伸給其他網頁來使用，使你製作出來網頁擁有一致的風格，並且增加製作時效率。藉由增加CSS樣式快所製作出來的網頁，不但能做到以往HTML所不能的文字重疊效果，而且還可以將文字放在任意位置上、做出區塊的變化等特殊效果，擺脫傳統網頁編排上的死板印象。至於在瀏覽器的支援上，微軟的Internet Explorer 5以上的版本已經支援到CSS 2，所以不用擔心製作出來的網頁會有支援上的問題。六、 使用Dreamweaver心得現在人們最常用的網頁編輯軟體便屬Frontpage和Dreamweaver了，對於大部份的PC user，Frontpage或許是比較熟悉的一套軟體，因為常常在安裝office時便把Frontpage安裝到PC裡了，屆時編輯時當然就手邊現成的工具來用。用了Frontpage和Dreamweaver之後，感覺就基本操作而言，兩者都很容易上手，若要實現一個簡單的網頁，二者不分上下，但Frontpage畢竟是Microsoft的系列軟體，視窗介面的安排較令人熟悉。若是想