网页的分割-框架.PDF

第十二章網頁的分割-框架 1/77 第十二章網頁的分割-框架 12-1認識框架 12-2框架的使用與編輯 12-3框頁網頁的儲存與編輯 12-4設定框架屬性與超連結 2/77 12-1認識框架 當您再瀏覽網站時，會看到不少網站的選單列在上方 或是右側，或者是網站的導覽列、版權聲明和Logo 都放在固定的區域，這是共用邊框的原始概念。而在 網頁中也有類似的功能，也就是「框架」。 所謂的框架 ，就是將網頁劃分成不同的區域，每個區 框架 域是一個頁面，可以放置不同的網頁元件，而每個區 域就是一個框架。這時您就可以將網站的選單列、網 站的Logo等固定的元件放在框架中，而網頁的主要 內容放在另一個框架中，而產生所謂共用邊框的效 果。 3/77 有框架的網站 4/77 目前最常見的框架分割方式有二 水平分割和垂直分割，水平分割是將網頁分割為上下 二個框架，一般選單列放在上方的框架，而網頁內容 則放在下方的框架。上圖就是水平分割的框架設定。 而垂直分割則是將網頁左右分隔為兩個區域，一般是 將選單列或共用內容放在左側的框架，而網頁的內容 放在右側的框架。 當然網頁中可以有多個框架，並不僅單單只分隔為兩 個頁面，只是多數網頁設計師不建議使用過多的框 架，版面過於分散或窄小時，網頁內容反而受限，而 且框架越多網頁內部超連結的設定就更麻煩，所以建 議不要分割超過三個以上的框架為宜。 5/77 12-2框架的使用與編輯 12-2-1認識框架範本 12-2-2建立框架網頁 6/77 框架的使用與編輯 要在FrontPage中使用框架有二種方法: 一個是利用軟體內建的網頁範例加以套用 另一個則是自己手動製作分割框架。 當然前者較為簡單，也可以省去一一分割框架的麻 煩。套用範本後還可以自己動手來調整框架的大小， 刪除或增加框架，來完成您心目中的框架網頁版面。 7/77 12-2-1認識框架範本 要在網頁中套用框架範本，請執行「檔案/ 開新檔案」來開啟開新檔案工作窗格，點選 工作窗格中的「其他網頁範本」來看看 FrontPage內建的網頁範本。 8/77 使用網頁範本中的框架最方便 9/77 範本網頁對話視窗 10/77 10種框架範本介紹 1. 內容：將網頁切割為左右兩邊，一般左側放置超連結的框架，而右側則是網頁的主 頁。 2. 水平分割：將網頁均分為上框架和下框架