H5页面微场景制作入门教程—20150714版本.ppt

入门了，一切都变得很简单！,H5页面微场景制作入门教程,制作者：刘艳君,制作小提示,制作H5场景推荐使用谷歌浏览器 也可在手机上下载制作工具客户端，在手机上进行制作,1,4,3,2,H5场景制作与运用流程,制作前，准备好4个资料,创意： 展示什么，用什么方式,图片： 提前备好，视觉效果好,文字： 准备充分，具有感染力,音乐： 烘托氛围，MP3格式,免费注册易企秀账号,进入官网后点击右上角“注册”,1.邮箱注册： 输入邮箱和密码，点击“注册”即可。,2.第三方登录： 无需注册，直接点击图标，使用微信或者QQ进行登录。,登录易企秀账号,点击官网右上角“登录”,1.邮箱登录： 输入邮箱和密码，点击“登录”即可。,2.第三方登录： 无需注册，直接点击图标，使用微信或者QQ进行登录。,创建场景,点击右上角 创建场景,【套模板】选择一个模板，把模板中需要修改的地方修改即可快捷制作。 【自主创建】点击“+”进入自主创建，一页一页创建场景。,场景名称,填写名称 后期可改,填写完毕 点击创建,点击选择为了自己管理方便,制作页面,页面模板,在易企秀制作页面的左侧栏，易企秀官方为大家提供了分门别类的“页面模板”，在制作场景的过程中，可以参考或者直接套用页面模板进行场景创建。 自己制作的页面，也可以保存为“我的”模板，以供下次使用。 企业账号将自己的场景设置为“企业页面模板”，子账号可以直接使用。,右侧的“页面管理”,5大管理操作 复制：点中条框，点击“复制” 我的模板 ：点中条框，点击“我的复制”，出现在左侧“页面模板”中，可删除 删除：点中条框，点击“删除” 移动：点中条框，可上下拖动 添加：点击“+”，添加一页,10个基本组件+设置+发布,组件是构成场景的基本要素,1.文本 2.背景 3.音乐 4.视频 5.图片 6.形状 7.图集 8.互动 9.表单 10.特效,1.点击“文本”后 即可创建 2.单击文本框 出现编辑菜单 3.双击文本框 进入基础编辑,点击“背景”后，选择“背景库”中的背景图 也可点击“上传”上传图片到“我的背景”库,背景编辑,背景创建后，点击编辑栏上的背景齿轮，即可对背景进行编辑。 背景编辑主要包括：剪切、更换、效果（放大、缩小）、删除。,点击“音乐”即可创建【背景音乐】,1.【音乐库】为官方提供的音乐素材 2.【外部链接】插入网络音乐链接 3.【我的音乐】自主上传音乐,点击“视频”后，给场景添加网络视频,点击“什么是视频通用代码”，出现详细操作,点击“图片”后，选择“图片库”中的图片素材 或点击“上传”上传图片到“我的图片”库,点击“形状”后，选择“形状组件” 库中选择形状组件,“形状”是便于用户制作扁平化页面的素材， 形状素材和文字一样可以做 “颜色、大小”等设置。,图集：是几张图片的集合 主要设置：图片比例、切换方式,“互动”是方便制作者与观看者互动的组件 互动组件目前主要是“一键拨号”，正在不断增加,表单（也叫信息收集表、报名表、信息反馈表等）是场景创建者用来收集查看场景的用户反馈信息的重要工具。可点击“表单”创建也可直接在互动模板里直接快捷创建。,【设置动画】 动画设置主要应用于：文字、图片、图形、一键拨号、输入框等组件 设置方法：点击组件选择“动画”进入动画设置页面,制作小提示,点击预览图标，即可对此页面的动画设置进行整体预览。,设置是对场景的基本信息进行设置，主要包括：场景封面、场景名称、场景描述、翻页方式。 点击“场景共享”和“友情展示”下拉键，可参加易企秀官方活动和尾页设置。,特效组件是给某一个页面加上一个特殊的效果。 点击“特效”即可为当前页面选择合适的特效,“保存”只是对操作进行保存，如果不点击“发布”此场景未发布的编辑内容，在场景分享出去时，别人看不到最新编辑的内容。 点击“退出”则推出编辑页面。,很重要 特别重要,点击发布后，可获得场景二维码、场景连接和 更多的一键分享方式。,下载更大的场景二维码 （在“我的推广”里找到二维码，如下图）,“我的场景”管理,点击“我的场景”可看到自己创建的所有场景列表。 点击单个场景右下角的齿轮，即可对此场景进行“设置、编辑、复制、转送和删除”操作。 点击“开放”/“关闭”，对场景进行开放和关闭。,在微信里分享场景,微信扫一扫场景二维码打开场景点击右