頁框網頁的設計，可讓訪客在瀏覽器的畫面上同時看到不同的網頁，在早期是相當常見的設計。頁框網頁的優點是在訪客點選超連結時，只在瀏覽器的部份區域顯示連結的網頁，因此重要的連結可以停駐在畫面的固定位置，避免訪客迷失在網站複雜的連結中；同時也可以減少傳送重複資料使用的流量。
頁框網頁範例 - 站地萬象 http://www.hotrank.com.tw
設計頁框網頁必須考慮版面編排的問題，現在大家使用的螢幕解析度從以往的 640x480、800x600 逐漸變成 1024x768 以上，頁框網頁製作上並不困難，但是網頁內容的編排上有其限制，目前使用頁框製作的網站確實已經不多見了。
新增頁框組網頁
開啟 Dreamweaver 的「新增文件」對話框，選擇「來自樣本的頁面」，就可以選頁框組的樣本。
★
Kelvin 老師建議使用以上的方法製作頁框組網頁，以避免發生「遞迴頁框錯誤」的問題。
設定頁框組屬性
設定是否顯示邊框、邊框寬度、邊框顏色。
顯示頁框邊框
製作頁框網頁時，經常在 Dreamweaver 編輯時看不到頁框的邊框，因為 Dreamweaver 視覺輔助的「頁框邊框」在預設並未顯示。
編輯無頁框內容
執行 [ 修改 > 頁框組 > 編輯無頁框內容 ] ，就可以編輯無頁框內容。當訪客的瀏覽器不支援頁框時，就會顯示這些內容。