按一下檔案/開新檔案/網頁(一定要從此進入，不能從功能表列的框架進入，因為根本無法使用)
選擇框架頁(本例選為左右分割的內容選項)
會出現如下圖的左右灰色畫面，如果先前還沒有做好其它網頁，則左右兩邊皆按下開新網頁鈕。
並把兩邊網頁換上不同底色以方便等一下觀看結果時有較明顯分別。
框架頁編輯
在編輯畫面灰色框架線按住滑鼠左鍵拖曳，能夠改變左右分割區域大小。
在編輯畫面灰色框架線按住滑鼠右鍵，會顯示出框架內容，按下滑屬左鍵進入。
框架內容裡有許多設定可供調整，如果你不希望網友瀏覽你的網站時能拖曳分割區大小，請取消在瀏覽器中可以調大小前的勾號。
再按下框架頁按鈕
將顯示框線前的勾號取消，以免畫面中總是有灰色分割線不美觀。
結果如下
框架頁存檔
按下存檔鈕會出現另存新檔畫面，先存左邊頁面(檔名可自訂)
再存右邊頁面(檔名可自訂)
最後存整個頁面(檔名可自訂)，在此講解一下其原理，原來網頁上看到分割成左右兩頁的畫面，都事先連到最後存的這個頁面，此頁面只是紀錄左邊要顯示什麼檔案、右邊要顯示什麼檔案，實際上這整個頁面只是做個分割畫面該指向哪幾個檔的動作。
框架連結目標
確認如果你按照以上步驟現在應有frame、left、news等3個htm檔案，並產生一個一般空白頁面為who.htm
開啟frame.htm，在左邊頁面輸入文字(如最新消息、站長簡介)，分別反白選擇超連結點到news.htm與who.htm。
試一下到瀏覽器時按左方選單則右方會不會變化內容。
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。
