H5页面设计入门教程:编辑器整体介绍由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“h5页面制作入门教程”。
视频 整体概览
顶部工具栏
顶部工具栏里包含基础组件和高级组件,可以用来添加交互元素(组件)以及隐藏(显示)高级组件功能面板。
画布区域
画布区域——页面正中的白色区域,有些软件中会把它称为“舞台”。画布是交互元素/组件放置的区域,也是最终效果展示的区域。每一份交互内容的画布尺寸是统一的、固定的。我们可以通过功能面板进行画布尺寸的调整。
页面列表
页面列表位于编辑界面的最左侧,用户可以在页面列表区域右击,或单击“+”号实现页面的新建、复制、粘贴、导出、删除操作,也可以在页面组右侧调整翻页方式,以及通过创建页面组来达到限制翻页的效果。详见 http://support.epub360.com/posts/view/22199/
功能面板
功能面板位于编辑界面的右侧,可以通过顶部工具栏控制其显示与隐藏。面板主要用来进行:
交互元素、页面、文档的信息设定 元素、组件的管理与设定 动画序列的管理与设定 触发器的管理与设定 高级表单管理与设定 收藏库的管理与使用
功能
资源库
资源库位于编辑界面的最左侧,包含页面,模板,素材,特效,收藏库。可以进行插入模板,素材,特效等操作。
预览/发布/保存/更新
预览、发布与更新的按钮在编辑器的左上角、前进后退按钮可以前进到上一步或后退到下一步,保存按钮在编辑器的右上角。预览里包含预览当前页、预览全部和预览二维码; 发布可以跳转到作品分享设置页面;
保存可以保存当前做的修改,相当于草稿,但不会更新到最终内容; 更新可以实时更新作品的修改内容;
意派Epub360-专业H5设计工具
意派Coolsite360-专业响应式网站/微信小程序设计工具