Dreamweaver 4.0使用技巧集錦_Dreamweaver教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
      1. 用Dreamweaver 4.0制作閃動的Flash按鈕

      選擇菜單Insert→Interactive Images→Flash Button就可看到有哪些內嵌按鈕。在彈出的對話框里,你可以在“Style”列表里選擇自己想要的按鈕樣式,在預覽(Sample)窗口里可以看到這種樣式的效果如何。選擇好之后,在“Button Text”窗口輸入按鈕上面的文字,在“Font”窗口選擇字體,在“Size”窗口輸入文字的大小,在“Link”窗口輸入鏈接的目標,在“Target”窗口選擇鏈接打開的方式,在“BgColor”選擇按鈕背景顏色,在“Save As”窗口輸入保存的文件名。完成這些后,按下“OK”按鈕,你就完成了一個Flash按鈕啦。這個按鈕還會自動插入你的網頁中,然后在Dreamweaver編輯窗口選中你剛才制作的按鈕,屬性窗口就會顯示出這個按鈕的屬性,單擊上面的“Play”按鈕,你就可直接在編輯窗口預覽這個按鈕的閃動效果。需要注重的是Dreamweaver 4.0的這個功能不支持中文字體。

      2. 制作背景音樂

      在Dreamweaver中插入背景音樂是非常輕易實現的,這里介紹兩種方法,供大家選擇。

      (1)在頁面不顯眼的地方插入一空層,并在層內放入一個ActivX對象,雙擊該對象,在打開的對話框中選擇一個MIDI、WAV等音樂文件,然后在層對象屬性面板中設定其可視性為“Hidden”,保存變動后按F12預覽網頁,聽聽是否有音樂聲。

      (2)另一種方法是利用Dreamweaver的“Behaviors”行為編輯器,單擊“+”按鈕,選擇其中“Play Sound”選項,在彈出的對話框中選擇一個音樂文件即可。自己動手試一試吧!

      注重:要注重屬性窗口中音樂文件的路徑是否正確,有時會出現路徑中有錯誤字符,如路徑file:///C|/WINDOWS/MEDIA/Chimes.wav中的字符“|”是錯誤的,應改為:“:”。

      3. 讓背景圖象不滾動

      在Dreamweaver中插入的背景圖是會隨文字一起滾動。有的時候我們需要制作固定的背景圖,怎么辦呢?先定義一張背景圖,按“F10”打開HTML源文件,找到定義背景圖的語句,例如background=″images/background.JPG″,在它的后面空一格加上一句bgproperties=″fixed″。按F12預覽一下,看看它還滾動嗎!

      4. 定義大小不變的文字

      在上網時,經?吹絼e人網頁上的文字那么漂亮,不管你怎么設置瀏覽器字體的大小,它們的字體尺寸都不會發生變化。是不是覺得人家的水平太高了,自己有點自卑感呢?其實他們使用了網頁中的“CSS”樣式表技術,在Dreamweaver中要實現這一功能是非常簡單的。首先按“F7”或者選擇“窗口”菜單中的“樣式表”選項打開樣式表編輯器,在窗口中單擊鼠標右鍵選擇“新建”,在彈出的對話框中輸入需要定義的樣式表名稱,按“確定”,然后在列表中選擇第一項“類型”,并給具體的文字屬性定義參數(一般來說文字的大小在800×600的屏幕中選擇10.5較為適宜),按“確定”后,定義好的樣式表就出現了。選擇網頁編輯窗中的文本,單擊新的樣式表名,可以看到選中的文本發生的變化。預覽一下,試試定義的文本字體尺寸還會不會隨瀏覽器的選擇字體大小而改變。

      4. 改變狀態欄提示文字

      一般情況下,當瀏覽器裝入一個頁面時,在其狀態欄上顯示的是該頁面的地址名稱,顯得十分呆板。你有沒有想過給瀏覽器的狀態欄增加一點個性呢?假如你有這種遠望的話,那么請按照以下的步驟,我們一起來實現它吧!首先打開“Behaviors”行為編輯窗,單擊“+”按鈕,選擇“Set Text Set”下的“Text Of Status Bar”選項,然后在方框中輸入自己的文字,例如“歡迎來到我的主頁”等,單擊“確定”即可。

      5. 給文字施加行為(Behavior),制作動態文字特效

      在Dreamweaver中普通的文字是以字符為單位的,不能作為對象,即一些非常有用的JavaScript事件不能賦予文字。因為文字不像圖片和其他控件有具體的“標記”,所以文字與很多特效失之交臂。為了給文字添加特效,只有把文字做成超鏈接來處理。這樣文字就成為了對象,可以施加行為了。但是這樣又帶來了一些不需要的超鏈接屬性,比如下劃線,以及hover、visited等顏色變化。要想單純為文字添加特效,可以先把所想設置的文字做成超鏈接,然后再在它的上面添加行為,最后我們再把超鏈接轉變為普通文字。具體的步驟如下:

      共3頁上一頁123下一頁
      來源:網上收集//所屬分類:Dreamweaver教程/更新時間:2005-05-04
      相關Dreamweaver教程