文档介绍：H5页面设计使用教程：四个页面结构介绍
为方便大家理解Masterpage／页面／Background三个页面间的关系，以及Layer 页面的用法，用一个简单的结构图示来讲解。
Page
Backg
H5页面设计使用教程：四个页面结构介绍
为方便大家理解Masterpage／页面／Background三个页面间的关系，以及Layer 页面的用法，用一个简单的结构图示来讲解。
Page
Background
顾名思义，是一个作品的背景。  在Background中添加元素时，每个页面都会显示Background上的元素，但Masterpage上不显示。若要修改背景图也是在Background中修改。        
要想在页面中看见Background上的元素，需要查看右侧属性面板是否已勾选显示Background；并将页面的不透明度调低，里面的元素才可显示。
注意：按照页面结构逻辑，页面覆盖于Background页面的上方，在Background页面的元素只具备自身以及自身动画的展示功能，元素并不能被手势接触到，因此放置在Background里的元素虽有触发器的设置，但设置无效。
关键点：Background在最底层／只有一页／里面的元素支持定位
操作顺序：Background放置元素——切换至页面预览效果。
小结提示：Masterpage跟Background都只有一个，但页面可以新建或复制多个。
Layer（需要结合Layer容器）
Layer页面的用法：主要是用来编辑一个高级组件的内容。本身和其他三个页面的逻辑关系割裂，以组件的形式放置在其他页面显示。如图：
操作顺序：Layer页面放置元素——切换至页面添加Layer组件——预览效果。
意派Epub360-专业H5设计工具
意派Coolsite360-专业响应式网站/微信小程序设计工具