企业h5页面制作指南.ppt

最酷网H5页面制作教程（基础篇）,2015年6月,1,2,什么是H5？,H5是指第5代HTML（超文本标记语言），也指用H5语言制作的一切数字产品。通俗地说，H5是一种创建网页的方式。它会让手机网页看上去更炫酷，功能也更丰富多彩。对于用户而言，H5具有流量入口多、分发效率高、使用门槛低等明显优势。,3,为什么要做H5页面?,随着移动互联网的高速发展，智能手机、平板电脑等移动终端设备越来越普及，用户在移动端花的时间也越来越长。用户时间碎片化，接收信息爆炸性增长，企业营销需要迅速抓住眼球，众多企业已经站在互联网转型的风口。微信H5页面中触摸、滑动、摇一摇，辅之以文字、图片、动画、声音，给互联网用户带来了全新体验，技术本身带来的新奇感让人们口口相传。H5技术正被用于商业展示、会议活动、数字出版与教育、电子贺卡、个人展示等各类场景中。,4,微信互动营销：摇一摇、大转盘、刮刮卡、优惠券、投票调查、小游戏商业展示：企业宣传、产品展示、品牌传播、优惠促销、企业招聘、数据年报会议活动：会议、展览会、发布会、活动数字出版与教育：电子杂志、多媒体课件、培训课程电子贺卡：商业贺卡、节日贺卡、生日贺卡、祝福卡个人应用：个人秀、婚礼邀请、聚会Party、求职简历H5页面几乎适用于所有企业和个人,5,什么场合可以用到H5页面?,H5页面制作要求,背景图片尺寸：640px*1010px 说明：px单位，中文叫像素图片格式：.png、.jpg、.gif 说明：图片尽量控件在500K以内。图片压缩工具：http:/说明：背景音乐尽量控件在1M以内。音乐剪切工具：http:/说明：为了更好的用户体验，建议尽量控件在15页以内。,6,注册登录制作（重点）发布温馨提示：为保证良好的创作体验，推荐使用谷歌（Chrome）浏览器。,7,在最酷网怎么制作H5页面,注册登录,打开，点击右上角注册或登录按钮,8,制作H5页面,新增云场景，选择合适的分类-手机扫二维码预览模板-选择喜欢的模板,9,制作H5页面,新增云场景，填写场景信息,10,制作H5页面,页面功能说明,11,点击最酷图标/关闭窗口，页面将跳转到云场景管理。注意：点击前，请务必先保存好制作的内容，否则内容会丢失。,制作H5页面,页面管理,12,页面管理：调整排序，编辑页面名称，隐藏或删除页面,制作H5页面,云场景整体效果设置,13,云场景设置：名称、描述、滑屏效果、循环显示、公开、背景音乐、版权、跳转、第三方统计代码等,制作H5页面,云场景整体效果设置,14,云场景设置：名称、描述、滑屏效果、循环显示、公开、背景音乐、版权、跳转、第三方统计代码等,制作H5页面,云场景整体效果设置,15,云场景设置：名称、描述、滑屏效果、循环显示、公开、背景音乐、版权、跳转、第三方统计代码等,制作H5页面,云场景整体效果设置,16,云场景设置：名称、描述、滑屏效果、循环显示、公开、背景音乐、版权、跳转、第三方统计代码等,制作H5页面,云场景整体效果设置,17,云场景设置：名称、描述、滑屏效果、循环显示、公开、背景音乐、版权、跳转、第三方统计代码等,制作H5页面,具体页面制作-添加控件,18,最酷网提供丰富的免费控件为付费企业用户提供高级互动营销功能控件（控件的使用本次不做详细介绍，后续会专门制作最酷网控件介绍和使用帮助文档）,制作H5页面,具体页面制作-控件管理 管理已添加的控件：层级、名称、操作,19,制作H5页面,具体页面制作-编辑背景 可设置为图片背景或颜色背景,20,制作H5页面,具体页面制作-编辑控件 选中需要编辑的控件，鼠标可随意拖动位置；点击右键，可编辑控件效果和属性,21,制作H5页面,具体页面制作-编辑控件 选中需要编辑的控件，点击右键，设置控件动画，复制，层级调整，删除,22,制作H5页面,具体页面制作-添加新页面 基本模板：常规内容展示性模板,23,制作H5页面,具体页面制作-添加新页面 特效模板：指纹解封、擦一擦效果、三点解封特效、飘花瓣效果、流行效果等特效,24,发布H5页面,页面发布-调试 H5页面制作完毕后，建议先用手机扫描预览，检查页面展示效果 注：手机调试时查看的云场景页面，不要直接分享到微信朋友圈或发给微信好友，此时查看的云场景没有进行微信公众号签名，显示会不正常。,25,发布H5页面,页面发布-检查页面无问题后，就可以发布啦发布成功后，将会为该云场景生成一个独立的二维码和手机访问网址。说明：1.云场景内容修改后，都需要重新发布后，才会显示最新内容。2.由于每次发布加入发布码的原因，导致每次发布后，二维码图片和手机网址都有改变，以前发布的二维码图片和手机网址大概最多1小时，就会自动同步为最新。,26,最酷网H5页面制作基础篇教程到此结束光说不练假把式赶紧动手做一个属于自己的H5页面吧联系我们客服热线:400 1188 205 网址：微信公众号：最酷网,27,教你写字,下面是赠送的PPT模板不需要朋友可以下载后编辑删除！谢谢！,感恩 父母,天冷时，是他们给你送来温暖,有时，他们会对我们发火,感恩父母感谢你们把我带到了这个世界感谢你们给了我自由的空气感谢你们 谆谆的教导 殷殷的嘱托 我长大了 而你们却老了 谁言寸草心 报得三春晖 我会向你们献上一片诚挚的孝心 祝你们永远健康,愿天下所有的父母永远健康快乐！,对部门及岗位职责的理解,系统集成（SI，System Integration）：就是通过结构化的综合布线系统和计算机网络技术，将各个分离的设备(如个人电脑)、功能和信息等集成到相互关联的、统一和协调的系统之中，使资源达到充分共享，实现集中、高效、便利的管理。,负责集成项目软、硬件产品与网络设备的安装、调试及使用培训、售前技术支持。,负责项目及相关技术问题的跟踪和解决，售后设备维护工作。,三、工作总结,项目运维,项目实施,银青高速,无线网桥视频监控,东毛隧道,语音电话人员定位基站隧道监控停车场,项目全面实施（IP设置）,银青路基五标,贵州独平高速,项目全面实施（监控室机柜布线）,四、心得体会,在这段时间的学习过程中，我对部门很多产品从零学起，刚到公司的时候感觉压力很大，经过这些时间的认真学习和实际操作，调整心态，现已完全能融入公司的各项岗位职责和管理制度中。这些时间，感觉不仅仅是工作技能的提深，更宝贵的是对我人生观念和工作认识有了很大的改变，还让我对工作流程和工作方法有了深刻的体会。由于到达公司时间较短，不可能一下子将公司所有产品亲自操作一遍，但通过公司相关文档的学习收获颇多。希望以后有机会多多参加这些的项目。“九层之台，起于垒土；千里之行，始于足下”只有通过工作中的点点滴滴，脚踏实地做事，才能成为一名优秀的集成工程师。,五、职业发展规划,第二阶段,低姿态起步、踏实做事虚心请教，加强相关产品学习,成为一名优秀的集成项目管理工程师,相关证件的考取项目管理流程的学习,第一阶段,第三阶段,