頁面排版介紹
瀏覽數(shù)量: 24 作者: 本站編輯 發(fā)布時(shí)間: 2018-06-21 來源: 本站
["wechat","weibo","qzone","douban","email"]
1、可以把一個(gè)頁面分為頁頭區(qū)域、正文區(qū)域、頁腳區(qū)域,頁頭區(qū)域與頁腳區(qū)域默認(rèn)是網(wǎng)站所有頁面的共享部分,如果某個(gè)頁面不需要這個(gè)
共享頁頭或共享頁腳,可以把它們隱藏。
頁頭區(qū)域
位于一個(gè)頁面的有部分,用橙色虛線框起來的這部分,如下圖所示;
把鼠標(biāo)放到“頁頭”兩個(gè)字上出現(xiàn)“隱藏頁頭”四個(gè)字,單擊即可把頁頭隱藏起來。

頁腳區(qū)域
在頁面最下端,用橙色虛線框起來的這部分,稱為頁腳區(qū)域。
把鼠標(biāo)放到“頁腳”兩個(gè)字上出現(xiàn)“隱藏頁腳”四個(gè)字,單擊即可把頁腳隱藏起來。

正文區(qū)域
處于頁頭與頁腳中間的那一部分我們稱之為正文區(qū)域。
2、通過拖拽組件的方式可以對(duì)頁面進(jìn)行排版。
增加一行
把鼠標(biāo)放到組件名稱上,按住鼠標(biāo)左鍵拖動(dòng)組件,直到要放置組件的位置出現(xiàn)一條實(shí)線時(shí)即可松手,黑色實(shí)線代表:在同一行中增加一行形
成一個(gè)嵌套行,藍(lán)色實(shí)線代表額外增加一行。
增加一列
按住鼠標(biāo)左鍵拖動(dòng)組件,直到要放置組件的位置出現(xiàn)一條黑色實(shí)線時(shí)即可松手。關(guān)于組件拖動(dòng)的方法我們正在錄制視頻敬請(qǐng)期待。
區(qū)塊不支持組件重組,但是支持上移或下移,單擊查看區(qū)塊操作方法。
當(dāng)一行超過兩列時(shí),如何調(diào)整兩列所占的寬度?
把鼠標(biāo)放到兩列中間區(qū)域,左右晃動(dòng)鼠標(biāo)左鍵,會(huì)出現(xiàn)一條黑色的豎線,用鼠標(biāo)左鍵按住此黑色實(shí)線,往左或往右拖動(dòng)來調(diào)整兩列的寬度。
3、12柵格設(shè)計(jì)規(guī)范
在一行里調(diào)整某個(gè)組件(某一列)所占寬度時(shí),每拖動(dòng)一次就是拖動(dòng)1個(gè)柵格,關(guān)于柵格的介紹,請(qǐng)參考下圖:

4、嵌套行和12柵格的運(yùn)用
如果需要把多個(gè)組件放到同一行里(即嵌套行),應(yīng)該怎么操作?常見的嵌套行和12柵格的操作演示請(qǐng)參考此頁面的視頻:
http://www.leadong.com/wangzhanzhizuo.html《嵌套行和12柵格運(yùn)用》,密碼:leadong