《新媒体营销》课件——新媒体H5制作技能.pptxVIP

新媒体H5制作技能新媒体营销主讲教师

H5的概念目录引起H5传播的心理因素H5的五种类型H5的页面设计动画素材收集

新媒体的内容图文音视频的展示方式新媒体H5制作技能

新媒体H5的制作技巧新媒体H5制作技能

H5的概念

H5是指第5代HTML，也指用H5语言制作的一切数字产品。HTML的发展历史H5的概念HTML超文本标记语言

指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本H5的概念

指的是这些超文本必须由包含属性的开头与结尾标志来标记。标记H5的概念

浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。HTML的发展历史H5的概念

H5不再只是一种标记语言提供全新的框架和平台H5的概念音视频图像动画本体存储重要的功能标准化开放化

H5的强大功能优势跨平台性，用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与iOS。H5的概念

特点无须下载安装，即点即玩；不受平台限制；对影音、图像、交互动画等高度支持。H5的概念H5的强大功能

引起H5传播的心理因素

网友对H5的标题、焦点图好奇都会点击进去。好奇心认同感不少测试型的H5会被转发，主要源于认同感。引起H5传播的心理因素攀比心理这种心理体现在H5中出现在游戏型H5和测试型H5。炫耀心理H5在某种程度上可以满足参与者或转发者的炫耀心理。

H5的五种类型

展示型H5常用到的场景有活动宣传、出游照片合集等。H5的五种类型展示型

H5的五种类型互动型其主要的互动形式是，通过在屏幕上各个方向的滑动、点击、拖拽等动作，完成一定的H5设置，才能顺利进行H5的演示。手机摇一摇、将手机水平放置和倾斜放置、通过手机麦克风与H5互动等，都属于互动形式。

H5的五种类型其主要形式是，以第一人称的视角打开H5，进而跟随页面提示，一步步随着剧情探索下去。场景型

H5的五种类型展现内容本质上是一个游戏。不论通过屏幕互动还是手机感应器，其目的都是为了完成游戏，通常能够在微信中传播火爆的H5，多是一些比分类的游戏。游戏型

H5的五种类型其主要的形式有上传照片测试颜值、答题测试你最近的运势等，其共同特点是对受众进行一个分值、等级等显性且有明显差异的排名。测试型

H5的页面设计

H5平台免展易企秀MAKAH5的页面设计

MAKA为例

MAKA为例讲解如何进行H5制作

H5的页面设计

H5的页面设计

H5的页面设计选择模板

H5的页面设计选择模板编辑页面

选择模板H5的页面设计编辑页面添加动作

选择模板H5的页面设计编辑页面添加动作添加音乐

选择模板H5的页面设计编辑页面添加动作添加音乐预览保存

H5制作网站凡科互动绑定微信号微信及微信朋友圈H5的页面设计

H5动画素材收集

准备H5素材音乐字体拍摄的素材H5动画素材收集

使用PPT制作字体字体素材新建一个幻灯片，通过插入文本框选择想要的字体，并输入文字内容

使用PPT制作字体字体素材新建一个幻灯片，通过插入文本框选择想要的字体，并输入文字内容根据需要修改字体颜色，用鼠标右键单击本文框，选择“另存为图片”，即可把文字内容保存为透明PNG将图片上传到H5动画制作平台即可使用

字体素材找字网在线转换字体第一字体转换器当计算机未安装目标字体时，可以使用在线字体转换器进行字体转换。这两个平台可以将输入的文字转换成为其它字体，并可以调整字号，颜色，背景等。但是需要注意版权问题。

音乐素材网易云音乐5sing国外的资源网站音乐软件音乐伴奏国外的专业网站

新媒体H5制作技能的相关内容新媒体H5制作技能内容丰富应用灵活生活常见

学习和实践中多加练习和思考提升H5的制作与应用能力新媒体H5制作技能

谢谢观看