H5页面设计入门教程：基本操作

基本操作

Epub360编辑器操作使用说明

简介：介绍编辑器中常用基础操作

编辑器界面简介视频

页面

页面的新建

在页面栏，鼠标右击页面预览窗口，新建页面；

直接拖动页面，调整页面前后顺序

页面编辑

移动页面画布两种方式：1.拖动画布右上角的十字；2.按住电脑上的空格键，拖动画布。

编辑画布及手机适配，更多详情

更多页面教程......

其他属性设置

动效添加

给元素添加基本的动态效果，三种动效类型，最多各自选择一种效果，了解更多动画添加

给元素添加一个或多个动画，使元素具有丰富的动态效果，了解更多

触发器

使得各元素组件之间实现丰富的交互效果，是Epub360的特色组件，了解更多模板库的使用

有很多丰富的模板，供我们直接拿来修改使用。

特效插件使用（图）

调整插件旋转角度／透明度／尺寸。

库的使用（图）

可以把页面／动画／元素／组件导入到库，方便下次使用。

素材

素材导入：

从电脑文件导入到epub360素材库；

从素材库中导入到页面；

或者将桌面素材直接拖动到页面，需要调整图片显示比例／图片精度

素材编辑

修改素材信息：调整尺寸／位置／透明度／3D旋转及变形

样式调整

在右侧面板修改元素的描边；添加阴影；颜色样式；模糊程度；元素背景色等。

素材替换

双击元素，弹出素材库，选择素材，插入替换即可。

文本编辑

段落跟富文本的添加编辑：双击编辑框修改文字。

修改文本样式背景边框

元素的复制粘贴

可选中一个或多个元素，快捷键ctrl+C/ctrl+V复制粘贴。在右侧面板的位置坐标调整元素位置。

单个元素，鼠标右击复制粘贴元素（GIF）

元素上下叠放次序调整

单击鼠标右键调整；

在右侧资源管理器面板调整，直接拖动元素调整上下次序；

资源管理器中隐藏某些元素，方便对下层元素进行调整编辑；

想要一键切换到元素编辑属性栏，在资源管理器中点击小手图标。

素材删除

删除页面中的素材，选中，delete删除

删除素材管理中的素材，选中多个，一次删除。

更多

意派Epub360-专业H5设计工具

意派Coolsite360-专业响应式网站/微信小程序设计工具