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

设计器包括顶部操作栏，左侧资源区，中间设计区，右侧快速设置面板四部分，具体位置如下图所示。

说明 为避免设计器页面和管理后台顶部名称重复，将设计器内的顶部称作顶部操作栏。

顶部操作栏

设计器内的操作栏包括以下功能。

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

资源区

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


设计区

选择好模板后可对设计区进行设计。

设计页头页尾：单击编辑页头页尾，可对页头页尾进行创作。
设计内容：设计除页头页尾外的内容请忽视页头页尾部分，直接设计创作即可。
快速设置面板
所有组件单击鼠标右键，都会弹出下图所示工具框，单击属性会弹出快速设置面板，单击对齐可设置对齐方式，选中多个组件时，单击分布，可设置分布方式，单击层级可调整层级。
说明 按住键盘的Ctrl或command键，同时鼠标逐个单击选中，即可选中多个组件。

1. 单击下图所示位置，可弹出快速设置面板，用于设置当前组件的样式、数据、动效、排列。