FrontPage技巧:[5]製作網頁按鈕?

Frontpage作為一種網頁製作工具,當然也少不了按鈕的製作,那麼,我們如何製作出自己喜歡的按鈕呢?下面我們來一起製作一個自己喜歡的按鈕。

FrontPage技巧:[5]製作網頁按鈕

工具/原料

Frontpage軟體

方法/步驟

新建一個網頁,把游標移動到將要插入按鈕的位置,單擊選單欄“插入”——Web元件。

FrontPage技巧:[5]製作網頁按鈕

在開啟的“插入web元件”對話方塊中選擇“動態效果”——互動式按鈕,單擊完成。

FrontPage技巧:[5]製作網頁按鈕

在彈出的“互動式按鈕”對話方塊中,在“按鈕”下拉框中選擇按鈕型別,在文字框輸入按鈕的文字,在連結框中輸入按鈕的連結。

FrontPage技巧:[5]製作網頁按鈕

然後在“互動式按鈕”對話方塊中切換到“字型”選項卡,選擇好“字型、字型樣式和字號”,選擇好“初始字型顏色、懸停時字型顏色和按下時字型顏色”,最後選擇好水平和垂直對齊方式。

FrontPage技巧:[5]製作網頁按鈕

然後切換到“影象”選項卡,填寫好寬度和高度,注意後面的“保持比例”,在勾選的時候長寬比一定,如果想改變長寬比就要取消“保持比例”。

FrontPage技巧:[5]製作網頁按鈕

勾選“建立懸停影象、建立按下時影象和預載按鈕影象”按鈕,如圖所示。

FrontPage技巧:[5]製作網頁按鈕

現在我們可以在“按鈕為Jpeg影象並使用背景色”和“按鈕為Gif影象並具有透明背景色”兩者中選擇一個,單擊確定。

FrontPage技巧:[5]製作網頁按鈕

現在儲存好網頁,並用瀏覽器開啟,把可以看到按鈕的初始狀態。

FrontPage技巧:[5]製作網頁按鈕

把滑鼠移動到按鈕上面,可以看到按鈕懸停時的狀態。

FrontPage技巧:[5]製作網頁按鈕

在按鈕上面單擊滑鼠左鍵,可以看到按鈕按下時的狀態。到這裡按鈕就製作好了。

FrontPage技巧:[5]製作網頁按鈕

網頁, 按鈕, 技巧, 工具,
相關問題答案

Have any Question?

Let us answer it!