新媒体运营与营销 课件 3任务三 H5制作.pptx

模块一新媒体认识与核心技能准备《新媒体营销》

思维导图

目录CONTENTS走进新媒体运营0102新媒体运营技能准备

项目二新媒体认识与技能准备

项目背景随着互联网的发展，“互联网+”模式的变革，媒体传播也出现了新趋势，如H5、二维码、网络广告等，一些新的资讯传播媒介也随之而来，新媒体营销更是成为很多传统企业实现企业转型升级的关键因素。企业为了更好地达成营销效果，在新媒体营销方面不断推出新玩法，合理运用当前市场上的众多营销工具，让营销的内容触达到更多用户，最终实现营销目的。作为新时代媒体人，随着技术的不断改进，用户体验的不断升级，需要掌握更多的工具，打造更具创意、更具趣味的新媒体营销体验。

研究内容1.图片处理方法及工具了解图片处理方法包括图片剪裁、图片美化和添加素材，熟悉图片处理工具包括Photoshop、美图秀秀和创客贴等，能够独立使用美图秀秀进行图片处理。2.图文排版方法及工具认识常用的图文排版工具，包括135编辑器、小蚂蚁编辑器、秀米等，掌握基本的图文排版技巧，能够使用135编辑器进行图文排版。3.H5制作方法及工具了解H5营销的概念，熟悉常见的H5制作工具，包括易企秀、iH5、MAKA等，掌握使用易企秀进行H5制作的方法。4.二维码制作方法及工具了解二维码的概念，熟悉常见的二维码制作工具，包括草料二维码生成器、联图二维码、美图GIF等，能够独立使用相关工具完成二维码的制作。

学习目标1.熟悉图片处理的工具及其方法；2.了解图文排版工具和相关技巧；3.理解H5营销的概念，并熟悉常见的制作工具；4.理解二维码的概念，并认识常用的制作工具。知识目标1.能够熟练使用Photoshop进行图片处理；2.能够独立使用图文排版工具进行内容排版；3.能够熟练运用H5工具制作出H5营销内容；4.能够熟练使用二维码工具制作营销二维码。技能目标1.了解新媒体出现的意义，认识媒介的重要性，培养学生的新媒体营销思维。素养目标

任务三H5制作

预备知识一、H5营销的概念H5的全称是HTML5，它是万维网的核心语言。现在通常所讲的H5是指利用HTML5语言编制、可以用作传播、囊括各种信息的H5广告。H5营销是指利用在页面呈现上融入文字、图片、视频、动效等的H5广告，将营销内容直观展现给用户，达到信息传播目标的营销手段。

预备知识二、H5制作工具易企秀是一个基于智能内容创意设计的数字化营销软件，主要提供H5创景、海报图片、营销长页、问卷表单、互动抽奖小游戏和特效视频等各式内容的在线制作，且支持PC、APP、小程序、WAP多端使用，用户可以根据自己的需要自由选择使用端进行创意制作，并快速分享到社交媒体开展营销。PART1易企秀iH5，原为VXPLO互动大师，是一款HTML5设计工具，可以在线编辑网页交互内容，支持各种移动端设备和主流浏览器，能够设计制作出PPT、应用原型、数字贺卡、相册、简历、邀请函、广告视频等多种类型的交互内容。PART2iH5MAKA（码卡）是一个H5在线创作及创意工具，为企业提供包括企业形象宣传、活动邀请、产品展示、数据可视化展示、活动报名等应用场景需求的服务。PART3MAKA

实施准备1.接受项目任务：接收活页项目任务单“项目2任务3H5制作”；2.明确实施目的：认识H5营销制作工具与其技巧；3.确定实施目标：能够独立使用易企秀进行H5的制作；4.成立任务小组：按照任务实施需求，建立项目小组，明确小组职责分工；5.准备任务资源：H5制作时所需素材、易企秀制作工具，网络等。

任务实施与分析步骤1：直接输入网址/，或者在搜索引擎中搜索“易企秀”进入易企秀官网，如图所示。点击右上角的“注册”按钮，完成账号注册。易企秀使用方法具体操作如下：

任务实施与分析步骤2：点击“创建设计”进入设计页面，在该页面搜索框输入合适的模板类型，如“水果生鲜促销”，然后选择H5模板，如图所示。

任务实施与分析步骤3：选择好模板后，点击“免费制作”按钮，使用该模板，如图所示。步骤4：进入该模板的后台编辑页面，可以通过文本、图片、音乐、视频或者添加组件、特效等方式制作H5，如图所示。

任务实施与分析步骤4.1：单击“文本”按钮。添加文字并调整文字的样式，包括字体、字号、文本颜色、透明度、边框、阴影、尺寸与位置等，也可以为文字添加动画和触发效果，如图所示。

任务实施与分析步骤4.2：单击“图片”按钮，进入图片选择页面，选择图片进行添加。可以选用自己上传或易企秀工具自带的图片，如图所示。选中正在编辑的图片，可以对图片进行处理，包括样式（图片翻转、背景颜色、滤镜等）、动画和触发。此外，拉动图片的选框，也可以调整图片的大小，如图所示。

任务实施与分析步骤4.3：单击“音乐”按钮可以添加或更换音乐，如图所示。

任务实