排版和系統功能視頻講解:點擊看視頻
圖文界面說明:
圖一
快捷鍵說明:
左鍵-------------拖動模塊位置
右鍵-------------功能菜單(復制、刪除,模塊設置,區域設置等),模塊和區域都支持。
雙擊-------------打開模塊設置面板,如是文字模塊將被激活,在頁面上直接可編輯(僅文字),不會破壞樣式。
增加-------------左側帶“+”號飄浮按鈕可彈出增加模塊面板,拖動模塊到頁面任意位置,再細調拖動位置、雙擊或點擊模塊上方功能圖標即可設置該模塊。
多選-----------模塊上右鍵“加入多選即可”批量控制。
撤銷-----------排版后臺右上方功能按鍵,Ctrl+z快捷鍵。
恢復-----------排版后臺右上方功能按鍵,Ctrl+y快捷鍵。
區域-------------網頁BODY為最外層容器,BODY里可插入多個區域,區域里才可以放模塊,區域和BODY(最底部空白留白區域可設置)底部都有功能圖標也可以右鍵彈出設置面板。
功能------------屏幕左上分別進入PC,手機,平板排版模式及公眾號,小程序排版,撤銷,恢復,語言切換,頁面切換等。
規則-----------系統分為管理設置后臺(欄目設置,系統設置,產品,文章,語言包等)和排版后臺(管理設置后臺設置好后再進入排版后臺,用模塊化調用管理設置后臺你設置的數據,靜態圖文類可直接設置除外)。
標尺-----------點擊系統上或左標尺并拖動即可拖出一條參考線,輔助設計定位對齊。
排版技巧:
1、拖拽-----------模塊可以拖動圓點調整大小,拖動整塊調整位置,移動時與其它模塊有吸附標線方便對齊,請盡量調整模塊大小容納完整塊內的內容。
2、兼容性-----------系統后臺排版功能,采用Google Chrome瀏覽器效果最好,如果使用360瀏覽器請切換為極速模式,不支持IE或低版本
3、拼圖式-----------模塊可重疊擺放,雙擊或右鍵菜單設置Z值。z大將顯示在最上層。區域內有欄目模塊或客服類模塊請設置區域Z值999999或更大保證這類模塊處于最上層不被遮擋。
4、共享-------------區域設置面板-全局選項中共享可將當前模塊應用于所有頁面,頭部底部風格統一必備。
5、標題-----------模塊邊框標題,樣式面板里“屬性”欄預設邊框后,需改標題請點擊屬性面板欄設置標題1和標題2。
6、多國語----------在管理后臺語言設置好后,在網頁上增加語言切換功能入口,再編輯好所有語言版本頁面
7、響應式----------在電腦版排好之后,同一網頁不同狀態下分別設計模塊大小,位置。響應式重在取舍刪除、模塊位置、大小。自定義元素盡量使用百分比大小及定位。多行文本塊,如果字體大小不一致或需使用大號字體請拆分為多個文字塊并且盡量在樣式面板里分別為移動端設置不同大小字號。雖然系統自動調整模塊高度,但在調整模塊大小時盡量讓內容完整顯示出來。
8、小程序生成----------排版后臺左上小程序圖標進入排版編輯后,修改源碼包里的接口地址即可上傳。
9、文本編輯器----------文本編輯器支持鏈接(選中內容再點擊鏈接功能),字體,字號,顏色,地圖插入,HTML編輯模式,附件上傳,視頻,圖片插入(插入后點擊圖片底會強出設置功能)等,特別說明:字號和顏色請在樣式面板設置,盡量不要使用編輯器的自帶功能。
10、層疊順序Z值----------z值用于模塊重疊調整上下,Z值大顯示在上邊。右鍵或雙擊模塊設置面板有設置功能,
10、詳情跳轉頁面----------文章,信息,產品列表類或搜索類模塊,系統會默認有專用展示頁面,但為了更符合你整個網站設計風格,可以新建一個網頁,在頁面加入詳情類模塊,列表類模塊設置面板中屬性選項中的跳轉頁選擇你新建的網頁即可。
搜索類跳轉頁只需選擇有該類信息列表的頁面即可。
區域示意圖
巔云自助建站系統8.0排版視頻教程
巔云自助建站系統8.0介紹