《DreamWeaver網頁設計與制作》的教學—特效實例

賀樂 鞍山市信息工程學校

DreamWeaver是目前最流行的網頁制作軟件之一，其功能強大，方便使用，也是一款集創建站點、網頁制作、站點上傳于一體的優秀網頁制作軟件，在制作靜態網頁和使用ASP、ASP.NET、PHP及JSP等語言制作動態網頁方面都有非常出色的表現，備受廣大網頁設計師的青睞。

在網頁中添加一些恰當的特效，使網頁頁面具有一定的交互性、動感性，能吸引瀏覽者的眼球，提高頁面的觀賞性和趣味性。在網頁設計教學中，力求符合教師授課要求和學生認知規律，為體現任務驅動和分層教學的教學理念，通過具有典型性、代表性的跑馬燈文字效果和制作透明Flash實例來具體實現。

一、跑馬燈文字效果

電腦中的跑馬燈，跑馬燈在編程中，通常指有時需要用一矩形條顯示少量用戶特別關心的信息，這條信息串首尾相連，向一個方向循環滾動。

Dreamweaver提供了一個很有意義的標簽＜marquee＞，使用戶可以輕松地制作跑馬燈文字效果，也就是滾動文字。

1.打開文件,將光標放在單元格內，輸入“歡迎光臨芳華商務網”這個幾個字，進入到“代碼”視圖中，在“歡迎…”文字左右兩側分別輸入＜marquee＞、＜/marquee＞滾動標簽。

2.這樣，一個簡單的跑馬燈文字制作完成了，預覽看效果，下面改變一下運動速度：再次切換到“代碼”視圖，在“marquee”旁單擊空格鍵，在彈出的屬性菜單中選擇“Scrollamount”，在值中輸入“2”，表示滾動速度為2，最后生成代碼，預覽，看看速度是不是變慢了。

3.Marquee標記的常用屬性：

①Direction：表示滾動的方向，值可以是left,right,up,down,默認為left。

②Behavior：表示滾動的方式，值可以是Scroll（連續滾動）slide（滑動一次）alternate（來回滾動）

③Loop：表示循環的次數，值是正整數，默認為無限循環。

④Scrollamount：表示運動速度，值是正整數，默認為6.

⑤Scrolldelay：表示停頓時間，值是正整數，默認為0，單位為毫秒。

提示：以上各參數都是可選的，只用＜marquee＞標記，IE則會默認為向左滾動。

二、制作透明flash

Flash是由macromedia公司推出的交互式矢量圖和 Web 動畫的標準，由Adobe公司收購。做Flash動畫的人被稱之為閃客。網頁設計者利用 Flash 創作出漂亮、可改變尺寸的導航界面以及其他奇特的效果。Flash通常也指Macromedia Flash Player（現Adobe Flash Player）。2012年8月15日，Flash退出Android平臺，正式告別移動端。2015年12月1日，Adobe將動畫制作軟件Flash professional CC2015升級并改名為Animate CC 2015.5，從此與Flash技術劃清界限。

在網頁制作中，除了子自己制作的Flash影片外，還可以利用現成的Flash資源，直接將其設為透明背景，這樣既節省了時間，又添加了動態效果，特殊情況下，不失為一條捷徑。下面就用這個方法，再次制作珠寶網的banner。

①打開文件，將鼠標放在網頁中頁面中央的空白單元格內，在“屬性”面板中設置其背景圖片為“banner.jpg”，在單元格內插入影片xin.swf，單擊“屬性”面板的“播放”按鈕。

②由于影片較小，下面將其拉大，在“屬性”面板中，將“寬”改為“800”，高改為“212”，使其鋪滿單元格。

③單擊“屬性”面板中“參數”按鈕，在彈出的對話框中單擊“+”號，在參數中輸入“wmode”，值中輸入“transparent”（就是將Flash背景設為“透明”的意思）

④設置后的效果在編輯狀態中看不到，按F12鍵預覽，看到Flash影片變成透明，附加在原來的圖片之上，效果和原案例中一樣，在網上還有血多可以制作此效果的“透明Flash影片”,讀者可以試著下載運用，可暫時彌補不會flash的不足，給網頁增加意想不到的動感效果。

《網頁設計與制作》課程是計算機專業、電子商務等專業的一門專業課程，是一門實踐性很強的專業技術課程，又是一門主干課程，視為加強對學生應用操作能力的培養而開設的綜合性課程，它涵蓋了HTML語言、DreamWeaver、Photoshop、Flash等相關知識，全面介紹WEB站點開發、設計、制作、維護等技術。通過本課程特效實例的學習，使學生掌握DreamWeaver軟件的操作方法和操作技巧，學會應用其創建個人網站、具備一定的網站設計能力，學會網站的測試、維護、發布及推廣等。通過實特效例的講解，讓學生掌握網頁制作和網站開發知識。訓練和培養學生獲取信息和處理信息的能力，充分培養和提高學生的動手能力，學會網站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網頁特效。