2.2 網(wǎng)頁(yè)布局方法

一般來(lái)說(shuō)，網(wǎng)頁(yè)布局有以下兩種方法：一是紙上布局法，二是軟件布局法。

2.2.1 紙上布局法

許多網(wǎng)頁(yè)制作者不喜歡首先畫(huà)出頁(yè)面布局的草圖，而是直接在網(wǎng)頁(yè)設(shè)計(jì)軟件中邊設(shè)計(jì)布局邊添加內(nèi)容，這種不打草稿的方法難以設(shè)計(jì)出優(yōu)秀的網(wǎng)頁(yè)，除非是美術(shù)設(shè)計(jì)高手，否則在開(kāi)始制作網(wǎng)頁(yè)時(shí)，應(yīng)首先在紙上繪出頁(yè)面布局的草圖。

（1）尺寸選擇。

為了照顧大多數(shù)訪問(wèn)者，在目前約定俗成的瀏覽模式中，頁(yè)面尺寸應(yīng)以800×600像素分辨率為佳。

（2）造型的選擇。

首先在紙上畫(huà)出象征瀏覽器窗口的矩形，表示布局的范圍。選擇一個(gè)形狀作為整個(gè)頁(yè)面的主題造型，例如，圓形代表柔和，和時(shí)尚主題比較相稱(chēng)。在矩形框架中畫(huà)出這個(gè)圓，并嘗試增加一些圓形或者其他形狀，如此繼續(xù)，可以在看似很亂的圖形中找出隱藏在其中的特別造型。不必?fù)?dān)心設(shè)計(jì)的布局是否能夠?qū)崿F(xiàn)，事實(shí)上，只要能夠想到的布局就可以使用現(xiàn)今的HTML技術(shù)來(lái)實(shí)現(xiàn)。

2.2.2 軟件布局法

可以利用Photoshop或者Fireworks等繪圖軟件來(lái)布局，可以方便地使用各種顏色和圖形，并且利用層的功能設(shè)計(jì)出用紙張無(wú)法實(shí)現(xiàn)的布局思想。采用軟件布局的網(wǎng)頁(yè)草圖如圖2-7所示。

圖2-7 采用軟件布局的網(wǎng)頁(yè)草圖