使用互動式按鈕為網站添加特殊效果

來源:互聯網
上載者:User
按鈕|互動

  並非必須成為影像處理或編程專家才能在網頁上添加功能按鈕—您可以通過 FrontPage 2003 使用“互動式按鈕”。

  這些按鈕色彩豐富並具有專業化的外觀,就像使用進階影像編輯工具建立的一樣。與標準按鈕不同,當您將滑鼠指標移至按鈕上方或單擊時,其外觀會發生變化。

  將“互動式按鈕”添加到網頁

  若要添加“互動式按鈕”,請在網頁上要添加按鈕的位置單擊。在“插入”菜單上,單擊“互動式按鈕”。顯示“互動式按鈕”對話方塊後,請選擇按鈕樣式、外觀和行為。

  如何使“互動式按鈕”具有所需的外觀

  您添加“互動式按鈕”時,可以選擇形狀、顏色、裝飾、邊框、字型樣式和字型大小。形狀包括圓形、矩形、膠囊狀和標籤狀等。按鈕可以發亮或不發亮,或具有傾斜的角度。

  您可以使用“互動式按鈕”對話方塊中的“按鈕”選項卡來選擇按鈕樣式、按鈕文本,並為按鈕添加到當前網站中的其他網頁、全球資訊網上的網站或電子郵件地址的連結。

  使用“字型”選項卡,除了可以選擇字型樣式和字型大小,您還可以設定按鈕文本的對齊,並選擇每種按鈕狀態的字型顏色:初始字型顏色、懸停時字型顏色(將滑鼠指標懸停在按鈕上)和按下時字型顏色。

  使用“映像”選項卡,您可以調整按鈕映像的尺寸。由於您無法在“設計”視圖中像調整其他類型的映像一樣調整按鈕的尺寸,因此特別提醒您注意。此外,您可以在此處選擇按鈕映像的檔案格式。

  選擇按鈕影像檔格式

  要確定將按鈕映像儲存為 JPEG 或 GIF 檔案,請注意下列事項:

  JPEG

  JPEG 檔案格式的優點包括,讓 FrontPage 能夠提供色彩坡形以及更複雜的按鈕樣式的效果(如楔形樣式、浮雕樣式和發光樣式)。
其缺點包括,JPEG 映像具有純色背景。如果您的網頁背景為純色,則可以使按鈕的背景色與網頁的背景色吻合。但如果您的網頁不具有純色背景,則 JPEG 格式的按鈕將無法正常顯示。

  GIF

  GIF 檔案格式的優點包括,可以提供透明背景色。因此如果按鈕具有圓形邊緣,則網頁的背景色可以顯露出來。

  其缺點是,GIF 僅顯示 256 種顏色,有時這不足以顯示漸層顏色和更複雜的按鈕樣式的效果。與 JPEG 檔案格式相比,按鈕邊緣和按鈕上的部分色彩坡形可能比較粗糙。

  “互動式按鈕”映像的狀態

  如果您插入“互動式按鈕”,FrontPage 會自動建立三個獨立的映像,分別代表網站訪問者與按鈕互動的三種狀態:初始狀態、懸停時狀態和按下時狀態。當您儲存網頁時,FrontPage 會提示您同時儲存按鈕影像檔。

  首次儲存按鈕時,FrontPage 會自動提供三個預設的按鈕影像檔名。這些檔案名稱以單詞“button”開頭,並以唯一值結尾,如某個數字或字母。

  我們建議您適當重新命名影像檔,以便將來在影像檔名列表中區分不同的映像。如以下執行個體所示:holiday1.jpg、 holiday2.jpg、holiday3.jpg。

  注釋 如果您從網頁上刪除“互動式按鈕”,不會刪除與按鈕相關的三個映像。若要永久刪除這些影像檔,您必須以手動方式分別將其刪除。



相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。