插入互动式按钮.ppt

目錄 9-1 建立框架網頁 9-2 分割與調整框架 9-3 插入內置框架 9-4 插入互動式按鈕 9-5 製作書籤連結 9-6 課後習題 【實作題】 框架就是將一個頁面分割成若干區域，並分別指定區域的網頁來源，進而組成一個網頁整體，所以有框架的網頁亦可被稱為框架組網頁。每個框架中的內容是互相獨立、互不影響的，例如一個框架組網頁有A框架與B框架組件，其中A框架網頁更新後，B框架的網頁依然不變。如此對於網頁更新就更方便了，此特性被用在很多網站上。 雖然FrontPage提供多種框架範本，但在網頁設計過程中，並非所有範本都100%符合設計需求，此時就需要對框架進行編輯處理，例如調整框架大小、分割框架、刪除框架等等。本節將介紹分割與調整框架大小、內容的方法，以使得此框架符合「興趣」網頁的需求。 成果展示： 下例實作將主框架分割出一個左框架，並指定初始網頁，然後調整上框架的大小，接著設定左框架的內容，使之在瀏覽器中固定大小和隱藏捲動軸，並取消顯示框架的框線，最後編輯瀏覽器不支援框架的訊息。 內置框架是一種特殊的框架，它能以獨立的形式插入到框架頁中，使用一個區域顯示頁面內容，就好像在網頁上提供了一個瀏覽視窗，顯示內置框架頁面內容。關於內置框架的特性，多半應用於網站公告欄，或者其他更新較頻繁的資料編排上。 成果展示： 下例在主框架頁中插入一個內置框架，並設定初始網頁，然後調整內置框架的大小，並設定其內容，利用內置框架顯示網頁中的相關新聞連結。 選擇題 回目錄 離 開 1.（ ）請問如果要在既有框架中分割出新框架，需要下列哪一個按鍵的輔助？ A.Shift。 B.Ctrl。 C.Alt。 D.F1。 2.（ ）下列哪一項是內置框架的標籤？ A.frame B.table。 C.iframe。 D.head。 3.（ ）互動式按鈕不包括下列何項特點？ A.可以建立網頁連結。 B.預設了「原始、滑鼠停留時、滑鼠按下時」三個狀態 的效果。 C.可變更不同狀態的文字效果。 D.可加入聲音效果。 4.（ ）插入書籤的快速鍵為何？ A.Ctrl＋P。 B.Ctrl＋K。 C.Ctrl＋G。 D.Shift＋F。 5.（ ）插入超連結的快速鍵為何？ A.Ctrl＋G。 B.Ctrl＋K。 C.Shift＋G。 D.Shift＋K。 1.（B）請問如果要在既有框架中分割出新框架，需要下列哪一個按鍵的輔助？ A.Shift。 B.Ctrl。 C.Alt。 D.F1。 2.（C）下列哪一項是內置框架的標籤？ A.frame B.table。 C.iframe。 D.head。 3.（D）互動式按鈕不包括下列何項特點？ A.可以建立網頁連結。 B.預設了「原始、滑鼠停留時、滑鼠按下時」三個狀態 的效果。 C.可變更不同狀態的文字效果。 D.可加入聲音效果。 4.（C）插入書籤的快速鍵為何？ A.Ctrl＋P。 B.Ctrl＋K。 C.Ctrl＋G。 D.Shift＋F。 5.（B）插入超連結的快速鍵為何？ A.Ctrl＋G。 B.Ctrl＋K。 C.Shift＋G。 D.Shift＋K。 實作題 提示： 開啟FrontPage軟體，執行「檔案─開新檔案」功能，然後單擊「其他網頁範本」連結文字，開啟「網頁範本」視窗後，切換到「框架頁」籤頁，選取「橫幅和目錄」範本，最後單擊「確定」按鈕。 提示： 建立框架頁後，指定上框架初始網頁為「interest_up.htm」、左框架初始網頁為「interest_left.htm」、主框架初始網頁為「interest_main.htm」。 提示： 指定框架初始網頁後，向下拖曳上框架邊框，調整上框架高度。 提示： 指定初始網頁後，選取左框架，然後單擊右鍵，執行「框架內容」功能，開啟「框架內容」視窗後，設定框架寬度為150像素，並且取消勾選「在瀏覽器中可以調大小」核取項，設定顯示捲動軸為「永遠不檢查」。 提示： 執行「檔案─內容」功能，開啟「網頁內容」視窗，切換到「框架」籤頁，設定框架間距為0，並取消勾選「顯示框線」核取項，最後單擊「確定」按鈕。 提示： 執行「檔案─儲存檔案」功能，設定檔案名稱，然後單擊「變更標題」按鈕，輸入網頁標題為「我的興趣」，最後單擊「儲存」按鈕。 二、本實作題要求在主框架中插入多個互動式按鈕，並設定對應網頁的連結，然後變更按鈕字型與圖像的設定，製作網頁導覽按鈕列。 提示： 將游標定位在主框架的水平線下方，然後執行「插入─互動式按鈕」功能，開啟「互動式按鈕」視窗後，選取「左邊框 4」按鈕樣式，並輸入按鈕文字為「首頁」。 提示：