微信H5页面制作简易教程.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.【我的音乐】自主上传音乐 第十七页，共三十五页。 点击“视频”后，给场景添加网络视频 点击“什么是视频通用代码”，出现详细操作 第十八页，共三十五页。 点击“图片”后，选择“图片库”中的图片素材 或点击“上传”上传图片到“我的图片”库 第十九页，共三十五页。 点击“形状”后，选择“形状组件” 库中选择形状组件 “形状”是便于用户制作扁平化页面的素材， 形状素材和文字一样可以做 “颜色、大小”等设置。 第二十页，共三十五页。 图集：是几张图片的集合 主要设置：图片比例、切换方式 第二十一页，共三十五页。 “互动”是方便制作者与观看者互动的组件 互动组件目前主要是“一键拨号”，正在不断增加 第二十二页，共三十五页。 表单（也叫信息收集表、报名表、信息反馈表等）是场景创建者用来收集查看场景的用户反馈信息的重要工具。可点击“表单”创建也可直接在互动模板里直接快捷创建。 第二十三页，共三十五页。 【设置动画】 动画设置主要应用于：文字、图片、图形、一键拨号、输入框等组件 设置方法：点击组件→选择“动画”→进入动画设置页面 第二十四页，共三十五页。 制作小提示 点击预览图标，即可对此页面的动画设置进行整体预览。 第二十五页，共三十五页。