博眾意建網站布局方法分享
作者:佚名 時間:2013-07-25 分享到:
網站布局在日常網站建設工作中占據重要位置,建站初學者對于網站布局方式不太明確,不了解整體的布局風格與用戶喜好。本文就建網站布局方式進行詳細介紹:
在開始建站設計時,面對空白的網站,有時會不知道從何入手,如何布局整個的網站內容,也不清楚什么樣的網站風格才是比較好的,一般在進行整體結構設計時主要考慮以下幾個因素:
一、網站尺寸設置:
影響頁面的尺寸有兩個,即顯示器分辨率和瀏覽器
1.顯示器分辨率
如果分辨率是800*600,頁面的顯示尺寸為780*428像素;
如果分辨率是640*480,頁面的顯示尺寸為620*311像素;
如果分辨率是1024*768 頁面的顯示尺寸為1007*600像素
總之分辨率越高,頁面尺寸就越大。
2.瀏覽器工具
瀏覽器的不同也會影響頁面尺寸,瀏覽器的工具欄都可以取消或者增加,當顯標全部工具欄或關閉全部工具欄時頁頁的尺寸是不一樣的。
整體的造型就是指頁面的整體形象,這種形象是一個整體,是圖形與文本層疊有序的結合,一般結合的形式可以采用自然界中的形狀,如矩形,圓形、三角形、菱形等。每個形狀都有其不同的意義,如矩形代表著正式,圓形代表闐柔和、團結等,在使用時要根據網站主題與整體造型進行結合發揮。
二、網站頁面結構
1.網站頁眉
頁眉有著定義頁面主題的作用。看到一個網站的頁眉,就能大概確定網站是關于什么內容的,比如一個站點的名字多數都顯示在頁眉里,這樣,訪問者就能很快知道這個站點的內容。頁眉是整個頁面設計的觀念,一般會在此處放置站點名字的圖片和公司標志以及橫幅廣告。
2.網站文字內容
網頁中的文字內容在網站中都以行或者塊出現,它們的位置是整個網站布局的關鍵,在過去由于建站技術有限,文字內容位置靈活性很差,隨著dhtml的興起發展,文本可以按需要擺放在頁面中的任何位置。
3.網站頁腳
網站頁腳應該與頁頭相互呼應,一般在頁腳處放置制作者或公司的信息。在瀏覽網站時會注意到很多制作都信息都是放置在頁腳的。
4.網站圖片
網站圖片和文本內容是構成網頁的兩大元素,缺一不可,整個頁面布局的關鍵在于如何處理好圖片和文本位置擺放問題。
5.網站多媒體
與文字和圖片不同的是,有聲音,動畫、視頻等媒體元素,雖然不是必要的元素,但隨著網站建設技術的發展,在網站布局上也將變得更加重要。
三、網站布局方法
有建網站需要的人通常有兩種方法,即手工畫圖和軟件設計。
1.手工畫圖
在網站建設前首先要對網站布局進行規劃,可以使設計出的網頁更優秀,許多人在制作網站時不習慣或沒有畫網站草圖的愛好,而直接在網站設計軟件中設計布局內容,這樣反而覺得無從下手,所以在開始設計網站時,可以先在紙上畫出草圖,以方便設計。
2.軟件設計
如果設計者不喜歡在紙上畫圖,也可以采用軟件布局的方式來完成,一般使用的軟件是PS。PS在圖像編輯方面功能強大,可以對顏色、圖形等進行方便的處理,并且可以使用圖層功能設計出無法在紙上實現的效果。