賀樂 鞍山市信息工程學校
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是由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動畫和網頁特效。