DreamWeaver介面說明.docVIP

DreamWeaver 介面說明第一次開啟DreamWeaver時，很多人都會被介面上數量繁多的浮動視窗弄得眼花撩亂，這個時候，請您將這些浮動視窗全部關起來吧（或按F4），請跟隨講義後面的講解，再開啟需要的視窗。 介面簡介「屬性浮動視窗」： 非常重要的一個視窗，這個視窗上的屬性會依不同性質的物件（如table、layer、image、Frame等等）而有所不同，您可以使用「Ctrl + F3」來開啟或關閉它。 ?「物件浮動視窗」： 原本必須寫個老半天的HTML物件（如table、layer、image、Frame等等），在 DreamWeaver 中成為一個個圖形物件： 除了基本的圖層、表單等物件，也可以使用「物件浮動視窗」上的小箭頭「 」變換浮動視窗上的選項（一般來說，DreamWeaver 4.0安裝完之後預設有7個不同的物件視窗，但若想得到最新的物件，可以到MicroMedia的網站下載更多物件） ?「字元物件」： 在網頁中，有些字元（如「?」、「?」、「￥」等）是寫不出來的，必須利用「字元物件」中提供的特殊字元才能在往頁上顯示這些特殊字。 ? 「表單物件」： 包含了按鈕、下拉式選單等（如下圖）表單物件： 「窗框物件」： 將網頁切割成數個窗框的好用功能，軟體預設有六種款式，但您也能至MicroMedia網頁下載更多不同的窗框款式。 「檔頭物件」： 插入資料庫、meta、或是Reload鍵等檔頭物件。 ?「隱形物件」： 插入錨點、宣告、或是Java Script等隱形（在網頁上看不出來的）物件。 ?「特殊物件」： 插入一些applet等等小程式或是特殊物件。 「CCS Style 浮動視窗」： 在網頁中設定「CCS」專用，DreamWeaver 中的CCS應用非常靈活，可以針對一行字或是一整篇文字設定CCS樣式。 ? 「Code Inspector 浮動視窗」： 可以在此觀看或直接使用html原始碼編寫網頁，或者，也可以利用「Ctrl + Tab 」來切換「Design View」和「Code View」。 「HRML Style for site 浮動視窗」： 在「屬性浮動視窗」上雖然有「 」這些選項可以決定網頁上的文字樣式，但如果您覺得樣式不夠豐富，也可以使用「HRML Style for site 浮動視窗」內提供的樣式。 ?「Frame浮動視窗」： 如果網頁是由多個網頁所組成的，可以呼叫出「Frame浮動視窗」來觀看各窗框間的關係與原始碼。 ?「Behaviors浮動視窗」： Behaviors可以說是網頁中的特殊效果，常見如「圖片變換效果 」、「popup 視窗」等等皆是由Behaviors中製作出來的。 點選視窗上的「」鈕，會出現一條選單（預設為22種不同的Behaviors，若想有更多種Behaviors，請至MicroMedia網站下載，或點選該表單最下面一個選項「Get More Behaviors 」，將會自動連結到Micro MediaPlugins 下載頁） ? Dreamweaver 框架的概念與製作 像下圖這樣一個頁，事實上是由三個獨立的網頁合併在一起而成的，在DreamWeaver中利用「Frame」的技巧與概念，也可以輕鬆做出有多個框架組成的網頁唷！ ? ?什麼情況下使用「框架」（Frame）式的網頁比較好？以上圖為例，最左邊的選單列和中間上方的LOGO，希望在每個頁面中都出現，但由於這兩頁都是「圖」比較多的頁面，若是放在同一頁，除了在撰寫網頁時必須將所有的網頁都貼上選單和LOGO十分費事以外，Client端使用者也必須每到一頁就重新讀取一次選單和logo十分耗費時間，若使用Frame將不同性質的網頁分開來，以上的問題就可以輕鬆解決。 ? 在DreamWeaver終至做一個由很多網頁組合起來的框架式網頁並不難，方式也有很多種類，以下介紹將介紹一種最簡單的製作方式。 框架的製作 製作一個如下圖這樣一個網頁，首先必須製作最左邊的「menu.htm」頁，右上的「Logo.htm」和右下的「main.htm」三張網頁 ?「Menu.htm」： ? 「Logo.htm」： ?「main.htm」： ?在這裡附加說明的，網頁名稱必須是「英文」的，否則在讀取網頁時會造成錯誤連結，比方說「munu.htm」若是將檔名寫成「選單.htm」的話，就會出現錯誤。 「Ctrl + n」另開一頁新網頁，以「Ctrl + F2 」呼叫出「物件浮動視窗」，在浮動視窗上「common」字樣旁邊的小箭頭「 」點一下會出現一個選單，選取「Frames」後物件浮動視窗內的選項會變成「Frames」框格 ?依照您的需求，在浮動視窗上找尋適合的框架型態，點選之後網頁會變成框架頁（如