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

來源:互聯網
上載者:User
frontpage|按鈕|基礎教程|特效

  在製作網頁的時候,如果給網頁增加一些實用的小技巧,那一定會給你的網站增色不少,下面就介紹幾個FrontPage的小技巧,希望能對你有協助。

  特效按鈕的製作

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

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


圖1

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


圖2

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


圖3

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


 點擊前                                   點擊後

  網頁過渡效果的製作

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

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


圖6

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


圖7

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


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

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


圖9

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


圖10

相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。