隨著電腦的普及和互聯(lián)網(wǎng)的飛速發(fā)展，人們對(duì)網(wǎng)站建設(shè)的要求也日益增高，要想設(shè)計(jì)出更為優(yōu)秀的網(wǎng)站，頁(yè)面布局是網(wǎng)頁(yè)設(shè)計(jì)首要考慮因素之一。本文將簡(jiǎn)單介紹一種常見的頁(yè)面布局方法——利用框架進(jìn)行布局，以及這種方法的優(yōu)缺點(diǎn)。

框架是把瀏覽器窗口分成若干個(gè)區(qū)域，每個(gè)區(qū)域可以顯示不同的網(wǎng)頁(yè)文件。每個(gè)框架都是瀏覽器窗口中的一個(gè)獨(dú)立區(qū)域，在這個(gè)區(qū)域中可以顯示一個(gè)單獨(dú)的網(wǎng)頁(yè)而不影響其他區(qū)域中的顯示內(nèi)容，進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)使用框架可以非常方便地完成導(dǎo)航工作。

也就是說(shuō)框架是用于分割瀏覽器窗口的，可以將一個(gè)頁(yè)面拓展為多個(gè)頁(yè)面，每個(gè)頁(yè)面都可以顯示不同的網(wǎng)頁(yè)，它在網(wǎng)頁(yè)設(shè)計(jì)中的優(yōu)點(diǎn)是支持滾動(dòng)條，方便導(dǎo)航；框架的缺點(diǎn)是：難以實(shí)現(xiàn)在不同框架中精確對(duì)齊各個(gè)頁(yè)面元素，且保存時(shí)不方便，應(yīng)用范圍有限，另外進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)的兼容性不好，并不是所有瀏覽器都提供良好的框架支持。

下面以筆者制作的“旅游景點(diǎn)介紹”頁(yè)面為例，一步步說(shuō)明在網(wǎng)頁(yè)設(shè)計(jì)中如何利用框架來(lái)布局頁(yè)面。

一是選擇[文件]菜單欄中的[新建]命令，創(chuàng)建一個(gè)新的頁(yè)面；二是選擇[插入]工具欄中[布局]任務(wù)欄中的[框架]命令，選擇下拉菜單中其中一種框架類型，如“上方固定、左側(cè)嵌套”類型；三是彈出[標(biāo)簽輔助功能屬性]對(duì)話框，采用默認(rèn)的每一個(gè)框架標(biāo)題，單擊“確定”按鈕，創(chuàng)建框架集頁(yè)面；四是選擇[文件]菜單中的[保存全部]，保存框架文件及框架集文件，分別命名為“topframe.html”、“l(fā)eflframe.html”、“mainframe.html”以及“框架示例html”；五是單擊菜單“窗口”中的[框架]，顯示[框架]面板，在[框架]面板中，選中“mainFrame”，在[屬性]面板中將“滾動(dòng)”設(shè)為“自動(dòng)”；六是在頂部的框架中插入圖像，在左側(cè)的框架中插入一個(gè)7行1列的表格，在表格中輸入文字；七是在左框架的表格中選中文字，分別設(shè)置文字的超鏈接；最后是按下F12鍵，打開瀏覽器查看整個(gè)網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容。這個(gè)實(shí)例用框架布局整個(gè)頁(yè)面，但在框架里又嵌套了表格，這就實(shí)現(xiàn)了框架和表格有機(jī)結(jié)合，讓網(wǎng)頁(yè)設(shè)計(jì)時(shí)的頁(yè)面布局更加靈活。