4>網頁布局兩法:表格和框架

2,框架布局

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

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

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

單擊"target frames"按鈕,進入"目標框架"窗口,如圖

在"current frames page"預覽里高亮顯示鏈接目標框架部分,這時在"target setting"輸入框中會同時顯示該部分的名稱"main".ok完成.

上面我們已經建立了一個普通的框架網頁,通過拖拉各部分框架的邊框可調整具體的frame位置.考慮到框架的應用不是很重要,因此更詳細的設置這里就省略了.

在此,指出幾點需要注意的內容:

1)框架支持滾動條的顯示效果,當網頁內容超出一屏時,會自動出現滾動條.亦可以設定永遠不使用滾動條.

2)可以設定框架邊框為0,從而實現無縫分屏的效果.

3)最后一點,框架網頁的保存不同于一般的網頁,各個窗口網頁會分別獨立的保存下來,另外整個框架文件還會保存一次.正是鑒于這種略顯不便的保存方式,框架的應用在正規網站中很少.

總的來說,不管是表格還是框架,布局在網頁設計中占著至關重要的位置!成功的網頁離不開好的布局選擇.