H5营销案例与制作.

1.什么是H5？2.H5可以做什么？3.H5专题案例分享4.如何快速制作H5？什么是HTML5？•H5原本是一种制作万维网页面的核心语言（超文本标记语言），由HTML5简化而来的词汇，如今却借由微信移动社交平台，走进大家的视野。•超文本标记语言（HyperTextMarkupLanguage）•支持的浏览器：Safari、Chrome、Firefox、Opera、IE9H5可以做什么？•响应式网站•做APP•微信公众号•微信小游戏•微信轻应用（商城、邀请函）•从营销角度来讲，我们不但可以用H5在页面上融入文字动效、音频、视频、图片、图表、音乐和互动调查等各种媒体表现方式，将品牌核心观点精心梳理重点突出，还可以使页面形式更加适合阅读、展示、互动，方便用户体验及用户与用户之间的分享，正是具备了这样的营销优势，H5技术的运用不但为移动互联网行业的高速发展增添了新的契机，也为移动互联网营销开辟了新渠道。H5专题案例分享但其呈现效果却是目前最炙手可热的营销手段之一围住神经猫：堪称一代流行小游戏之标本神经猫体态妖娆，形象贱萌，表情风骚，不断在屏幕中扭来扭去，勾引玩家发起毫不留情地围剿。游戏上手简单，又有一定的数学挑战性；在醒目位置添加网络流行俗语；引入竞争机制，撩拨玩家的攀比心态。全民寻找房祖名：热点新闻催生出的单细胞生物14年8月，柯震东、房祖名相继跳入毒坑，于是此H5游戏应运而生。你只需在一群柯震东的头像里捞出唯一一个房祖名。“找祖名”更倾向于眼力的比拼——也就是说，更弱智。然而越傻瓜，就越流行。从功能与设计目标来看，H5专题页主要有以下4大类型品牌宣传型总结报告型产品介绍型234活动运营型1大众点评为电影《狂怒》设计的推广页以选择为主旋律，复古风格，层层推出大众点评网上购票，网上选座位的最终营销目的。《首草先生的情书》以一位男士的口吻娓娓道来在成长历程中对妻子的爱与愧疚，最后引出“首草——滋阴圣品，爱妻首选”的宣传语。LEXUSNX产品H5页面体验和操控性极佳，页面设计科技感十足京东的十大任性扁平化风格，纸面质感复古卡片，最后有小刘的小彩蛋做压轴如何快速制作H5？易企秀|免费H5页面移动微场景应用制作平台(官网:)免费注册易企秀账号登录易企秀账号创建场景制作前，准备好4个资料创意：展示什么，用什么方式音乐：烘托氛围，MP3格式图片：提前备好，视觉效果好文字：准备充分，具有感染力创建场景空白自主创建，或者选择一个样例【套模板】选择一个模板，把模板中需要修改的地方修改即可快捷制作。【自主创建】点击“+”进入自主创建，一页一页创建场景。在易企秀制作页面的左侧栏，易企秀官方为大家提供了许多“页面模板”，在制作场景的过程中，可以参考或者直接套用页面模板进行场景创建。自己制作的页面，也可以保存为“我的”模板，以供下次使用。企业账号将自己的场景设置为“企业页面模板”，子账号可以直接使用。右侧的“页面管理”五大管理操作1.复制：点击“复制”2.我的模板：点击“我的模板”，出现在左侧“我的模板”中，可删除3.删除：点击“删除”4.移动：可上下拖动5.添加：点击“+”，添加一页10个基本组件+设置+发布组件是构成场景的基本要素1.文本2.背景3.音乐4.视频5.图片6.形状7.图集8.互动9.表单10.特效1.文本1.点击“文本”后→即可创建2.单击文本框→出现编辑菜单3.双击文本框→进入基础编辑2.背景点击“背景”后，选择“图片库”中的背景，也可点击“上传”上传图片到“我的图片”中3.音乐点击“音乐”即可创建【背景音乐】1.【音乐库】为官方提供的音乐素材2.【外部链接】插入网络音乐链接3.【我的音乐】自主上传音乐4.视频点击“视频”后，给场景添加网络视频5.图片点击“图片”后，选择“图片库”中的图片素材或点击“上传”上传图片到“我的图片”库6.形状“形状”是便于用户制作扁平化页的素材，形状素材和文字一样可以做“颜色、大小”等设置。7.图集图集：是几张图片的集合、主要设置：图片比例、切换方式8.互动“互动”是方便制作者与观看者互动的组件9.表单表单（也叫信息收集表、报名表、信息反馈表等）是场景创建者用来收集查看场景的用户反馈信息的重要工具。可点击“表单”创建也可直接在互动模板里直接快捷创建。10.特效特效组件是给某一个页面加上一个特殊的效果点击“特效”即可为当前页面选择合适的特效。设置动画动画设置主要应用于：文字、图片、图形、一键拨号、输入框等组件设置方法：点击组件→选择“动画”→进入动画设置页面设置设置是对场景的基本信息进行设置，主要包括：场景封面、场景名称、场景描述、翻页方式、场景音乐。发布“保存”只是对操作进行保存，如果不点击“发布”此场景未发布的编辑内容，在场景分享出去时，别人看不到最新编辑的内容。点击“退出”则退出编辑页面。制作小窍门资料准备全图片要清楚文字要简洁重点更突出制作很简单就看熟练度场景有创意谁也挡不住愿您出佳作祝君展宏图结语随着手机硬件的升级、HTML5技术的发展以及微信平台的开放，HTML5的跨平台、低成本、快迭代等优势被进一步凸显，这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说，都将是一个最好的时代。最后，分享一个能够动态展示H5的网站感谢您的聆听谢谢