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

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

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

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