基于HTML5的校园网站移动平台web页面设计

崇 阳（辽宁行政学院信息技术系，辽宁沈阳，110161）



基于HTML5的校园网站移动平台web页面设计

崇 阳
（辽宁行政学院信息技术系，辽宁沈阳，110161）

摘要：随着无线网络技术和智能移动设备的发展，人们对web应用的需求也在不断增加。HTML5的出现，给移动互联网带来了重要的影响。作为重要的web开发标准，HTML5使web应用开发更加容易。本文使用HTML5简单论述了一个校园网站web也的开发过程。

关键词：HTML5；移动互联网；web应用；校园网站

1　移动互联网概述

随着智能手机、平板电脑等移动终端及无线网络技术的普及和发展，人们对web移动应用的需求也不断增加。现如今的3G、4G网络投入使用，使我们的生活已经深深融入到了移动互联网之中。不论是浏览网站，还是使用各种互联网应用，不再局限于pc设备，而是在各种移动终端上就能方便地完成各种操作。目前较为流行的web应用有以下几种：

（1）移动社交：用户可以通过平板电脑、手机等移动设备进行社交活动，包括即时通讯和虚拟社交网络等应用。

（2）移动电子商务：用户可以通过移动设备快速、方便地享受各种电子商务服务，如在线购物、在线支付等。

（3）移动多媒体：用户可以通过移动设备，收听在线音乐，观看在线电影等各种视频资源。

（4）移动游戏：随着手机等移动设备性能的不断提高，web版在线游戏已经成为了人们娱乐生活不可或缺的一部分，同时也给游戏开发和运营商带来了巨大的经济收益。

（5）移动搜索：搜索引擎的概念和应用价值不言而喻，在移动设备上，强大的智能搜索引擎，能够 帮助用户快速准确地检索到需要信息资源。

2　HTML5简介

2.1 HTML5概述

HTML5是继HTML4.0后W3C推出的新一代HTML标准。和以前的版本不同，除了作为HTML、XHTML的标准， 它还将web应用带入了一个更加标准化的平台。强大的功能和标准，使web上的图片、动画、音频及视频等多媒体能够以标准化的方式进行设计和开发。因此，HTML5不仅仅是技术的发展，更是一个有利于web应用开发标准化的平台。

2.2 HTML5的特点

（1）HTML5摒弃了一些原有的元素和属性，也新增了很多功能强大的元素和属性。其中包括

（2）HTML5还提供了支持本地存储的文件系统的API，在互联网环境下，用户访问的url中相应的数据文件会被缓存到设备中，离线时也可以浏览网站，回到网络环境后，缓存的数据能够自动更新。

（3）HTML5提供了通信能力。利用Web Socket API，开发者可以轻松实现数据传递及跨文档通信等功能，使用户使用基于HTML5开发的web应用时，享受到类似于C/S模式的应用体验。

（4）HTML5为开发者提供了各种硬件访问的API，例如GPS、wifi、摄像头等硬件设备均可通过相应的API进行访问。

3　移动web页面设计

3.1 开发与测试环境

（1）使用Dreamweaver CS5作为HTML和CSS代码的编写工具。在编辑视图下，根据网页结构图，编写HTML和CSS代码并进行重构设计。

（2）使用Opera Mobile Emulator模拟手机，作为测试移动设备web页面的测试环境。

3.2 web页面结构图

校园网站的首页内容主要包括：网站的logo及标题动画，导航栏，主体内容、版权信息及其他内容。页面的结构采用页眉，左右侧边栏，主体内容及页脚的形式，如图1所示。

图1　Web页面结构图

3.3 页面代码

3　结束语

本文使用HTML5语言和CSS样式表设计了一个校园网站web页并测试成功，在一定程度上体会到了HTML5的使用方法和新特性。HTML5的新语义和元素，不但使代码量减少，简化了web页的开发过程，新增的多媒体特性使web也更加丰富多彩，容易开发。

参考文献

[1]钱海军.基于HTML5移动web页面开发技术研究.电脑与信息技术,2013,2:20

[2]胡晶.基于HTML5 的Web 移动应用开发研究.工业控制计算机, 2014,10:20.

崇阳（1982年3月）男，辽宁行政学院（辽宁商贸职业学院）信息技术系，讲师。

Design of Campus Website Web Page For Mobile Platform Based on HTML5

Chong Yang
（Liaoning Academy of Governance，Liaoning Shenyang，110161）

Abstract：With the development of wireless Network technology and mobile device，the requirement of web application is increasing.Appearience of HTML5 is a important influence for mobile Internet,As a important Web standard，HTML5 made the design of Web application more easy.

Keywords：HTML5; mobile Internet;Web application;campus website

作者简介