上海建站中首先要確定的就是整個網站的格式，它包括網站的內容、分割頁面的方式以及頁面的布局形式等等，在這些已經確定的基礎上再進行頁面的設計。我們可以從分割方向的角度來把頁面的分割類型分為三類，即縱向頁面分割、橫向頁面分割與復合型頁面分割。首先我們來介紹一下上海建站的縱向分割。

1、 什么是縱向分割

我們來介紹一個布局形式來形象地解釋一下什么是縱向分割。我們經常會看到菜單欄與導航欄放在網頁左側的布局，而網頁的主要內容與一些重要信息放在網站的右側，這就是縱向分割布局了，一般情況下兩側會有一定程度的留白。

2、 縱向分割布局與色彩的巧妙結合

因為縱向布局會使網站明顯分割成左右區域，或者左中右三個區域，所以其視覺效果可以與顏色進行搭配來放大這個視覺沖擊力。例如上海建站可以在左側區域使用橙色背景，中間區域使用黑色背景，而右側區域使用白色背景。因為這三種高對比度色彩的應用，使得三個部分的內容劃分得更加明了清晰。同時再結合對文字的排版與色彩設計則可以達到極佳的視覺效果。

3、 縱向分割布局的優勢

上海建站經常將縱向分割布局應用在一些信息量比較大而類別則比較繁多的網頁，這樣就算瀏覽器的大小發生較大的變化，也只會影響右側內容的展示，而不會遮住左側的菜單與導航欄。