設計頁面布局
當網頁呈現在瀏覽者面前時,網站的設計者可以任意揮灑其設計才能,雖然設計者能控制一切頁面設計元素,但仍需知道什么是一種約定俗成的標準或者說大多數瀏覽者習慣的頁面布局,只有這樣設計者才可以輕松地在此基礎上設計出個性化的網頁。
在進行頁面布局設計時,要考慮網站的內容該如何編排,圖片與文字如何擺放,如何體現網站的側重點等問題。那么如何來規劃一個頁面的布局呢?下面就是對這個問題的討論。
首先,在談布局前先來了解一下頁面尺寸和顯示器分辨率的關系,很多制作網頁的朋友以為顯示器分辨率有多大,網頁的尺寸就是多大,其實這是一個錯誤的想法。
一般來講,在800 X 60()像素的屏幕顯示模式下和正安裝后默認的狀態(即工具欄、地址欄等沒有改變)下,lE窗口內能看到的部分為77,8 X 435像素,這也是經常使用的頁面標準尺寸。
另外分辨率 在640 X柳像素的情況下,頁面的顯示尺寸為.620x311像素;萬公辨率在14214 x 768像素的情況下,頁面的顯示尺寸為1007x60()像素。
網頁的局限性就在于設計師蕪法突破顯示器的范圍,而且因為瀏覽器也將占去不少空間,留下給頁面的范圍變得越來越小,所以頁面的布局設計是十分重要的,奴何能讓有限空間得到k大的利用,這是所有設計者都應該考慮的問題。
網頁的頁面右局主要包括分欄型和無欄型。分欄型是目前應用較廣的網頁布局,它6i以適用任何類型的網站設計,特別是信息斑大的一些門戶網站。夯欄型的布局還可以分很多情況,比如可以為上下分欄型、左右分欄型、綜合分欄型,用哪種類型要與網站的設計構思相結合。
分欄型
為了突出產品的特性,網頁在設計上重點放在了框架的中間欄,在設計頁面布局中內容、色彩和互動性的處理上表現得與主題恰到好處,文字和標識在這里并不是最吸引人的。這種結構很適合生活類產品的網站。