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

1、 什么是縱向分割

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

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

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

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

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