各种影像及flash按钮之功能设定.doc

插入影像 強調: 影像檔名請不要使用中文，以免出現伺服器不相容的問題，瀏覽時將無法出現影像。 底下有幾種方法可以加入圖片 (1)常用面板\影像鈕 (2) 於主功能表執行 插入\影像 (3) 利用網站面板加入圖片：選擇網站資料夾中的圖片檔後，直接將圖片拖曳至要插入的位置即可，此時影像會插入在閃動游標的位置上。 建議：若影像不是在網站資料夾中，進行插入時會浮現一訊息，建議將影像複製至網站資料夾中。若要插入的影像是在別的資料夾，而非在網站的資料夾中，請同意將影像複製到網站資料夾、或現存主網頁的資料夾以下的子資料夾中，再進行插入，以免網站資料上傳至網站伺服器後會找不到影像檔案。 影像屬性 選定影像後，屬性面板有一些設定可以更動， 影像的尺寸 影像原始檔 超連結 設定圖片與周圍間距 影像地圖：這是網頁常用的超連結技巧，在同一張圖片的不同位置可以進行點選，就會連結到不同的地方上，如下圖 (1) 點選的範圍可以是矩形、圓形、或不規則形；(2) 以滑鼠圈選區域；(3) 屬性列上設定連結的網頁名稱及連結的目標即可。做完連結後記得重新選擇最左側的滑鼠按鈕，回覆滑鼠的一般操作功能。 替代的低解析度圖片：如果影像過大，擔心瀏覽者下載傳到吐血，等傳完才發現不是想要的影像。設計者可以先設定一張低解析度的影像，尺寸相同，品質較差，檔案大小比較小。瀏覽者進行瀏覽時，瀏覽器會先下載低解析度影像，等高品質影像下載完畢後再進行置換，這樣可以減少瀏覽者的瀏覽時間。 替代文字：用意與替代的低解析度影像相圖，只是用文字替代影像，等影像下載完畢再浮現影像。 設定影像的外框，不須外框時將數字清除即可。 文繞圖的排列方式：預設是將圖當作是文字方式排列，一張圖會當作一列，因此排版時會影響同一行的文字與上下行間的間距，使用靠左對齊或靠右對齊的便可以產生文繞圖的效果，也就是會有多行文字繞著圖排列，會比較美觀。 超連結圖片隨滑鼠指標變換 此功能是Java Script才有的功能，但Dreamweaver已可實現，很像CSS文字變化，如下左圖所示，滑鼠未經過按鈕時，按鈕呈現”原始影像”，而當滑鼠經過時，則呈現”滑鼠變換影像”。 請先製作兩張影像，一張原始影像、一張變換影像。主功能表 “插入\影像物件\滑鼠變動影像”，即可進行設定。 導引列 導引列的效果也類似滑鼠變換影像，但是是Dreamweaver整合成一組圖片式，方便管理。首先必須準備幾組影像，每組影像都必須包含1.一般狀態影像、2. 滑鼠經過影像、3. 滑鼠按下影像、及4. 滑鼠被按下後經過的影像(底下的範例將第2、4視為同一張)。 第一組 : 1. 2 4 3 第二組 : 1. 2 4 3 第三組 : 1. 2 4 3 第四組 : 1. 2 4 3 準備好之後，點選主功能表”插入\互動式影像\導覽列”，如下所示， 增加導覽列的選項。 每次增加一個項目後，先設定項目名稱。 將四張影像依次加入。 加上連結的網頁。 確定是要水平排列或垂直排列。 注意： 還沒完成所有的項目前請勿按確定。再回到1重新增加項目。 若是以後欲增加新的項目，請選擇主選單”修改\導覽列”。 每個網頁僅能有一個導覽列，且修改時不能變更水平或垂直排列。 加入Flash按鈕 先提醒此項功能必須支援flash的瀏覽器才能執行（現在流行的各大瀏覽器應該都有支援吧….）。利用常用面板的flash按鈕，可以直接在網頁中加入具有flash效果的按鈕。(或是由主功能表 “插入\媒體\Flash按鈕” 亦可) 接著出現flash按鈕的設定面板，大致上都跟動態滑鼠按鈕或CSS文字面板設定類似，請自行試試。要注意的是面板下方有一個”另存新檔”，因為此flash按鈕是套用現有的樣式，因此設定完畢後必須將此flash按鈕的檔案轉存至現在網站的目錄下，請注意，勿使用中文檔名。事後欲進行修改時，則在屬性工具列的右側有”修改”鍵，可以進行修改。 插入flash文字 就是flash按鈕下側的那個，設定方式都差不多，請自行試試囉。