技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機(jī)純凈版,64位旗艦版,綠色軟件,免費(fèi)軟件下載基地!

當(dāng)前位置:主頁(yè) > 教程 > 軟件教程 >

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

來源:技術(shù)員聯(lián)盟┆發(fā)布時(shí)間:2019-04-18 06:20┆點(diǎn)擊:

  特效按鈕的制作

  用一般的方法制作網(wǎng)頁(yè)中的按鈕,一點(diǎn)也不好看,還是用個(gè)FrontPage來制作一個(gè)特效按鈕吧。

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

FrontPage基礎(chǔ)教程特效按鈕的制作 三聯(lián)

  圖1

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

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

  圖2

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

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

  圖3

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

 

  點(diǎn)擊前 點(diǎn)擊后

  網(wǎng)頁(yè)過渡效果的制作

  有時(shí)候我們?cè)跒g覽網(wǎng)站的時(shí)候,會(huì)看見在打開網(wǎng)頁(yè)的時(shí)候有個(gè)過渡效果,很不錯(cuò),其實(shí)用FrontPage也可以實(shí)現(xiàn)。

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

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

  圖6

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

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

  圖7

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

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

  圖8

  制作會(huì)動(dòng)的文字

  想給你的網(wǎng)頁(yè)來點(diǎn)動(dòng)態(tài)效果嗎?如一串會(huì)動(dòng)的文字。

  1、打開FrontPage,點(diǎn)擊菜單“格式-動(dòng)態(tài)HTML”效果,使前面的勾打上。(圖9)

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

  圖9

  2、接著在編輯區(qū)域中輸入文字,選中它,然后在剛才彈出的“DHTML效果”工具欄中進(jìn)行設(shè)置,如設(shè)置在“網(wǎng)頁(yè)加載”是,應(yīng)用“彈起”效果,“從右側(cè)”開始彈起。完成后就可以點(diǎn)擊“預(yù)覽”按鈕看效果了。(圖10)