網(wǎng)站建設(shè)公司關(guān)于網(wǎng)頁布局的方法解析。
網(wǎng)站建設(shè)公司提醒網(wǎng)頁布局的方法有兩種,第一種為紙上布局,第二種為軟件布局,深圳網(wǎng)站建設(shè)公司資深頁面設(shè)計師下面分別加以介紹。

1.網(wǎng)站建設(shè)公司關(guān)于網(wǎng)頁布局的方法解析之紙上布局法
許多網(wǎng)頁制作者不喜歡先畫出頁面布局的草圖,而是直接在網(wǎng)頁設(shè)計器里邊設(shè)計布局邊加內(nèi)容。這種不打草稿的方法無法讓你設(shè)計出優(yōu)秀的網(wǎng)頁來。所以在開始制作網(wǎng)頁時,要先在紙上畫出頁面的布局草圖。
準(zhǔn)備若干張白紙和一只鉛筆,你要設(shè)計一個時尚站點。
1)尺寸選擇
目前,一般800×600的分辨率為約定俗成的瀏覽模式。所以為了照顧大多數(shù)訪問者,頁面的尺寸以800×600的分辨率為準(zhǔn)。
2)造型的選擇
先在白紙上畫出象征瀏覽器窗口的矩形,這個矩形就是布局的范圍。接下來選擇一個形狀作為整個頁面的主題造型,我們選擇圓形,因為它代表著柔和,和時尚流行比較相稱。然后在矩形框架里隨意畫出來,你可以試著再增加一些圓形或者其他形狀。這樣畫下來,你會發(fā)現(xiàn)很亂。其實,一開始就想設(shè)計出一個完美的布局是比較困難的,你要在這看似很亂的圖形中找出隱藏在其中的特別的造型來。還要注意一點,不要擔(dān)心你設(shè)計的布局是否能夠?qū)崿F(xiàn)。事實上,只要你能想到的布局如今都能通過HTML技術(shù)實現(xiàn)。圖1-1是手畫的頁面布局。

圖1-1 手畫的布局
考慮到左邊向左凹的弧線,為了取得平衡,我們在頁面右邊增加了一個矩形(也可以是一條線段)。圖1-2是改動后的布局。

3)增加頁頭
圖1-2是我們從圖1-1得到的布局造型,接下來該增加頁頭了。一般頁頭都位于頁面頂部,所以我們?yōu)閳D1-2增加了一個頁頭。為了和左邊的弧線及右邊的矩形取得平衡,我們增加了一個矩形頁頭并讓頁頭與左邊的弧線相交,如圖1-3所示。

4)增加文本
頁面的空白部分可以分別加入文本和圖形。因為在頁面右邊有矩形作為陪襯,所以文本放置在空白部分不會因為左邊的弧線而顯得不協(xié)調(diào),如圖1-4所示。

5)增加圖片
圖片是美化頁面和說明內(nèi)容必需的媒體。在這里,把圖片加入到適當(dāng)?shù)牡胤?,如圖1-5所示。

經(jīng)過以上幾個步驟,一個時尚頁面的大概布局就出現(xiàn)了。當(dāng)然,它不是最后的結(jié)果,而是你以后制作時的重要參考依據(jù)。
2.網(wǎng)站建設(shè)公司關(guān)于網(wǎng)頁布局的方法解析之軟件布局法
如果你不喜歡用紙來畫出布局意圖,那么還可以利用軟件來完成這項工作,這個軟件就是Photoshop。Photoshop所具有的對圖像的編輯功能應(yīng)用到網(wǎng)頁布局設(shè)計中更顯得得心應(yīng)手。不像用紙來設(shè)計布局,利用Photoshop可以方便地使用顏色、使用圖形,并且可以利用層的功能設(shè)計出用紙張無法實現(xiàn)的布局意念。好了,
深圳網(wǎng)站建設(shè)公司本文關(guān)于“網(wǎng)站建設(shè)公司關(guān)于網(wǎng)頁布局的方法解析”就分享到這里。如果您需要深圳網(wǎng)站建設(shè)公司為您定制開發(fā)企業(yè)門戶、行業(yè)門戶等網(wǎng)站建設(shè)服務(wù),請咨詢我們網(wǎng)站在線客服或者撥打我們建站技術(shù)客服聯(lián)系電話,為你你提詳細(xì)的建站解決方案。謝謝關(guān)注,博納網(wǎng)絡(luò)編輯整理。