現在做主頁的朋友越來越多。而對于沒有學過設計，以及沒有學過美術的朋友而言，怎樣去提高自己網頁設計水平，或做出自己的個性網頁呢？技術也只是為了設計而服務的，在技術的同等條件下，怎樣來展示自己？一般網頁編排內容有：文字、靜態圖片和動畫。具體可實現的技術更多了，包括視頻、音樂和音效、交互式網頁、高科技虛擬等等。在設計網頁時候，可以廣泛應用各種技術。
　　如果把網頁比喻成人的話，先要有骨架，也就是網頁的排版框架。我進行了大致的分類，主要是：分欄式結構，區塊分布，平面圖片設計，以及非規律的設計，下面我將逐一講解。

• 分欄式結構

　　分欄結構，也是最常見的方式。常見的有如：Epitonic.com（http://www.epitonic.com/）的二分欄設計，七色谷（http://www.7cv.com）的三分欄，以及國外常見的四分欄結構，我甚至還特殊設計過五分欄（http://www.home2v.com/vcity）的網頁。通常的布局編排情況有如左圖所示。1是二分欄，2是標準三分欄，3是四分欄，4～6是一些LOGO以及導航在下面的情況，而通常會使用Frame。7～9則是一般的變化，而我這里所列出的一些例子也是很泛泛的。見到一些網頁的設計，判斷上，有一些是以顏色來分欄的，有一些是利用導航分欄的。不論你用那種設計方法，最重要的是心中有數，去編排自己的內容。設計也只是為了你的內容服務的。
　　一個快捷的方法是，在紙上勾畫一下，用你的內容名稱填充一下，粗略地進行規劃。在標準的構架上加一些變化，就會有很多新的編排形式出現，比如上圖中的7～9。有空大家可以多在紙上畫畫，也是一種鍛煉，加一些小的變化，也就使你的設計與他人不同，脫穎而出。

• 區塊分布

　　區塊編排，是以顏色或線條，來劃分一些區域的編排方式，其實也就是分欄結構的變異。如果說分欄設計太過規范沒有新意的話，那么就要看看區塊功用了。如左圖所示：這樣的設計，很漂亮，不過也要依據內容許可程度，國外用此類設計手法的很多，色彩運用上也很出色（以后在本系列中會提到一些色彩問題）。區域編排的設計，一般和豎分欄不同的是，頁面一般情況下不長，一屏或一屏半左右的長度，用于信息量少的企業站點，和專業型站點。還有就是看你是什么內容的個人主頁，大部分情況都很適用。但是卻不適合門戶站點和信息量很大的站點。
　　區域的設置可大可小，但是依據內容編排。在分欄式結構里面也可以套設區域結構，所以說，這種骨架結構是“前途無量”，有待大家進一步探索。

• 平面圖片設計

　　平面設計，如果是非動態的Web design，那么也可以劃分為平面設計的一種。當然，在網頁里面用整張圖片分割的技法，也是非常有視覺效果的。這個也是個人主頁，在內容很少的情況下，通常所選用的方式。
　　對于平面設計，以后在頁面設計，和創意無限會分別具體講解。
　　在這里我就給大家一些好的網站請觀賞：http://www.yimeng.org、http://www.coolhomepages.com，多留心學習，才能提高自己，多看多思考。
　　你可以把看過的站點，你認為好的，可以保存下來做資源。如果有一些你不理解的特效技巧的則頁面另存為做參考，這個是很好的積累過程。

• 非規律設計

　　為了能夠更好編排網頁，以及顯示個人的設計水平，現在有了更多更好的構架涌現出來，其實也就是以上幾種通常規律的結合。這也就到了考驗你的時候了，而我能做的就是多多推薦一些好的站點給大家，更多是練習才能提高的。那么對于互動的網頁來說，如全Flash網站的，除片頭外，構架都逃不出以上的幾條歸類。

• 推薦網站

一、二分欄

　　http://www.epitonic.com：國外的，free MP3 Music，設計很不錯，緊湊，但是不會給人窒息的感覺。

　　http://www.icograda.org

　　http://www.ericsson.com.tw：易利信手機官方站點。有一個很不錯的Flash片頭。以及內部的二分欄設計。

二、三分欄框架

　　http://www.wayvision.net：wayin公司系列站點。

　　http://www.circle.bc.ca：超級站點，工作室，看看它的about us就知道，都是什么來頭。也是很不錯的三分欄。

　　http://www.deviantart.com：設計出色，酷得很，資源多多。就是速度慢。

　　國內三分欄更多了。我這里就不推薦了。盡管三分欄很多見，但是做好了也不遜色。

三、四分欄框架

　　http://inertia.d2.hu：粉紅色，開花的Flash盆栽給人很多啟發。

　　再這里多說幾句，豎分欄的設計里面會有很多小的變化。但是歸類也就這些。有時候看起來很模糊。但是就是因為變化了，才突出個性。這里的提示不對。要看你的內容來變化。會有更多意想不到好的創意出來