易企秀HTML5文件,怎么用易企秀制作h5场景秀?

article/2025/9/24 1:29:40

易企秀是一款手机端精美网页DIY制作工具 ,用户可以编辑手机网页,分享到社交网络,并且通过报名表单收集潜在客户或其他反馈信息。适用于:企业宣传,产品介绍,活动促销,预约报名,会议组织,收集反馈,微信增粉,网站导流、婚礼邀请、新年祝福等。

那么,如何用易企秀制作h5场景秀来刷爆朋友圈呢?

默认进入“我的场景”,点击创建场景,进入场景库。如果你喜欢秀粉们分享的场景,也可以直接选择编辑。今天我们先使用“自主创建”来创建一个新的空白场景。

f2acbaed6bb4df8c61d510d6499596ec.png

新建场景时需要输入场景名称,就像文章的标题一样,分享时会显示屏幕顶部。

bea7989b672d7ad19b35b840244b9be3.png

点击“创建”之后,进入编辑平台。左侧显示的是可以免费使用的素材,中间屏幕是编辑的主要对象,右侧是页码,页码可以更改顺序、删除或新增。

d41b17aec2daa14a19d7e7bbfab81d89.png

小伙伴们可以注意一下顶部的工具栏,今天主要用到文字、音乐、背景、图片这四项。

先选择一个背景,可以在素材库里挑选或者自己上传图片。

c1acdf66966cfa633c37aea2356ef700.png

适用的尺寸大约是480*680,如果图片超出范围,可能会被裁剪掉多余的部分。所以选图的时候尽量选一些贴合尺寸的,或者将图中所需部分选中。

74397fc99048d0acf5037145b0e1f7cf.png

背景选好之后,一般会放一张图片,用来吸引目光,也有一个封面的效果

f01e2e1190eeb8664e1d898f69d3cb20.png

调整好图片的大小及位置,选中图片后点击右键,选择动画,添加一个动画效果:方式-弹入,方向-从左到右,时间选择2秒。这意味着这张图片会在2秒的时间里从左至右弹入页面。建议在选择时间时考虑到背景音乐的节奏。

a318648cb30c541f13103ae4cbe6bd52.png

我们添加一个宣传标题。选择添加文字,在文字框内输入标题,可以在出现的工具框内调整颜色、大孝对齐方式等。然后将文字框拖到合适的位置。

ce1dcc34da9a3ecf852cc8eeaf00adff.png

给这个标题也设置一个动画效果。鼠标左键单击选中该标题,点击右键选择动画,效果为:方式-中心放大,时间选择5秒,延迟为2秒。这样的话标题文字会在图片显示后开始出现。为避免页面单调,我们可以给该标题文字再增加一个动画的增强效果,那就是停留在页面时加了一个2秒的抖动。

5cfa208cf4a631fd0b6503995b9ecc53.png

1b343dedcca1ceebd7e5cfd92cd05af1.png

在内页里,我们可以设置一些与封面不同的动画效果。为考虑到显示美观以及时间延展性,同样可以加一些延迟秒数和增强动画效果

1310bdfb2fd2b834e9d3f0e6cc5a2678.png

5bdfa018a974335f17cdca1bd79c5d46.png

b34e53f76431fe3b0c8e1abcd39fa8f2.png

07e36bff3ce6635e447a82828818afe3.png

内容添加完了,不要忘记还有背景音乐,选一首自己喜欢的歌吧!点击音乐,可以看到有三种方式:

1、 在易企秀自带的搜索引擎里搜

2 、粘贴歌曲的链接

3 、上传本地音乐

26366a448db10d2332878c5fa107f0b5.png

好了,场景制作结束了,就可以分享出去了!目前已经开放支持微信扫码、社交网络一键转发以及网络链接。

利用易启秀制作h5的教程就是这样。


http://chatgpt.dhexx.cn/article/TbLndblZ.shtml

相关文章

HTML5 canvas画板的制作

canvas画板的制作 今天看了一些canvas视频的教程,有制作画板的过程,但是我有给出他们的简洁版和使用版本,能让用户看出画直线的路径,也就是当你拉一条直线的时候就和绘图工具一样,都能很好使用,绘图之后&am…

HTML制作员工信息登记表

任务描述:利用HTMLCSS制作下面的表格 任务分析: 1.需用到表单方面的知识,from标签 input标签及其属性 2.该表背景为粉色,需设置背景色 3.有两个表单按钮,提交和重置按钮 4.文本框内填充了一定文字 HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio…

html5手机页面设计软件,5个非常优秀的免费H5页面制作工具(推荐)

经常在微信里看到一些活动推荐页面,非常酷炫,自己也想做,但不会H5,也不懂移动开发规范,怎么办? 中国 1. 易企秀 百度指数:★★★★★ 易企秀界面 作 为百度指数最热的易企秀其实很容易定义,就是移动版PPT的H5页面制作工具,用来在手机上做简单动态演示。所以它各方面的…

html5海报 在线制作软件,免费H5在线制作工具大全(48种),不会写代码的看过来

H5制作不是设计师和程序猿的专利,普通用户也可以靠自己制作出精美的Html5作品,下面是几乎市面上所有的Html5在线制作平台,利用平台提供的海量模板资源和特效功能,完全可以让你成为一个Html5大师。当然,选择太多,不如不选。对于有选择恐惧症或者不知道该选择哪个工具的人来…

h5制作导出html,H5制作工具Hype的导出功能详解

Hype是一款Mac端网页制作工具,它可以通过时间线录制功能制作各种各样的网页炫酷动画效果,同时也支持使用物理引擎制作动画。当然,它的强大不仅仅体现于动画制作方面,它的导出功能同样也是功能齐全,下面小编就通过使用Hype 4版本,为大家详细介绍下这款H5制作软件的导出功能…

如何在线引入 阿里巴巴矢量图标库?

本地下载了图标矢量库后&#xff0c;发现漏下了几个图标怎么办&#xff1f; 1、重新下载新的项目&#xff0c;覆盖本地的。 2、引入在线链接&#xff01; 如何引入在线链接&#xff1f; 1、选择你要下载的图标&#xff0c;先下载到本地。 2 复制新图标内容3、粘贴到本地图标库…

阿里矢量图标库

记录阿里矢量图标库使用 【1】 【2】 【4】 【5】 【3】 【6】 https://www.iconfont.cn/将需要小图标“添加入库”【1】点右下角cart图标&#xff0c;“添加至项目”【2】到自己的项目下进入“我的项目”&#xff0c;“下载至本地”&#xff0c;解压后文件名【3】在自己本地…

使用阿里矢量图标库操作流程

使用阿里矢量图标库操作流程 1、地址 http://www.iconfont.cn 2、注册登录 登录常人只有两种方式&#xff1a;github、新浪&#xff0c;本人这里使用的GitHub&#xff0c;为了演示转让项目注册两个账号 登录成功&#xff1a; 3、创建项目 菜单栏选择图标管理我的项目 4、选…

阿里巴巴矢量图标库在线链接使用图标

1、去官网 iconfont-阿里巴巴矢量图标库 如果没有注册的先注册一下 2、搜索你需要的图标加入项目 搜索图标 找到心仪的图标后&#xff0c;添加入库&#xff0c;添加成功会出现虚线框&#xff0c;而右边小车上会出现添加图标的数量 点击小车图标&#xff0c;进入 添加到项目…

阿里巴巴矢量图的使用

博主在看到阿里巴巴的网站时发现 购物车前面的图标不是用img来做的&#xff0c;是用阿里巴巴的矢量图来做的。接下来介绍一下&#xff0c;关于阿里巴巴矢量图的使用方法。 1.首先进入网站 http://www.iconfont.cn/ 2.在输入框中输入自己需要的图标 比如输入&#xff1a;购…

阿里巴巴矢量图标引入方法

css字体图标引入方法 在网页中将小图标制作成字体是很多网站的常用做法&#xff0c;为的是减少页面请求。 先推荐一个字体图标库&#xff08;阿里巴巴矢量图标库&#xff09; https://www.iconfont.cn/ 一、首先根据项目按需选择好自己需要的图标&#xff0c;添加至入库 二、…

html引用阿里云矢量图标(不照搬官方,手把手教学)

如何使用图标呢&#xff1f; 如果不想看前面介绍的话&#xff0c;直接最后一个标题即可 点我快捷跳转 1. 介绍 使用的时候&#xff0c;官方提供的使用方法总共三种。 第一种是&#xff1a;Unicode第二种是&#xff1a;Font class第三种是&#xff1a;Symbol。 如图所示&…

iconfont-阿里巴巴矢量图标库使用教程

iconfont-阿里巴巴矢量图标库使用教程 文章目录 iconfont-阿里巴巴矢量图标库使用教程一、前言二、使用步骤三、运行效果 一、前言 iconfont-阿里巴巴矢量图标库 矢量化图标可以协助我们制作HTML&#xff0c;比直接插入img更快捷&#xff0c;页面效果也更好。它有很多优点&…

关于阿里矢量图标的三种使用方法

1.Unicode方法&#xff1a; 1.1 首先我们登录阿里图标的网址&#xff1a;iconfont-阿里巴巴矢量图标库。 1.2 进入到我的项目里面&#xff1a; 1.3&#xff1a;点击复制代码&#xff1a; 1.4 在网页代码的style标签中粘贴&#xff1a; <style type"text/css" me…

vue使用阿里云矢量图

vue使用阿里云矢量图 在vue中虽然使用了elementui中的图标&#xff0c;但是会发现图标数量有限&#xff0c;不能够适&#xff08;zhuang&#xff09;用&#xff08;bi&#xff09;系统&#xff0c;因此在vue中使用阿里云矢量图。 添加矢量图到“购物车” 浏览器访问阿里云矢…

iconfont-阿里巴巴矢量图标库的使用方法

官网:iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库&#xff0c;提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造&#xff0c;设计和前端开发的便捷工具http://www.iconfont.cn 使用方法&#xff1a; 1. 注册账号…

如何从阿里巴巴矢量图标库引入图标

1、进入链接图标库 2、下载可能需要登录账号&#xff0c;如无账号可用手机号注册登录 3、在首页搜索自己需要的图标&#xff0c;&#xff08;此处以“花”为例&#xff09; 4、找到需要的图标&#xff0c;添加入购物车内 5、打开右上角购物车&#xff0c;找“花”&#xff0c…

阿里巴巴矢量图的使用方法

看到阿里巴巴的网站时发现 购物车前面的图标不是用img来做的&#xff0c;是用阿里巴巴的矢量图来做的。接下来介绍一下&#xff0c;关于阿里巴巴矢量图的使用方法。 1.首先进入网站 http://www.iconfont.cn/ 2.在输入框中输入自己需要的图标 比如输入&#xff1a;购物车 3.添加…

阿里巴巴矢量图库的引用以及更新

1、打开阿里巴巴矢量图库的官方网站 iconfont-阿里巴巴矢量图标库 2、登录 3、搜索你想要的类型然后加入购物车然后添加至项目 下载到本地 4、下载好的文件解压之后放在你的项目目录里边 在在你的项目中引入iconfont.css 文件 5、使用字符标签 创建一个i 标签 添加两个类名 …

阿里矢量图的使用

阿里矢量图的使用 在官网搜索你需要的图片名例如serch 下载或者复制放到弄的项目中即可 在index.html中引入这串样式 会变需要在官网查看 <link rel"stylesheet" href"http://at.alicdn.com/t/font_518606_6676bmcalnrhehfr.css"></link>…