隨著電腦的普及和互聯網的飛速發展，人們對網站建設的要求也日益增高，要想設計出更為優秀的網站，頁面布局是 網頁設計首要考慮因素之一。本文將簡單介紹一種常見的頁面布局方法——利用框架進行布局，以及這種方法的優缺點。
框架是把瀏覽器窗口分成若干個區域，每個區域可以顯示不同的網頁文件。每個框架都是瀏覽器窗口中的一個獨立區域，在這個區域中可以顯示一個單獨的網頁而不影響其他區域中的顯示內容，進行 網頁設計時使用框架可以非常方便地完成導航工作。
也就是說框架是用于分割瀏覽器窗口的，可以將一個頁面拓展為多個頁面，每個頁面都可以顯示不同的網頁，它在網頁設計中的優點是支持滾動條，方便導航；框架的缺點是：難以實現在不同框架中精確對齊各個頁面元素，且保存時不方便，應用范圍有限，另外進行網頁設計時的兼容性不好，并不是所有瀏覽器都提供良好的框架支持。
下面以筆者制作的“旅游景點介紹”頁面為例，一步步說明在網頁設計中如何利用框架來布局頁面。
一是選擇[文件]菜單欄中的[新建]命令，創建一個新的頁面；二是選擇[插入]工具欄中[布局]任務欄中的[框架]命令，選擇下拉菜單中其中一種框架類型，如“上方固定、左側嵌套”類型；三是彈出[標簽輔助功能屬性]對話框，采用默認的每一個框架標題，單擊“確定”按鈕，創建框架集頁面；四是選擇[文件]菜單中的[保存全部]，保存框架文件及框架集文件，分別命名為“topframe.html”、“leflframe.html”、“mainframe.html”以及“框架示例html”；五是單擊菜單“窗口”中的[框架]，顯示[框架]面板，在[框架]面板中，選中“mainFrame”，在[屬性]面板中將“滾動”設為“自動”；六是在頂部的框架中插入圖像，在左側的框架中插入一個7行1列的表格，在表格中輸入文字；七是在左框架的表格中選中文字，分別設置文字的超鏈接；最后是按下F12鍵，打開瀏覽器查看整個網頁設計內容。這個實例用框架布局整個頁面，但在框架里又嵌套了表格，這就實現了框架和表格有機結合，讓 網頁設計時的頁面布局更加靈活。
|
