自助建站、网页设计教程

将多个页面中需要重复的版块做成元件，这个元件可以在多个页面中反复被使用。常见的元件如导航条，每个页面中都被引用。使用元件，能有效提高制作效率和节约资源。

元件设置位于配置面板最右。

新建元件

选择当前的元素节点作为元件，如将导航栏添加为元件。

点击➕并将元素名称命名为元件。

点击确认后导航栏变成暗绿色区域，右上角出现编辑按钮。这就表示此节点已经成功转为元件。

元件编辑模式

点击右上角的编辑按钮会进入编辑模式，在此模式下、只能编辑元件内部结构、不能编辑其他节点元素。

编辑完成后，点击退出原件编辑返回页面。

原件管理和编辑

预览：可以单独预览。

复制：可以复制。

编辑：可对改元件进行单独编辑。

删除：对元件进行删除。

需要注意的是，当元件正在被使用时，如果要删除元件，需要先取消元件关联。

确认后可以删除该元件。

 

引用元件

在其他页面切换到元件面板可以看见已经创建的所有元件。

点击原件设置的“+”插入当前页面即可。