共用方式為


新增或移除互動式按鈕

Microsoft Expression Web 可讓您更容易地將類似於進階圖形編輯工具按鈕的按鈕新增到網頁。您不需編輯任何程式碼,即可變更這些按鈕的外觀。您可以執行多項設定方面的變更,例如新增按鈕文字、選取按鈕與背景色彩,以及定義按鈕的超連結等。您也可以指定各種按鈕狀態 (包括原始、動態顯示及按下狀態) 的字型樣式、大小與色彩。您可以設定水平與垂直的對齊方式,並可變更按鈕的大小與屬性。

新增按鈕後,可以將按鈕連結到目前網站上的另一個網頁、全球資訊網上的網站,或是電子郵件地址。

新增互動式按鈕時,Expression Web 會建立按鈕的影像檔案。儲存網頁時,Expression Web 會提示您一併儲存按鈕的影像檔案。

新增互動式按鈕

  1. 在 [設計] 檢視中,將游標置於要新增按鈕之處。

  2. 在 [插入] 功能表中,按一下 [互動式按鈕]。

  3. 在 [按鈕] 索引標籤上的 [按鈕] 清單中,按一下按鈕樣式。

  4. 在 [文字] 方塊中輸入要顯示於按鈕上的文字。

  5. 在 [連結] 方塊旁按一下 [瀏覽]。

  6. 找出按鈕所要連結的檔案、URL 或電子郵件地址,並加以點選。

  7. 選用:在 [字型] 索引標籤中,指定各種按鈕狀態下之文字的字型、字型樣式、對齊方式與色彩。

  8. 選用:在 [影像] 索引標籤中,指定所建立之影像的大小,以及是否要建立各種按鈕狀態的影像。

刪除互動式按鈕

  • 按一下 [設計] 檢視中的按鈕,然後按 DELETE。

    Cc295564.alert_note(zh-tw,Expression.10).gif注意事項:

    刪除按鈕時,不會刪除與該按鈕相關聯的檔案。您必須從 [資料夾清單] 中刪除按鈕檔案。

設定互動式按鈕的屬性

  1. 以滑鼠右鍵按一下要設定屬性的 [互動式按鈕],然後按一下快顯功能表中的 [按鈕屬性]。

  2. 若要設定文字,請在 [按鈕] 索引標籤的 [文字] 方塊中,鍵入要顯示於按鈕上的文字。

  3. 若要設定字型,請在 [字型] 索引標籤上選取所需的字型屬性。

  4. 若要設定目的地,請在 [按鈕] 索引標籤的 [連結] 方塊中,找出按鈕所要連結的檔案、URL 或電子郵件地址,並加以點選。

  5. 若要設定按鈕背景,請在 [影像] 索引標籤上執行下列其中一項動作:

    • 若要讓按鈕的背景與具有純色背景的網頁相符,請按一下 [將按鈕製成 JPEG 影像並使用此背景色彩],接著按清單上的箭號,再按與網頁色彩相符的色彩。

    • 若要讓按鈕的背景與具有多變背景的網頁相符,則請按一下 [將按鈕製成 GIF 影像並使用透明背景]。

  6. 若要設定影像大小,請在 [影像] 索引標籤上執行下列一或多項動作:

    • 若要設定按鈕的高度和寬度,請在 [高度] 和 [寬度] 方塊內,鍵入或選取想要的像素值。

    • 若要保持按鈕的外觀比例,請選取 [維持比例] 核取方塊。

  7. 若要設定行為,請在 [影像] 索引標籤上執行下列一或多項動作:

    • 若要在網站訪客將滑鼠指標放在按鈕上時,按鈕即呈現變化,請選取 [建立色彩變化影像] 核取方塊。

    • 若要在網站訪客按一下按鈕時,按鈕即呈現變化,請選取 [建立按下影像] 核取方塊。

    • 若要在載入網頁剩餘部分時,載入按鈕之動態顯示及按下狀態的影像,請選取 [預先載入按鈕影像] 核取方塊。

請參閱

概念

建立網頁切換效果

定義元素的行為