H5页面微场景制作入门教程(共34张)
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第22页，共34页。
表单（也叫信息收集表、报名表、信息反馈表等）是场景创建者用 来收集查看场景的用户反馈信息的重要工具。可点击(diǎn jī)“表 单”创建也可直接在互动模板里直接快捷创建。
第23页，共34页。
【设置动画】
动画设置主要应用于：文字(wénzì)、图片、图形、一键拨号、输入框等组件 设置方法：点击组件→选择“动画”→进入动画设置页面
方式
第32页，共34页。
制作 小窍门 (zhìzuò)
资料准备全，图片要清楚
文字要简洁，重点更突出 制作很简单，就看熟练度
场景有创意，谁也挡不住 愿您出佳作，祝君展宏图
第33页，共34页。
分享 经验 (fēn xiǎnɡ) 共同成长
感谢您的聆听
第34页，共34页。
也可点击“上传”上传图片到“我的背景”库
第15页，共34页。
背景 编辑 (bèijǐng)
→背景创建后，点击编辑栏上的背景齿轮，即可对背景进行 编辑。 →背景编辑主要包括：剪切、更换、效果（放大、缩小）、删除。
第16页，共34页。
点击(diǎn jī)“音乐”即可创建【背景音乐】
1.【音乐库】为官方提供的音乐素材 2.【外部链接】插入网络音乐链接 3.【我的音乐】自主上传音乐
组件是构成场景的基本要素
1.文本 2.背景 3.音乐 4.视频 5.图片 6.形状 7.图集 8.互动 9.表单 10.特效
第13页，共34页。
1.点击“文本”后 →即可创建 2.单击文本框
→出现(chūxiàn)编辑菜 单
3.双击文本框
→进入基础编辑
第14页，共34页。
点击(diǎn jī)“背景”后，选择“背景库”中的背景图
第17页，共34页。
点击“视频”后，给场景(chǎng jǐng)添加网络视频
点击“什么是视频通用代码”，出现详细操作
第18页，共34页。
点击(diǎn jī)“图片”后，选择“图片库”中的图片素材 或点击“上传”上传图片到“我的图片”库
第19页，共34页。
点击(diǎn jī)“形状”后，选择“形状组件” 库中选择形状组件
H5页面微场景制作入 门教程
入门(rù mén)了，一切都变得很简单！
第1页，共34页。
制作 小提示 (zhìzuò)
• 制作H5场景推荐使用谷歌浏览器
• 也可在手机上下载制作工具客户端，在手机上进行制作
第2页，共34页。
H5场景制作与运用 流 (yùnyòng) 程
1
2
3
4
第3页，共34页。
ห้องสมุดไป่ตู้
制作(zhìzuò)前，准备好4个资料
第28页，共34页。
点击发布后，可获得场景(chǎng jǐng)二维码、场景(chǎng jǐng)连接和
更多的一键分享方式。
第29页，共34页。
下载更大的场景(chǎng jǐng)二维码 （在“我的推广”里找到二维码，如下图）
第30页，共34页。
“我的场景 ” (chǎng jǐng) 管理
“形状”是便于用户制作扁平化 页面的素材， 形状素材和文字一样可以做 “颜色、 大小”等设置。
第20页，共34页。
图集：是几张图片的集合 主要设置：图片比例(bǐlì)、切换方式
第21页，共34页。
“互动(hù dònɡ)”是方便制作者与观看者互动(hù dònɡ)的组件 互动组件目前主要是“一键拨号”，正在不断增加
信或者QQ进行登录。
登录 易企秀账号 (dēnɡ lù)
点击官网右上角“登录”
1.邮箱登录：
输入邮箱和密码，点击“登 录”即可。
第6页，共34页。
2.第三方登录：
无需注册，直接点击图标，使用
微信或者QQ进行登录。
创建 场景 (chuàngjiàn)
点击右上角
创建场景
第7页，共34页。
【套模板 】 (múbǎn) 选择一个模板，把模板中需要修改的地方修改即可快捷制作。 【自主创建】点击“+”进入自主创建，一页一页创建场景。
• 点击“我的场景”可看到自己创建的 所有场景列表。
• 点击单个场景右下角的齿轮，即可对此场 景进行“设置、编辑、复制、转送和删除” 操作。
• 点击“开放”/“关闭”，对场景进行开
放和关闭。
第31页，共34页。
在微信里分享 场 (fēn xiǎnɡ) 景
微信扫一扫场景 二维码→打开场 景→点击右上角 菜单→选择分享
创意：
展示什么，用什么方式
音乐：
图片烘：托氛围，
提前M备P好3，格视觉式效果
文字： 好
准备充分，具有感染
第4页，共34页。
力
免费注册(zhùcè)易企秀账号
进入官网后点击右上角“注册”
1.邮箱注册：
输入邮箱和密码，点击“注册” 即可。
第5页，共34页。
2.第三方登录：
无需注册，直接点击图标，使用微
第24页，共34页。
制作 小提示 (zhìzuò)
• 点击预览图标，即可对此页面的动画设置 进行整体预览。
第25页，共34页。
设置是对场景的基本信 息进行设置，主要包括： 场景封面(fēngmiàn)、 场景名称、场景描述、 翻页方式。
点击“场景共享”和“友 情展示”下拉键，可参加 易企秀官方活动和尾页设 置。
第26页，共34页。
特效组件是给某一个页面加上一个特殊的效果。 点击(diǎn jī)“特效”即可为当前页面选择合适的特效
第27页，共34页。
很重要 特别重要
“保存”只是对操作进行保存，如果不点击“发 布”此场景未发布的编辑内容，在场景分享(fēn xiǎnɡ)出去时，别人看不到最新编辑的内容。 点击“退出”则推出编辑页面。
第8页，共34页。
场景 名称 (chǎng jǐng)
填写名称
后期可改
填写完毕 点击创建
第9页，共34页。
点击选择 为了自己 管理方便
制作 页面 (zhìzuò)
第10页，共34页。
页面 模板 (yè miàn)
在易企秀制作页面的左侧栏，易企 秀官方为大家提供了分门别类的 “页面模板”，在制作场景的过程 中，可以参考或者直接套用页面模 板进行场景创建。 自己制作的页面，也可以保存为 “我的”模板，以供下次使用。 企业账号将自己的场景设置为“企业 页面模板”，子账号可以直接使用。
第11页，共34页。
右侧(yòu cè)的“页面管 理”
5大管理操作
1.复制：点中条框，点击“复制” 2.我的模板 ：点中条框，点击“我的复
制”，出现在左侧“页面模板”中，可删除
3.删除：点中条框，点击“删除”
4.移动：点中条框，可上下拖动
5.添加：点击“+”，添加一页
第12页，共34页。
10个基本组件+设置(shèzhì)+发布
表单（也叫信息收集表、报名表、信息反馈表等）是场景创建者用 来收集查看场景的用户反馈信息的重要工具。可点击(diǎn jī)“表 单”创建也可直接在互动模板里直接快捷创建。
第23页，共34页。
【设置动画】
动画设置主要应用于：文字(wénzì)、图片、图形、一键拨号、输入框等组件 设置方法：点击组件→选择“动画”→进入动画设置页面
方式
第32页，共34页。
制作 小窍门 (zhìzuò)
资料准备全，图片要清楚
文字要简洁，重点更突出 制作很简单，就看熟练度
场景有创意，谁也挡不住 愿您出佳作，祝君展宏图
第33页，共34页。
分享 经验 (fēn xiǎnɡ) 共同成长
感谢您的聆听
第34页，共34页。
也可点击“上传”上传图片到“我的背景”库
第15页，共34页。
背景 编辑 (bèijǐng)
→背景创建后，点击编辑栏上的背景齿轮，即可对背景进行 编辑。 →背景编辑主要包括：剪切、更换、效果（放大、缩小）、删除。
第16页，共34页。
点击(diǎn jī)“音乐”即可创建【背景音乐】
1.【音乐库】为官方提供的音乐素材 2.【外部链接】插入网络音乐链接 3.【我的音乐】自主上传音乐
组件是构成场景的基本要素
1.文本 2.背景 3.音乐 4.视频 5.图片 6.形状 7.图集 8.互动 9.表单 10.特效
第13页，共34页。
1.点击“文本”后 →即可创建 2.单击文本框
→出现(chūxiàn)编辑菜 单
3.双击文本框
→进入基础编辑
第14页，共34页。
点击(diǎn jī)“背景”后，选择“背景库”中的背景图
第17页，共34页。
点击“视频”后，给场景(chǎng jǐng)添加网络视频
点击“什么是视频通用代码”，出现详细操作
第18页，共34页。
点击(diǎn jī)“图片”后，选择“图片库”中的图片素材 或点击“上传”上传图片到“我的图片”库
第19页，共34页。
点击(diǎn jī)“形状”后，选择“形状组件” 库中选择形状组件
H5页面微场景制作入 门教程
入门(rù mén)了，一切都变得很简单！
第1页，共34页。
制作 小提示 (zhìzuò)
• 制作H5场景推荐使用谷歌浏览器
• 也可在手机上下载制作工具客户端，在手机上进行制作
第2页，共34页。
H5场景制作与运用 流 (yùnyòng) 程
1
2
3
4
第3页，共34页。
ห้องสมุดไป่ตู้
制作(zhìzuò)前，准备好4个资料
第28页，共34页。
点击发布后，可获得场景(chǎng jǐng)二维码、场景(chǎng jǐng)连接和
更多的一键分享方式。
第29页，共34页。
下载更大的场景(chǎng jǐng)二维码 （在“我的推广”里找到二维码，如下图）
第30页，共34页。
“我的场景 ” (chǎng jǐng) 管理
“形状”是便于用户制作扁平化 页面的素材， 形状素材和文字一样可以做 “颜色、 大小”等设置。
第20页，共34页。
图集：是几张图片的集合 主要设置：图片比例(bǐlì)、切换方式
第21页，共34页。
“互动(hù dònɡ)”是方便制作者与观看者互动(hù dònɡ)的组件 互动组件目前主要是“一键拨号”，正在不断增加
信或者QQ进行登录。
登录 易企秀账号 (dēnɡ lù)
点击官网右上角“登录”
1.邮箱登录：
输入邮箱和密码，点击“登 录”即可。
第6页，共34页。
2.第三方登录：
无需注册，直接点击图标，使用
微信或者QQ进行登录。
创建 场景 (chuàngjiàn)
点击右上角
创建场景
第7页，共34页。
【套模板 】 (múbǎn) 选择一个模板，把模板中需要修改的地方修改即可快捷制作。 【自主创建】点击“+”进入自主创建，一页一页创建场景。
• 点击“我的场景”可看到自己创建的 所有场景列表。
• 点击单个场景右下角的齿轮，即可对此场 景进行“设置、编辑、复制、转送和删除” 操作。
• 点击“开放”/“关闭”，对场景进行开
放和关闭。
第31页，共34页。
在微信里分享 场 (fēn xiǎnɡ) 景
微信扫一扫场景 二维码→打开场 景→点击右上角 菜单→选择分享
创意：
展示什么，用什么方式
音乐：
图片烘：托氛围，
提前M备P好3，格视觉式效果
文字： 好
准备充分，具有感染
第4页，共34页。
力
免费注册(zhùcè)易企秀账号
进入官网后点击右上角“注册”
1.邮箱注册：
输入邮箱和密码，点击“注册” 即可。
第5页，共34页。
2.第三方登录：
无需注册，直接点击图标，使用微
第24页，共34页。
制作 小提示 (zhìzuò)
• 点击预览图标，即可对此页面的动画设置 进行整体预览。
第25页，共34页。
设置是对场景的基本信 息进行设置，主要包括： 场景封面(fēngmiàn)、 场景名称、场景描述、 翻页方式。
点击“场景共享”和“友 情展示”下拉键，可参加 易企秀官方活动和尾页设 置。
第26页，共34页。
特效组件是给某一个页面加上一个特殊的效果。 点击(diǎn jī)“特效”即可为当前页面选择合适的特效
第27页，共34页。
很重要 特别重要
“保存”只是对操作进行保存，如果不点击“发 布”此场景未发布的编辑内容，在场景分享(fēn xiǎnɡ)出去时，别人看不到最新编辑的内容。 点击“退出”则推出编辑页面。
第8页，共34页。
场景 名称 (chǎng jǐng)
填写名称
后期可改
填写完毕 点击创建
第9页，共34页。
点击选择 为了自己 管理方便
制作 页面 (zhìzuò)
第10页，共34页。
页面 模板 (yè miàn)
在易企秀制作页面的左侧栏，易企 秀官方为大家提供了分门别类的 “页面模板”，在制作场景的过程 中，可以参考或者直接套用页面模 板进行场景创建。 自己制作的页面，也可以保存为 “我的”模板，以供下次使用。 企业账号将自己的场景设置为“企业 页面模板”，子账号可以直接使用。
第11页，共34页。
右侧(yòu cè)的“页面管 理”
5大管理操作
1.复制：点中条框，点击“复制” 2.我的模板 ：点中条框，点击“我的复
制”，出现在左侧“页面模板”中，可删除
3.删除：点中条框，点击“删除”
4.移动：点中条框，可上下拖动
5.添加：点击“+”，添加一页
第12页，共34页。
10个基本组件+设置(shèzhì)+发布