16-1 页框的应用 16-2 分割与储存页框组 16-3 将网.PDFVIP

本章重點  16-1 頁框的應用  16-2 分割與儲存頁框組  16-3 將網頁置入頁框  16-4 設定頁框網頁的標題 1 操作方式  插入列常用面版頁框  插入html頁框 16-1 頁框的應用  有些網頁會分割成好幾個區域，在其中一區置 入選單按鈕，另一區放進其他網頁的內容，當 點選按鈕，選單區的內容會保持不動，而只有 內容區會切換成其他網頁，大大縮短了下載新 頁面的時間。  可以在 IE 中開啟範例網站的日本寫真館網頁 (japanphotos.html) 來看看這種效果： 3 頁框的應用 4 頁框的應用 5 頁框的應用  什麼是頁框  頁框與頁框組 6 什麼是頁框  若把網頁分割成數個區塊，每個小區塊就是一 個頁框(Frame) ，每個頁框中都是一個網頁，可 以直接編輯它，或將其他網頁放進這個頁框中。  例如範例網站中的日本寫真館網頁 (japanphotos.html) ，其實是由四個頁框組成的： 7 什麼是頁框 8 頁框與頁框組  像上面這種由好幾個頁框組成的網頁，就稱為 頁框組(frameset) 。  頁框組也是一個獨立的網頁，只是一般網頁的 內容是文字、圖片或影音，而頁框組網頁的內 容則是紀錄 『這個網頁分割成哪些頁框』 ，以 及這些頁框的屬性。  例如舉例的日本寫真館網頁(japanphotos.html) ， 其實是如下的一個頁框組 ： 9 頁框與頁框組 10 16-2 分割與儲存頁框組  了解頁框的概念以後，以下將以範例網站的日 本寫真館(japanphotos.html)為例來說明用頁框 切割網頁的方法。 11 分割與儲存頁框組  分割頁框的方法  方法1 ：在開新檔案時分割  方法2 ：由「版面」面板來分割  方法3 ：手動分割F  移除頁框的方法  如何選取目標頁框  巢狀頁框  調整頁框的大小  設定單一頁框的屬性  儲存頁框組 12 方法1 ：在開新檔案時分割  Dreamweaver 可以讓直接選擇含有頁框的樣 本來建立網頁。請如下操作： 1. 在執行 『檔案/開新檔案』命令建立新網頁時， 會開啟新增文件交談窗  請選擇來自樣本的頁面頁次  在樣本資料夾選擇頁框組  挑選想要的分