H5营销案例与制作ppt课件

1、H TM L1ppt课件.1. 什么什么是是H5？2. H5可以做什么？可以做什么？3. H5专题案例分享专题案例分享4. 如何快速制作如何快速制作H5？2ppt课件.什么是什么是HTML5？3ppt课件.H5原本是一种制作万维网页面原本是一种制作万维网页面的的核心核心语言（语言（超文本标记语言超文本标记语言），），由由HTML5简化而来的词汇，如今却借由微信移动社交平台，走进简化而来的词汇，如今却借由微信移动社交平台，走进大家的视野大家的视野。超文本超文本标记语言标记语言（Hyper Text Markup Language）支持支持的浏览器：的浏览器：Safari、Chrome、Firef

2、ox、Opera、IE94ppt课件.H5可以做什么？可以做什么？5ppt课件.响应式网站响应式网站做做APP微信公众号微信公众号微信小游戏微信小游戏微信轻应用（商城、邀请函）微信轻应用（商城、邀请函）6ppt课件.从从营销角度来讲，我们不但可以用营销角度来讲，我们不但可以用H5在页面上融入文字动效、音频、在页面上融入文字动效、音频、视频、图片、图表、音乐和互动调查等各种媒体表现方式，将品牌核视频、图片、图表、音乐和互动调查等各种媒体表现方式，将品牌核心观点精心梳理重点突出，还可以使页面形式更加适合阅读、展示、心观点精心梳理重点突出，还可以使页面形式更加适合阅读、展示、互动，方便用户体验及用户

3、与用户之间的分享，正是具备了这样的营互动，方便用户体验及用户与用户之间的分享，正是具备了这样的营销优势，销优势，H5技术的运用不但为移动互联网行业的高速发展增添了新的技术的运用不但为移动互联网行业的高速发展增添了新的契机，也为移动互联网营销开辟了新渠道。契机，也为移动互联网营销开辟了新渠道。7ppt课件.H5专题专题案例分享案例分享8ppt课件.但其呈现效果却是目前最炙手可热的营销手段之一但其呈现效果却是目前最炙手可热的营销手段之一9ppt课件.围住神经猫：围住神经猫：堪称一代流行小游戏之标本堪称一代流行小游戏之标本l 神经猫体态妖娆，形象贱萌，表情风骚，不断在屏幕中扭来神经猫体态妖娆，形象贱

4、萌，表情风骚，不断在屏幕中扭来扭去，勾引玩家发起毫不留情地围剿扭去，勾引玩家发起毫不留情地围剿。l 游戏上手简单，又有一定的数学挑战性；在醒目位置添加网游戏上手简单，又有一定的数学挑战性；在醒目位置添加网络流行俗语；引入竞争机制，撩拨玩家的攀比心态。络流行俗语；引入竞争机制，撩拨玩家的攀比心态。10ppt课件.全民寻找房祖名：全民寻找房祖名：热点新闻催生出的单细胞生物热点新闻催生出的单细胞生物l 14年年8月，柯震东、房祖名相继跳入毒坑，于是此月，柯震东、房祖名相继跳入毒坑，于是此H5游戏应运而生。你只需在一群柯震东的头像里捞出唯一游戏应运而生。你只需在一群柯震东的头像里捞出唯一一个房祖名一个

5、房祖名。l “找祖名找祖名”更倾向于眼力的比拼更倾向于眼力的比拼也就是说，更弱也就是说，更弱智。然而越傻瓜，就越流行。智。然而越傻瓜，就越流行。11ppt课件.从功能与设计目标来看， H5专题页主要有以下4大类型品牌宣传型品牌宣传型总结报告型总结报告型产品介绍型产品介绍型234活动运营型活动运营型112ppt课件.大众点评为电影大众点评为电影狂怒狂怒设计的推广页设计的推广页以选择为主旋律，复古风格，层层推出大众点评网上购票，网上选座位的最终营销目的。13ppt课件.首草先生的情书首草先生的情书以一位男士的口吻娓娓道来在成长历程中对妻子的爱与愧疚，最后引出“首草滋阴圣品，爱妻首选”的宣传语。14

6、ppt课件.LEXUS NX 产品产品H5页面页面体验和操控性极佳，页面设计科技感十足15ppt课件.京东的十大任性京东的十大任性扁平化风格，纸面质感复古卡片，最后有小刘的小彩蛋做压轴16ppt课件.如何快速制作如何快速制作H5？17ppt课件.易企秀易企秀|免费免费H5页面移动微场景应用制作页面移动微场景应用制作平台平台 (官网官网:)18ppt课件.免费注册易企秀账号免费注册易企秀账号登录易企秀账号登录易企秀账号创建场景创建场景19ppt课件.制作前，准备好制作前，准备好4个资料个资料创意创意：展示：展示什么，用什么方式什么，用什么方式音乐音乐：烘托：烘托氛围，氛围，MP3格式格式图片图片

7、：提前：提前备好，视觉效果好备好，视觉效果好文字文字：准备：准备充分，具有感染力充分，具有感染力20ppt课件.创建创建场景场景21ppt课件.空白自主创建，或者选择一个样例空白自主创建，或者选择一个样例【套模板套模板】选择一个模板，把模板中需要修改的地方修改即可快捷制作。选择一个模板，把模板中需要修改的地方修改即可快捷制作。【自主创建自主创建】点击点击“+”进入自主创建，一页一页创建场景。进入自主创建，一页一页创建场景。22ppt课件.在易企秀制作页面的左侧栏，易在易企秀制作页面的左侧栏，易企秀官方为大家提供企秀官方为大家提供了许多了许多“页页面模板面模板”，在制作场景的过程中，在制作场景的

8、过程中，可以参考或者直接套用页面模板可以参考或者直接套用页面模板进行场景创建。进行场景创建。自己制作的页面，也可以保存为自己制作的页面，也可以保存为“我的我的”模板，以供下次使用。模板，以供下次使用。企业账号将自己的场景设置为企业账号将自己的场景设置为“企业页面模板企业页面模板”，子账号可以，子账号可以直接使用。直接使用。右侧的右侧的“页面管理页面管理”五大五大管理操作管理操作1.复制：点击复制：点击“复制复制”2.我我的模板的模板 ：点击：点击“我的模我的模板板”，出现在左侧，出现在左侧“我的模板我的模板”中，可删除中，可删除3.删除删除：点击：点击“删除删除”4.移动移动：可：可上下拖动上

9、下拖动5.添加：点击添加：点击“+”，添加一页，添加一页23ppt课件.10个基本组件个基本组件+设置设置+发布发布组件是构成场景的基本组件是构成场景的基本要素要素1.文本文本 2.背景背景 3.音乐音乐 4.视频视频 5.图片图片 6.形状形状 7.图集图集 8.互动互动 9.表单表单 10.特效特效24ppt课件.1.文本文本1.点击点击“文本文本”后后 即可即可创建创建 2.单击文本框单击文本框 出现编辑出现编辑菜单菜单 3.双击文本框双击文本框 进入基进入基础编辑础编辑25ppt课件.2.背景背景点击点击“背景背景”后，选择后，选择“图片库图片库”中的中的背景，也背景，也可点击可点击“

10、上传上传”上传图片到上传图片到“我的图我的图片片”中中26ppt课件.3.音乐音乐点击点击“音乐音乐”即可创建即可创建【背景音乐背景音乐】1.【音乐库音乐库】为官方提供的音乐为官方提供的音乐素材素材 2.【外部链外部链接接】插入网络音乐插入网络音乐链接链接 3.【我的音乐我的音乐】自主上传音乐自主上传音乐27ppt课件.4.视频视频点击点击“视频视频”后，给场景添加网络视频后，给场景添加网络视频28ppt课件.5.图片图片点击点击“图片图片”后，选择后，选择“图片库图片库”中的图片中的图片素材或素材或点击点击“上传上传”上传图片到上传图片到“我的图片我的图片”库库29ppt课件.6.形状形状“

11、形状形状”是便于用户制作扁平化是便于用户制作扁平化页的页的素材素材，形状，形状素材和文字一样可以做素材和文字一样可以做 “颜色、大小颜色、大小”等设置。等设置。30ppt课件.7.图集图集图集：是几张图片的图集：是几张图片的集合、主要集合、主要设置：图片比例、切换设置：图片比例、切换方式方式31ppt课件.8.互动互动“互动互动”是方便制作者与观看者互动的组件是方便制作者与观看者互动的组件32ppt课件.9.表表单单表单（也叫信息收集表、报名表、信息反馈表等）是场景创建者用来收集查看场景的用表单（也叫信息收集表、报名表、信息反馈表等）是场景创建者用来收集查看场景的用户反馈信息的重要工具。可点击

12、户反馈信息的重要工具。可点击“表单表单”创建也可直接在互动模板里直接快捷创建。创建也可直接在互动模板里直接快捷创建。33ppt课件.10.特效特效特效组件是给某一个页面加上一个特殊的特效组件是给某一个页面加上一个特殊的效果点击效果点击“特效特效”即可为当前页面即可为当前页面选择合适的选择合适的特效。特效。34ppt课件.设置动画设置动画动画设置主要应用于：文字、图片、图形、一键拨号、输入框等组件动画设置主要应用于：文字、图片、图形、一键拨号、输入框等组件设置方法：点击组件设置方法：点击组件选择选择“动画动画”进入动画设置页面进入动画设置页面35ppt课件.设置设置设置是对场景的基本信息进行设置

13、，主要包括：场景封面、场景名称、场设置是对场景的基本信息进行设置，主要包括：场景封面、场景名称、场景描述、翻页景描述、翻页方式、场景音乐。方式、场景音乐。36ppt课件.发布发布“保存保存”只是对操作进行保存，如果不点击只是对操作进行保存，如果不点击“发布发布”此场景未发布的编辑内容，在场此场景未发布的编辑内容，在场景分享出去时，别人看不到最新编辑的内容景分享出去时，别人看不到最新编辑的内容。点击。点击“退出退出”则退出则退出编辑页面。编辑页面。37ppt课件.38ppt课件.制作小窍门制作小窍门资料准备资料准备全全 图片图片要清楚要清楚文字要文字要简洁简洁 重点重点更突出更突出制作很制作很简单简单 就就看熟练度看熟练度场景有场景有创意创意 谁谁也挡不住也挡不住愿您出愿您出佳作佳作 祝祝君展宏图君展宏图39ppt课件.结语结语随着手机硬件的升级、随着手机硬件的升级、HTML