如何實(shí)現(xiàn)更靈活的頁(yè)面布局
一、使用場(chǎng)景
一個(gè)網(wǎng)站內(nèi)包含有許多模塊與內(nèi)容，在建站的時(shí)候靈活的調(diào)整頁(yè)面版式，網(wǎng)站的布局會(huì)出現(xiàn)不同的視覺(jué)與體驗(yàn)效果，在建站時(shí)，可以使用以下幾種方法，實(shí)現(xiàn)靈活的頁(yè)面布局。
二、功能說(shuō)明
【版本】建站任意版本均支持添加模塊與設(shè)置板式，不同版本功能不同。
三、設(shè)置教程
1. 自由版式
在建站時(shí)，使用“自由版式”，實(shí)現(xiàn)網(wǎng)站不同板塊的自由增刪。
1.1 在電腦網(wǎng)站設(shè)計(jì)頁(yè)面點(diǎn)擊左側(cè)導(dǎo)航【樣式】管理中心選擇-網(wǎng)站建設(shè)-電腦版-樣式-樣式設(shè)置-版式，點(diǎn)擊數(shù)字板塊可直接增刪該區(qū)域，綠色區(qū)域表示為已選區(qū)域，網(wǎng)站的模塊可放置于這些已選區(qū)域，如圖：
2. 浮動(dòng)模塊
除了使用“自由版式”改變頁(yè)面布局外，也能通過(guò)“浮動(dòng)模塊”功能，讓模塊動(dòng)起來(lái)，通過(guò)隨意擺放來(lái)調(diào)整頁(yè)面布局。
2.1 把鼠標(biāo)移動(dòng)到想要浮動(dòng)的模塊處，點(diǎn)擊鼠標(biāo)右鍵，設(shè)置模塊狀態(tài)選擇“浮動(dòng)狀態(tài)”，這時(shí)模塊就處于浮動(dòng)狀態(tài)，您可以自由拖動(dòng)模塊到任意位置，或者拉動(dòng)模塊邊框來(lái)調(diào)整模塊的大小尺寸。
3. 模塊多列排版
當(dāng)出現(xiàn)多個(gè)模塊需要并列排版的時(shí)候，可以使用“模塊多列排版”模塊，實(shí)現(xiàn)模塊多列自由排版效果。
3.1 進(jìn)入網(wǎng)站，點(diǎn)擊網(wǎng)站頁(yè)面上的“模塊”按鈕。
3.2 網(wǎng)頁(yè)側(cè)邊出現(xiàn)側(cè)拉欄目，點(diǎn)擊“排版”，選擇“多列排版”模塊，例如選擇三列排版效果。
3.3 選擇后，頁(yè)面出現(xiàn)一個(gè)三列的排版，把想要添加的模塊，拖動(dòng)放置到想要模塊列上。
3.4 放置好模塊之后，即可看到模塊的并列效果。
