H5营销案例与制作分析.pptxVIP

;什么是H5？ H5可以做什么？ H5专题案例分享 如何快速制作H5？;什么是HTML5？;H5原本是一种制作万维网页面的核心语言（超文本标记语言），由HTML5简化而来的词汇，如今却借由微信移动社交平台，走进大家的视野。 超文本标记语言（Hyper Text Markup Language） 支持的浏览器：Safari、Chrome、Firefox、Opera、IE9;H5可以做什么？;响应式网站 做APP 微信公众号 微信小游戏 微信轻应用（商城、邀请函）;从营销角度来讲，我们不但可以用H5在页面上融入文字动效、音频、视频、图片、图表、音乐和互动调查等各种媒体表现方式，将品牌核心观点精心梳理重点突出，还可以使页面形式更加适合阅读、展示、互动，方便用户体验及用户与用户之间的分享，正是具备了这样的营销优势，H5技术的运用不但为移动互联网行业的高速发展增添了新的契机，也为移动互联网营销开辟了新渠道。;H5专题案例分享;但其呈现效果却是目前最炙手可热的营销手段之一;围住神经猫：堪称一代流行小游戏之标本;全民寻找房祖名：热点新闻催生出的单细胞生物;从功能与设计目标来看， H5专题页主要有以下4大类型;大众点评为电影《狂怒》设计的推广页;《首草先生的情书》;LEXUS NX 产品H5页面;京东的十大任性;如何快速制作H5？;易企秀|免费H5页面移动微场景应用制作平台 (官网:);免费注册易企秀账号 登录易企秀账号 创建场景;制作前，准备好4个资料;创建场景;空白自主创建，或者选择一个样例;在易企秀制作页面的左侧栏，易企秀官方为大家提供了许多“页面模板”，在制作场景的过程中，可以参考或者直接套用页面模板进行场景创建。 自己制作的页面，也可以保存为“我的”模板，以供下次使用。 企业账号将自己的场景设置为“企业页面模板”，子账号可以直接使用。;10个基本组件+设置+发布;1.文本 1.点击“文本”后 →即可创建 2.单击文本框 →出现编辑菜单 3.双击文本框 →进入基础编辑;2.背景 点击“背景”后，选择“图片库”中的背景，也可点击“上传”上传图片到“我的图片”中 ;3.音乐 点击“音乐”即可创建【背景音乐】1.【音乐库】为官方提供的音乐素材 2.【外部链接】插入网络音乐链接 3.【我的音乐】自主上传音乐 ;4.视频 点击“视频”后，给场景添加网络视频;5.图片 点击“图片”后，选择“图片库”中的图片素材或点击“上传”上传图片到“我的图片”库;6.形状 “形状”是便于用户制作扁平化页的素材，形状素材和文字一样可以做 “颜色、大小”等设置。 ;7.图集 图集：是几张图片的集合、主要设置：图片比例、切换方式;8.互动 “互动”是方便制作者与观看者互动的组件;9.表单 表单（也叫信息收集表、报名表、信息反馈表等）是场景创建者用来收集查看场景的用户反馈信息的重要工具。可点击“表单”创建也可直接在互动模板里直接快捷创建。;10.特效 特效组件是给某一个页面加上一个特殊的效果点击“特效”即可为当前页面选择合适的特效。;设置动画 动画设置主要应用于：文字、图片、图形、一键拨号、输入框等组件 设置方法：点击组件→选择“动画”→进入动画设置页面;设置 设置是对场景的基本信息进行设置，主要包括：场景封面、场景名称、场景描述、翻页方式、场景音乐。;发布 “保存”只是对操作进行保存，如果不点击“发布”此场景未发布的编辑内容，在场景分享出去时，别人看不到最新编辑的内容。点击“退出”则???出编辑页面。;制作小窍门;结语;最后，分享一个能够动态展示H5的网站;感谢您的聆听 谢谢