萬盛學電腦網

 萬盛學電腦網 >> 媒體工具 >> FrontPage基礎教程特效按鈕的制作

FrontPage基礎教程特效按鈕的制作

   特效按鈕的制作

  用一般的方法制作網頁中的按鈕,一點也不好看,還是用個FrontPage來制作一個特效按鈕吧。

  1、打開FrontPage,點擊菜單“插入-Web組件”。 (圖1)

FrontPage基礎教程特效按鈕的制作 三聯

  圖1

  2、在彈出的對話框中選擇組件類型為“動態效果”,效果為“懸停按鈕”。(圖2)

FrontPage基礎教程特效按鈕的制作

  圖2

  3、然後就可以來設置這個按鈕了,輸入按鈕的名稱、鏈接到的地址、按鈕的效果、大小和顏色等設置,這裡就是選擇的“發光”效果,完成點擊“確定”按鈕。(圖3)

FrontPage基礎教程特效按鈕的制作

  圖3

  這樣一個會發光的按鈕就輕松的制作出來了。(圖4)(圖5)

FrontPage基礎教程特效按鈕的制作 FrontPage基礎教程特效按鈕的制作

  點擊前 點擊後

  網頁過渡效果的制作

  有時候我們在浏覽網站的時候,會看見在打開網頁的時候有個過渡效果,很不錯,其實用FrontPage也可以實現。

  1、打開FrontPage,把需要添加過渡效果網頁打開,點擊菜單“格式-網頁過渡”。(圖6)

FrontPage基礎教程特效按鈕的制作(2)

  圖6

  2、在彈出的“網頁過渡”事件中來設置過渡的效果,先選擇效果出現的時候,可以選擇“進入網頁”或者“離開網頁”,如果選擇“進入網頁”,那麼這個效果就是在進入該網頁的時候顯示;接著設置一下效果的顯示周期,一般為6~8秒,這個可以根據自己的情況設置;然後就是選擇過渡效果了,找個自己喜歡的就可以了,如選擇“垂直遮蔽”。(圖7)

FrontPage基礎教程特效按鈕的制作(2)

  圖7

  下面就是“垂直遮蔽”的過渡效果,怎麼樣不錯吧^_^ 。(圖8)

FrontPage基礎教程特效按鈕的制作(2)

  圖8

  制作會動的文字

  想給你的網頁來點動態效果嗎?如一串會動的文字。

  1、打開FrontPage,點擊菜單“格式-動態HTML”效果,使前面的勾打上。(圖9)

FrontPage基礎教程特效按鈕的制作(3)

  圖9

  2、接著在編輯區域中輸入文字,選中它,然後在剛才彈出的“DHTML效果”工具欄中進行設置,如設置在“網頁加載”是,應用“彈起”效果,“從右側”開始彈起。完成後就可以點擊“預覽”按鈕看效果了。(圖10)

FrontPage基礎教程特效按鈕的制作(3)

  圖10

copyright © 萬盛學電腦網 all rights reserved