巅云建站


建站第1步会员注册   建站第2步登陆管理网站

一佰互联岂止于建站,更助力创业

巅云自助建站系统企业全能版H5可视化拖拽功能升级使用说明
作者:admin | 时间:2020-06-03 19:09:10

增加快捷键说明:

左键-------------拖动模块位置

右键-------------功能菜单(复制、删除,背景设置,区域设置等),模块和区域都支持。

双击-------------打开模块设置面板,如是文字模块将被激活,在页面上直接可编辑(仅文字),不会破坏样式。

增加-------------“+”号按钮可弹出增加模块面板,拖动模块到页面任意位置,再细调拖动位置、双击该模块即可设置。

多选-----------在区域内框选可多选模块,进行批量对齐排版(以最左边模块为基准)。键盘上Shift键+左键点选也可多选,弹出设置属性面板中:长,宽,Z,X,Y五项统一。

撤销-----------排版后台右上方功能按键,Ctrl+z快捷键。

恢复-----------排版后台右上方功能按键,Ctrl+y快捷键。

区域-------------网页可分为头部全屏区(红线外),头内容区(红线内),中全屏区(红线外),中内容区(红线内),底全屏区(红线外),底内容区(红线内),均可插入模块,及背景设置。

功能------------屏幕左上分别进入PC,手机,平板排版模式及公众号,小程序排版,撤销,恢复,语言切换,页面切换等。

规则-----------系统分为管理设置后台(栏目设置,系统设置,产品,文章,语言包等)和排版后台(管理设置后台设置好后再进入排版后台,用模块化调用管理设置后台你设置的数据,静态图/文类可直接设置除外)。

标尺-----------点击系统上或右标尺并拖动即可拖出一条参考线,辅助设计定位对齐。

排版技巧:

1、拖拽-----------拖动圆点调整模块大小时,当接近红色边线或其它模块时,尽量放慢速度,让鼠标控制在模块边框及以内。

2、兼容性-----------系统后台排版部分功能在360极速模式下会更好使用,或者采用Google Chrome浏览器,不建议IE或低版本

3、拼图式-----------模块可重叠摆放,双击或右键菜单设置Z值。z大将显示在最上层。全屏区内模块Z值设置为大于0时浮出红线框上可更方便拖动,否则需在红外区外选择该类模块。

4、共享-------------双击设置面板-属性面板里,共享可将当前模块应用于所有页面,头部底部风格统一必备。

5、一级标题-----------模块边框标题,样式面板里预设边框后,需改标题请点击属性面板栏设置。

6、二级标题----------导航二级菜单,产品文章标题。

7、模块链接----------双击属性面板,模块链接,用于按钮跳转,文字编辑器中选中文字也可加链接。文字编辑器上边HTML字样图标开启进入HTML代码编辑模式,设置好后再次点击即可切回普通模式即可。

8、系统网址----------系统栏目,产品分类,文章分类,文章详情等都有实际网址,请打开链接后在浏览器地址栏获得网址如:http://www.xxx.com/p120.html,系统内部使用时我们可以直接使用:/p120.html即可。

9、多国语----------在管理后台语言设置好后,在网页上增加语言切换功能入口,再编辑好所有语言版本页面

10、系统设置----------包括网站名即公司名,电话,开启QQ客服+系统设置增加客服号码自动在网页中显示、站标,网页统一背景等。

11、html代码插入----------页面增加HTML模块(支持插入所有HTML元素结构script,html,css)除BODY,HEAD,TITLE外(因为网页本身已经有了)。均在BODY前,HEAD后,如需插入HEAD前请在管理后台系统设置里HEAD验证输入框放代码。

12、响应式----------在电脑版排好之后,同一网页不同状态下分别设计模块大小,位置。响应式重在取舍删除、模块位置、大小。自定义元素尽量使用百分比大小及定位。

13、小程序生成----------排版后台左上小程序图标进入排版编辑后,修改源码包里的接口地址即可上传。

14、模块飘浮----------模块设置面板中样式设置中可设置

15、头部固定----------全屏头部红线外背景设置中,头部固定项

16、背景固定----------模块背景设置中图片上传后支持设置为固定不与屏幕一起滚动。

17、模块关联----------将块与块关联,将鼠标事件在当前块后,对关联块产生动作,如鼠标移入当前块切换显示关联块。

18、保存/备份---------设置网页排版大部分功能是在你本地浏览器上操作,请及时保存操作,有规律备份是数据安全的保障(管理设置后台备份恢复)。

功能截图



文章内容