《DreamWeaver網(wǎng)頁設計與制作》的教學—特效實例

賀樂 鞍山市信息工程學校

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

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

一、跑馬燈文字效果

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

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

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

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

3.Marquee標記的常用屬性：

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

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

③Loop：表示循環(huán)的次數(shù)，值是正整數(shù)，默認為無限循環(huán)。

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

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

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

二、制作透明flash

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

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

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

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

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

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

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