如何實現(xiàn)更靈活的頁面布局

一、使用場景　

一個網(wǎng)站內(nèi)包含有許多模塊與內(nèi)容，在建站的時候靈活的調(diào)整頁面版式，網(wǎng)站的布局會出現(xiàn)不同的視覺與體驗效果，在建站時，可以使用以下幾種方法，實現(xiàn)靈活的頁面布局。

二、功能說明

【版本】建站任意版本均支持添加模塊與設置板式，不同版本功能不同。

三、設置教程

1. 自由版式

在建站時，使用“自由版式”，實現(xiàn)網(wǎng)站不同板塊的自由增刪。

1.1 在電腦網(wǎng)站設計頁面點擊左側導航【樣式】管理中心選擇-網(wǎng)站建設-電腦版-樣式-樣式設置-版式，點擊數(shù)字板塊可直接增刪該區(qū)域，綠色區(qū)域表示為已選區(qū)域，網(wǎng)站的模塊可放置于這些已選區(qū)域，如圖：

2. 浮動模塊

除了使用“自由版式”改變頁面布局外，也能通過“浮動模塊”功能，讓模塊動起來，通過隨意擺放來調(diào)整頁面布局。

2.1 把鼠標移動到想要浮動的模塊處，點擊鼠標右鍵，設置模塊狀態(tài)選擇“浮動狀態(tài)”，這時模塊就處于浮動狀態(tài)，您可以自由拖動模塊到任意位置，或者拉動模塊邊框來調(diào)整模塊的大小尺寸。

3. 模塊多列排版

當出現(xiàn)多個模塊需要并列排版的時候，可以使用“模塊多列排版”模塊，實現(xiàn)模塊多列自由排版效果。

3.1 進入網(wǎng)站，點擊網(wǎng)站頁面上的“模塊”按鈕。

3.2 網(wǎng)頁側邊出現(xiàn)側拉欄目，點擊“排版”，選擇“多列排版”模塊，例如選擇三列排版效果。

3.3 選擇后，頁面出現(xiàn)一個三列的排版，把想要添加的模塊，拖動放置到想要模塊列上。

3.4 放置好模塊之后，即可看到模塊的并列效果。