4>網(wǎng)頁(yè)布局兩法:表格和框架

2,框架布局

下面以最常見(jiàn)的三分框架(banner,contents,main)為例介紹。

單擊每部分的"new page"按鈕新建網(wǎng)頁(yè),"set initial page"導(dǎo)入已經(jīng)存在的網(wǎng)頁(yè),其中main(最右)窗口多是用來(lái)顯示切換網(wǎng)頁(yè)內(nèi)容的,contents(最左)存放目標(biāo)連接列表.banner(最上),顧名思義,網(wǎng)站的logo及banner顯示位置.

在contents里選中需要建立鏈接的目標(biāo)文本,ctrl+k彈出鏈接窗口,如圖

單擊"target frames"按鈕,進(jìn)入"目標(biāo)框架"窗口,如圖

在"current frames page"預(yù)覽里高亮顯示鏈接目標(biāo)框架部分,這時(shí)在"target setting"輸入框中會(huì)同時(shí)顯示該部分的名稱"main".ok完成.

上面我們已經(jīng)建立了一個(gè)普通的框架網(wǎng)頁(yè),通過(guò)拖拉各部分框架的邊框可調(diào)整具體的frame位置.考慮到框架的應(yīng)用不是很重要,因此更詳細(xì)的設(shè)置這里就省略了.

在此,指出幾點(diǎn)需要注意的內(nèi)容:

1)框架支持滾動(dòng)條的顯示效果,當(dāng)網(wǎng)頁(yè)內(nèi)容超出一屏?xí)r,會(huì)自動(dòng)出現(xiàn)滾動(dòng)條.亦可以設(shè)定永遠(yuǎn)不使用滾動(dòng)條.

2)可以設(shè)定框架邊框?yàn)?,從而實(shí)現(xiàn)無(wú)縫分屏的效果.

3)最后一點(diǎn),框架網(wǎng)頁(yè)的保存不同于一般的網(wǎng)頁(yè),各個(gè)窗口網(wǎng)頁(yè)會(huì)分別獨(dú)立的保存下來(lái),另外整個(gè)框架文件還會(huì)保存一次.正是鑒于這種略顯不便的保存方式,框架的應(yīng)用在正規(guī)網(wǎng)站中很少.

總的來(lái)說(shuō),不管是表格還是框架,布局在網(wǎng)頁(yè)設(shè)計(jì)中占著至關(guān)重要的位置!成功的網(wǎng)頁(yè)離不開(kāi)好的布局選擇.