第七堂課(插入導覽列、Plugin、圖層&申請留言版&好站連結)

各位老師:

Dreamweaver 的學習就要進入尾聲,其實一個好的網站,最重要的是內容,還有就是永續經營的理念,我們前面的六節課程,就已經可以讓大家架構起一個自己的網站囉!最後兩次上課,就視時間情況,教各位一些還沒教過的功能,網頁編寫的技巧想要學透,八節課程是不夠的,想要更熟稔,就靠各位往後的主動學習了。

一、插入導覽列:可以看看實例

  1. 插入→互動式影像→導覽列


  2. 導覽列的三個影像可以先利用影像處理或繪圖軟體等做好備用,舉PhotoImpact說明:

    網路→元件設計師→Rollover按鈕→點選喜歡的圖案→下一步→在正常、MouseOver、MouseDown設定好字體,及各種圖示的顏色→匯出→至影像最佳化程式→選擇GIF→另存新檔→命名→儲存,它就會很聰明的存起來三個檔案囉!

二、插入Plugin

  1. Dreamweaver支援很多的外掛程式,都可以試試看喔!例如聲音、影像檔等等,不過影像檔的檔案都不小,使用的時候要考慮。
  2. 插入→媒體→Plugin→出現外掛程式按鈕,點選之後出現控制點→再將其拉大到所需要的尺寸,Midi背景音樂也可以這樣做喔!
  3. 各位可以去教學資源管理系統下載∼水的傳奇---搖滾童話---We Will Rock You!來試試看此項功能。

三、插入圖層

  1. 圖層是Dreamweaver一項很棒的功能,圖層裡面可以寫字、插入圖片、插入表格等等,簡直就是開一個新的小網頁囉!
  2. 插入→圖層→點選圖層之後,可以利用控制點拖放圖層的大小。
  3. 圖層的位置是絕對位置,所以可以重疊在文字,圖片等等上面喔!
  4. 因此配合時間軸可以讓它在畫面上移動,明天有時間教這個。
  5. 圖層編寫的位置和預覽位置會有些微差距,所以有的時候需要調好幾次。

四、申請留言版

  1. 帶各位申請一家:HotBook∼http://www.hotbook.com.tw/webadd.htm
  2. 申請之後到個人信箱,找到版主寄來的留言版連結,以絕對路徑(整個完整的路徑,包含http://)連結在個人網站上。

五、好站連結

  1. 好站連結也是絕對路徑。
  2. 可以複製其他網站。
  3. 可以整頁下載再修改,以學校的好站連結舉例:

by yunol