想要快速掌握网站制作方法,参考帮助文档内容进行实践,需预先了解设计器的结构及功能。本文介绍设计器的结构,各部分的名称及如何使用。

设计器包括顶部操作栏,左侧资源区,中间设计区,右侧快速设置面板四部分,具体位置如下图所示。
说明 为避免设计器页面和管理后台顶部名称重复,将设计器内的顶部称作顶部操作栏。

顶部操作栏

设计器内的操作栏包括以下功能。
  • 三切换:页面切换、手机端或者PC端切换、语言切换。
  • 一键功能:一键保存、一键预览、一键发布、一键使用标尺。
    说明 标尺注重人性化,随页面风格变换颜色,使用不会影响您的设计灵感。
  • 查看功能:查看层次、查看帮助文档、查看备份。
说明 通过检查层次可以发现自己的设计漏洞,整理逻辑,设计更巧妙。

资源区

可更换模板、添加组件、使用设计表单。

设计区

选择好模板后可对设计区进行设计。
  • 设计页头页尾:单击编辑页头页尾,可对页头页尾进行创作。
  • 设计内容:设计除页头页尾外的内容请忽视页头页尾部分,直接设计创作即可。

快速设置面板

  1. 所有组件单击鼠标右键,都会弹出下图所示工具框,单击属性会弹出快速设置面板,单击对齐可设置对齐方式,选中多个组件时,单击分布,可设置分布方式,单击层级可调整层级。
    说明 按住键盘的Ctrl或command键,同时鼠标逐个单击选中,即可选中多个组件。
  2. 单击下图所示位置,可弹出快速设置面板,用于设置当前组件的样式、数据、动效、排列。
    • 样式:一般是像PPT一样的调整阴影、格式等样式。
    • 数据:可添加或更改数据、设置数据跳转链接及数据打开方式。
    • 动效:可设置动画效果。
    • 排列:可设置尺寸和位置。