简讯专栏
简讯专栏
当前位置:首页 > 简讯专栏
纵横巧思,始于方寸之屏 ——记SQTP“新媒体素养训练营”之HTML5分享会
时间:2016-12-27 来源:本科生思政办 编辑:bkssz 访问次数:114

互联网时代,网页是交流沟通的门户。而设计这道门户所需要的工具便是Hypertext Markup Language,简称HTML。有人说,Web2.0时代,属于HTML5

1224日下午,在图书馆研究空间进行了SQTP“新媒体素养训练营”之HTML5培训专场活动。我们请到了来自控制学院13级的林友鑫学长为我们进行培训。林友鑫学长用简洁美观的PPT以及现场的实际操作演示向我们介绍了HTML5的概念、框架以及基本应用。林学长的介绍主要从什么是HTML5,网页设计的要素,基于HTML5的新应用这三个方面出发,为我们打开了一扇关于互联网的崭新大门。

1.jpg 

所谓HTML5,即第五代的超文本置标语言,这是一种用于搭建框架的标签语言,是我们用于设计网页的一种重要工具。HTML5相较于以前的语言,具有更好的兼容性与实用性,能支持Web应用,并给予用户更好的动态体验与多媒体性能。

HTML5有很多编写工具,林友鑫学长用最简单工具——记事本为我们做了简单的范例,并向我们介绍了网页设计三大要素DIVCSSJavaScript的基本使用。

简单来说,DIV是层标记,用于提供间隔、区分。CSS则是层叠样式表单。这两者结合起来用于控制页面的样式与网页的布局,共同构成的网页设计的前端——页面外观。

JavaScript则是后端,为网页提供了行为,将静态页面转变成支持用户交互并响应相应事件的动态页面,让本来仅仅是展示作用的页面活化成了人机互动的平台,为用户提供了多层次的体验。

2.jpg

之后,林友鑫学长为我们简要介绍了基于HTML5的新兴应用例如Web APP,让传统应用的平台转移到了网页之上,使开发成本更加低廉,维护较为轻松。目前Web APP或许还不能提供如同Native APP一般丰富多彩的交互效果,但是其拥有的潜力是巨大的。最后,林友鑫学长还向我们热情推荐了更加深入学习HTML5的渠道——W3School在线教程。

通过这次活动,同学们都表示了解到了许多以前从未接触过的网页设计知识,明白了我们身边无处不在的网页是如何构架而成的。相信通过林友鑫学长的入门指导,感兴趣的同学会自发地进行更进一步的学习与研究,日后能有机会创造属于自己的特色网页。此外,我们对活动全程进行了视频录制,为制作新媒体素养训练营的微课堂积累了第一部分的素材。(图:任佳阳 文:胡桓嘉)




控制学院

2016年12月27日