賀樂(lè) 鞍山市信息工程學(xué)校

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

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

一、跑馬燈文字效果

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

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

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

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

3.Marquee標(biāo)記的常用屬性：

①Direction：表示滾動(dòng)的方向，值可以是left,right,up,down,默認(rèn)為left。

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

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

④Scrollamount：表示運(yùn)動(dòng)速度，值是正整數(shù)，默認(rèn)為6.

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

提示：以上各參數(shù)都是可選的，只用＜marquee＞標(biāo)記，IE則會(huì)默認(rèn)為向左滾動(dòng)。

二、制作透明flash

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

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

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

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

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

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

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