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

1、 什么是縱向分割

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

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

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

3、 縱向分割布局的優(yōu)勢

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