H5页面制作ppt课件.ppt

H5页面制作培训页面制作培训1 1pptppt课件课件. .什么是什么是H5H5？？为什么要做为什么要做H5H5页面页面? ?什么场合可以用到什么场合可以用到H5H5页面页面? ?常用的免费常用的免费H5H5制作工具？制作工具？怎么制作怎么制作H5H5页面页面? ?2 2pptppt课件课件. .什么是什么是H5H5？？H5H5是指第是指第5 5代代HTMLHTML（超文本标记语言），也指用（超文本标记语言），也指用H5H5语言制语言制作的一切数字产品作的一切数字产品通俗地说，通俗地说，H5H5是一种创建网页的方式它会让网页看是一种创建网页的方式它会让网页看上去更炫酷，功能也更丰富多彩上去更炫酷，功能也更丰富多彩3 3pptppt课件课件. .为什么要做为什么要做H5H5页面页面? ?智能、平板电脑等移动终端设备越来越普及，用户在移动端花的时智能、平板电脑等移动终端设备越来越普及，用户在移动端花的时间也越来越长间也越来越长H5H5页面中以文字、图片、动画、声音等相结合的富媒体出现，给用户带页面中以文字、图片、动画、声音等相结合的富媒体出现，给用户带来了全新体验，技术本身带来的新奇感让人们心生向往。

来了全新体验，技术本身带来的新奇感让人们心生向往用户时间碎片化，接收信息爆炸性增长，企业营销需要迅速抓住客户眼用户时间碎片化，接收信息爆炸性增长，企业营销需要迅速抓住客户眼球4 4pptppt课件课件. .什么场合可以用到什么场合可以用到H5H5页面页面? ?互动营销：互动营销：互动营销：互动营销：大转盘、刮刮卡、优惠券、投票调查、小游戏大转盘、刮刮卡、优惠券、投票调查、小游戏…………商业展示：商业展示：商业展示：商业展示：企业宣传、产品展示、品牌传播、优惠促销、企业招聘企业宣传、产品展示、品牌传播、优惠促销、企业招聘…………会议活动：会议活动：会议活动：会议活动：会议、展览会、发布会、活动会议、展览会、发布会、活动…………数字出版与教育：数字出版与教育：数字出版与教育：数字出版与教育：电子杂志、多媒体课件、培训课程电子杂志、多媒体课件、培训课程…………电子贺卡：电子贺卡：电子贺卡：电子贺卡：商业贺卡、节日贺卡、生日贺卡、祝福卡商业贺卡、节日贺卡、生日贺卡、祝福卡…………个人应用：个人应用：个人应用：个人应用：个人秀、婚礼邀请、聚会个人秀、婚礼邀请、聚会PartyParty、求职简历、求职简历…………H5H5页面几乎适用于所有企业和个人页面几乎适用于所有企业和个人页面几乎适用于所有企业和个人页面几乎适用于所有企业和个人5 5pptppt课件课件. .常用免费常用免费H5H5页面制作工具页面制作工具易企秀易企秀腾讯风铃腾讯风铃京东京东兔展兔展搜狐快海报搜狐快海报初页初页最酷网最酷网秀米秀制作秀米秀制作MAKAMAKA点点客海报点点客海报…………6 6pptppt课件课件. .怎么制作H5页面?7 7pptppt课件课件. .H5H5页面制作环境要求页面制作环境要求PCPC端：尽量使用谷歌浏览器，端：尽量使用谷歌浏览器，IEIE浏览器能不用坚决不用浏览器能不用坚决不用端：在上下载制作工具客户端进行制作，配置要端：在上下载制作工具客户端进行制作，配置要OKOK8 8pptppt课件课件. .H5H5页面制作前，需要准备的资料页面制作前，需要准备的资料创意：创意：展示什么，用什么方式展示什么，用什么方式图片：图片：提前备好，视觉效果好提前备好，视觉效果好文字：文字：准备充分，具有感染力准备充分，具有感染力音乐：音乐：烘托氛围，烘托氛围，MP3格式格式9 9pptppt课件课件. .免费注册易企秀账号免费注册易企秀账号进入官网后点击右上角“注册”1.邮箱注册： 输入邮箱和密码，点击“注册”即可。

2.第三方登录： 无需注册，直接点击图标，使用或者进行登录1010pptppt课件课件. .登录易企秀账号登录易企秀账号点击官网右上角“登录”1.邮箱登录： 输入邮箱和密码，点击“登录”即可2.第三方登录： 无需注册，直接点击图标，使用或者进行登录1111pptppt课件课件. .创建场景创建场景点击右上角点击右上角创建场景创建场景1212pptppt课件课件. .【【套模板套模板】】选择一个模板，把模板中需要修改的地方修改即可快捷制作选择一个模板，把模板中需要修改的地方修改即可快捷制作自主创建自主创建】】点击点击“+”进入自主创建，一页一页创建场景进入自主创建，一页一页创建场景1313pptppt课件课件. .场景名称场景名称填写名称填写名称后期可改后期可改填写完毕填写完毕点击点击创建创建点击选择点击选择为了自为了自己管理己管理方便方便1414pptppt课件课件. .制作页面制作页面1515pptppt课件课件. .页面模板页面模板在易企秀制作页面的左侧栏，在易企秀制作页面的左侧栏，易企秀官方为大家提供了分易企秀官方为大家提供了分门别类的门别类的“页面模板页面模板”，在，在制作场景的过程中，可以参制作场景的过程中，可以参考或者直接套用页面模板进考或者直接套用页面模板进行场景创建。

行场景创建自己制作的页面，也可以保自己制作的页面，也可以保存为存为“我的我的”模板，以供下模板，以供下次使用1616pptppt课件课件. .右侧的右侧的“页面管理页面管理”5大管理操作大管理操作1.复制复制：点中条框，点击：点中条框，点击“复制复制”2.我的模板我的模板￿：点中条框，点击：点中条框，点击“我的复我的复制制”，出现在左侧，出现在左侧“页面模板页面模板”中，可中，可删除删除3.删除删除：点中条框，点击：点中条框，点击“删除删除”4.移动移动：点中条框，可上下拖动：点中条框，可上下拖动5.添加添加：点击：点击“+”，添加一页，添加一页 1717pptppt课件课件. .10个基本组件个基本组件+设置设置+发布发布组件是构成场景的基本要素组件是构成场景的基本要素1.文本文本￿￿2.背景背景￿￿3.音乐音乐￿￿4.视频视频￿￿5.图片图片￿￿6.形状形状￿￿7.图集图集￿￿8.互动互动9.表单表单￿￿10.特效特效1818pptppt课件课件. .1.点击点击“文本文本”后后→即可创建即可创建2.单击文本框单击文本框→出现编辑菜单出现编辑菜单3.双击文本框双击文本框→进入基础编辑进入基础编辑1919pptppt课件课件. .点击点击“背景背景”后，选择后，选择“背景库背景库”中的背景图中的背景图也可点击也可点击“上传上传”上传图片到上传图片到“我的背景我的背景”库库2020pptppt课件课件. .背景编辑背景编辑→背景创建后，点击编辑栏上的背景齿轮，即可对背景背景创建后，点击编辑栏上的背景齿轮，即可对背景进行编辑。

进行编辑→背景编辑主要包括：剪切、更换、效果（放大、缩小）背景编辑主要包括：剪切、更换、效果（放大、缩小）、删除2121pptppt课件课件. .点击点击“音乐音乐”即可创建即可创建【【背景音乐背景音乐】】1.【【音乐库音乐库】】为官方提供的音乐素材为官方提供的音乐素材2.【【外部链接外部链接】】插入网络音乐链接插入网络音乐链接3.【【我的音乐我的音乐】】自主上传音乐自主上传音乐2222pptppt课件课件. .点击点击“视频视频”后，给场景添加网络视频后，给场景添加网络视频点击点击“什么是视频通用代码什么是视频通用代码”，出现详细操作，出现详细操作2323pptppt课件课件. .点击点击“图片图片”后，选择后，选择“图片库图片库”中的图片素材中的图片素材或点击或点击“上传上传”上传图片到上传图片到“我的图片我的图片”库库2424pptppt课件课件. .点击点击“形状形状”后，选择后，选择“形状组件形状组件”￿库中选择形状组件库中选择形状组件“形状形状”是便于用户制作扁是便于用户制作扁平化页面的素材，平化页面的素材，形状素材和文字一样可以做形状素材和文字一样可以做￿“颜色、大小颜色、大小”等设置。

等设置2525pptppt课件课件. .图集图集：是几张图片的集合：是几张图片的集合主要设置：图片比例、切换方式主要设置：图片比例、切换方式2626pptppt课件课件. .“互动互动”是方便制作者与观看者互动的组件是方便制作者与观看者互动的组件互动组件目前主要是互动组件目前主要是“一键拨号一键拨号”，，“关注关注”等等2727pptppt课件课件. .表单（也叫信息收集表、报名表、信息反馈表等）是表单（也叫信息收集表、报名表、信息反馈表等）是场景创建者用来收集查看场景的用户反馈信息的重要场景创建者用来收集查看场景的用户反馈信息的重要工具可点击工具可点击“表单表单”创建也可直接在互动模板里直创建也可直接在互动模板里直接快捷创建接快捷创建2828pptppt课件课件. .【【设置动画设置动画】】动画设置主要应用于：文字、图片、图形、一键拨号、输入框等组件动画设置主要应用于：文字、图片、图形、一键拨号、输入框等组件设置方法：点击组件设置方法：点击组件→选择选择“动画动画”→进入动画设置页面进入动画设置页面2929pptppt课件课件. .制作小提示制作小提示•点击预览图标，即可对此页面的点击预览图标，即可对此页面的动画设置进行整体预览。

动画设置进行整体预览3030pptppt课件课件. .设置是对场景的基设置是对场景的基本信息进行设置，本信息进行设置，主要包括：场景封主要包括：场景封面、场景名称、场面、场景名称、场景描述、翻页方式景描述、翻页方式点击点击“场景共享场景共享”和和“友情展示友情展示”下下拉键，可参加易企拉键，可参加易企秀官方活动和尾页秀官方活动和尾页设置3131pptppt课件课件. .特效组件是给某一个页面加上一个特殊的效果特效组件是给某一个页面加上一个特殊的效果点击点击“特效特效”即可为当前页面选择合适的特效即可为当前页面选择合适的特效3232pptppt课件课件. .“保存保存”只是对操作进行保存，如果不点击只是对操作进行保存，如果不点击“发布发布”此场景未发布的编辑内容，在场景此场景未发布的编辑内容，在场景分享出去时，别人看不到最新编辑的内容分享出去时，别人看不到最新编辑的内容点击点击“退出退出”则推出编辑页面则推出编辑页面很重要很重要特别重要特别重要3333pptppt课件课件. .点击发布后，可获得场景二维码、场景连接和点击发布后，可获得场景二维码、场景连接和更多的一键分享方式更多的一键分享方式。

3434pptppt课件课件. .下载更大的场景二维码下载更大的场景二维码（在（在“我的推广我的推广”里找到二维码，如下图）里找到二维码，如下图）3535pptppt课件课件. .“我的场景我的场景”管理管理•点击点击“我的场景我的场景”可看到自己创可看到自己创建的所有场景列表建的所有场景列表•点击单个场景中的按钮，即可对点击单个场景中的按钮，即可对此场景进行此场景进行“设置、编辑、复制、设置、编辑、复制、转送和删除转送和删除”操作•点击点击“开放开放”/“关闭关闭”，对场，对场景进行开放和关闭景进行开放和关闭3636pptppt课件课件. .在里分享场景在里分享场景扫一扫场扫一扫场景二维码景二维码→打打开场景开场景→点击点击右上角菜单右上角菜单→选择分享方式选择分享方式3737pptppt课件课件. .光说不练假把式光说不练假把式赶紧动手做一个属于自己的赶紧动手做一个属于自己的H5H5页面吧页面吧3838pptppt课件课件. .此课件下载可自行编辑修改，供参考！感谢您的支持，我们努力做得更好！。