樊荣-H5交互融媒体作品创作-第1章 H5作品制作准备.pptxVIP

21世纪新闻传播学应用型教材 H5交互融媒体作品创作樊荣　丁丽　贾皓　周循　编著Algorithmic Journalism 教材相关咨询方式软件操作技术支持电话：010箱：ccts@如欲咨询教材以外的方正飞翔数字版产品、方正飞翔数字版H5策划与制作课程体系、新媒体创意大赛等事宜电话：0102580/1412微信号备注地区-单位-姓名，加入微信群微信公众号 目 录 ContentsH5作品制作准备H5作品的选题与策划H5作品的素材查找与加工H5作品的页面设程配套教材方正飞翔数字版功能快速入门05H5作品的交互设计与互动效果制作06 目 录 ContentsH5制作综合实践:出版领域H5作品的测试、发布与运营H5制作综合实践:传媒领域090708专用名词术语表附录 H5作品制作准备本章要点关键词第1章1.辨析H5的概念,掌握H5这一名词的由来。2.掌握H5作为一种作品形态,在新闻领域的应用。3.掌握H5作品制作的注意事项,并能够将之应用到H5作品中。4.掌握H5作品的基本制作流程。H5 制作规范 制作流程 第1节 H5技术常识 一、什么是H5 如果你在国外与从事互联网或新媒体行业的工作者谈及H5,他们甚至会没有听说过这个引爆中国移动互联网的名词！实际上,H5是中国人专用的一个名词,有人说,H5是HTML5的简称,中文意思是第五代超文本标记语言,是一项伴随着移动互联网技术的兴起而发展的技术标准。 但事实上，这个说法在H5这个名词刚刚出现时,或许是正确的,但在2014年之后,H5出现在各个领域,H5早就超出了“HTML5缩写”这个说法的含义,成为了一种在中国兴起和流行的特殊作品形态。 在进行H5作品的制作之前,我们需要对H5这种作品形态和相关的技术有一个基本的了解,这样才能更好地根据H5的技术特点,进行作品的选题、策划,根据H5可以实现的交互效果进行作品的制作。在本节中,我们对H5这一名词和作品形态的来源、H5的技术特点和优势,以及H5的应用领域进行介绍。 我们可以认为H5是一个多项技术与技术标准的集合 我们可以认为H5是一种独立的作品形态H5CSS3Javascript微信文章HTML5PPTAPP游戏 二、H5的技术特点与优势跨终端跨平台技术更新快融媒体强交互 三、H5的应用领域内容生产市场营销游戏 四、H5制作的注意事项素材浏览器页面 浏览器选择市面浏览器多种多样，为什么要选谷歌浏览器？ 宽度适配垂直居中高度适配水平居中自动适配全屏页面宽度始终与设备浏览器的页面的宽度保持一致，并根据页面的实际宽度对您的作品等比例缩放后，进行居中显示。上下两侧进行一定的剪裁或留白。【推荐使用场景】手机端竖屏显示页面高度始终与设备浏览器的页面的高度保持一致，并根据页面的实际高度对您的作品等比例缩放后，进行居中显示。进行一定的剪裁或留白。【推荐使用场景】手机端横屏显示、PC端横屏显示页面总会完整、不变形地显示在您的浏览器中。在屏幕的上下或左右两侧，可能会产生留白。【推荐使用场景】PC端横屏显示、Pad端横屏或竖屏显示页面总会充满您的浏览器窗口进行显示。不会在页面中产生任何留白，但由于会将页面进行拉伸和缩放，可能会造成您的页面变形。【推荐使用场景】PC端、Pad端、手机端横屏显示屏幕自适应 1234作品选题内容策划30%素材查找素材加工20%页面设计交互设计30%作品测试上线与运营20% 五、H5作品的制作流程 问题讨论什么是H5？你如何给不熟悉新媒体技术的人介绍H5？你是否可以举一些例子，说明H5的技术特点和优势？如果你和同学组成了3人团队，进行H5的策划与制作，需要如何安排分工？010203