基于HTML5与CSS3的高校新闻发布系统的设计与实现

沈楠+崔忠伟+刘卓

师范学院大学生互联网+创新创业训练中心，贵州 贵阳 550018）

摘要：使用HTML5和CSS3等新技术，设计并开发了艺术院校新闻发布系统。系统采用ASP.NET开发语言、SQL server 2008数据库，集创新化、艺术化、实用化于一体，内容丰富易操作管理等特点。

关键词：HTML5；CSS3；新闻发布系统

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2016）10-0086-02

随着信息技术的飞速发展和高校教育现代化建设的不断加强，我国各高校校园网在提升校园文化、促进教学科研、实现无纸化办公等方面发挥着越来越重要的作用。网站开发技术的在快速发展，网页的功能也越来越丰富。HTML5与CSS3是近年来兴起的一种网页计算机技术，使用HTML5与CSS3来开发网站，网页变得更加动感。本文使用HTML5与CSS3技术为贵州师范学院二级学院开发了新闻发布系统。

1 系统概述

高校新闻发布系统的建设是对展现一个院校风采的平台、院校师生互动、对外联系和宣传的有效媒介。它使学校的信息更容易公布；使学生对信息和资源的获取渠道的方便；使校外人员能够方便交流和及时准确地获取想咨询的信息。通过高校新闻发布系统可以发布学校的新闻资讯、招生政策、党建生活、重大活动安排等与学校发展有关的信息公告，让教师与学生能够及时掌握学校最新资讯。并且可以通过校园网站中的相关链接，打开校外宣传网站、教育厅、数据平台等网页，实现在网络上完成部分校务，可以提高教师办事效率，减少人力财力支出。所以建立一个高校新闻发布系统是很有必要的。

建设是对展现一个院校风采的平台、院校师生互动、对外联系和宣传的有效媒介。它使学校的信息更容易公布；使学生对信息和资源的获取渠道的方便；使校外人员能够方便交流和及时准确地获取想咨询的信息。因此， 校园网站的设立无论对于学校还是对于社会都是非常有利的。

2 系统设计

2.1 系统总体设计

高校新闻发布系统是一个基于校园内的新闻发布查看的系统，在校园新闻发布网站的平台上，全校师生可以查看近期校园内的一些相关信息及公告，能够及时了解掌握校园信息。

按照功能模块设计，高校新闻发布系统具有七个功能模块，大致分为搜索、菜单栏、图片新闻、文字新闻、公告通知以及联系方式和友情链接这些模块。

首页面的功能模块如图1所示：

2.2 功能模块设计

1）搜索功能模块分析：在查看新闻或其他信息的时候，由于大量的数据是查找工作更加困难，有了搜索功能，则可以使人们可以快速便捷地找到自己想要的信息，所以，该模块的主要功能便是快速准确的查找信息。

2）菜单栏功能模块分析：该模块的功能主要是对一些多级页面的功能分类及快速链接，使页面设计更加严谨，符合人们的需要

3）图片新闻功能模块分析：本功能模块主要是对图片新闻的查看。有些人不喜欢长篇大论的文章，而图片新闻更加形象生动、色彩分明，在视觉上更有冲击力，符合人们的需求。

4）文字新闻功能模块分析：本功能模块主要是以文字为主题的新闻内容，人们可以更加详细的阅读文章内容。

5）公告通知功能模块分析：本功能模块主要是显示一些通知公告等内容，在首页方便人们及时看到，对特殊情况能够就及时发布显示出来。

6）联系方式功能模块分析：本功能模块提供联系方式，人们可以用来询问问题或反馈问题。

7）友情链接功能模块分析：本功能模块主要是用来连接到其他网页，方便人们能够快速便捷地找到需要的相关页面。

2.3 数据库设计

数据是网站的灵魂，数据库对于大量的信息使用与存储、站点上的访问者能够获得对数据的使用都是非常重要的。高校新闻发布系统采用关系数据库 SQL Server 2008 作为后台数据库，所涉及的主要数据表包括：

1）首页内容设置表。自动编号、新闻编号、新闻标题、新闻类型、公告编号、友情链接编号。

2）新闻搜索表。新闻编号、新闻名称、新闻类型。

3）新闻类型表。类型编号、类型名称、图片编号、文字编号。

4）图片新闻表。图片编号 、图片新闻名称。

5）文字新闻表。文字编号 、图片新闻名称。

6）公告信息表。公告编号、标题、公告内容、日期。

7）友情链接表。友情链接编号、标题、地址。

3 系统实现

3.1 客户端实现

在客户端为了提高开发的效率，避免重复多余的代码，减低维护的成本。本系统设计了2个公共类，分别为对数据库进行操作的SqlHelper类以及对数据进行操作的DataHelper类。例：

在新闻的显示界面需要查询数据库的数据，通过自定义的NewSelect（）方法拼接Sql语句调用SqlHelper类的quereyExecute方法，返回的为一个自定义的NewsModel模型集合，然后在需要显示的界面通过调用DataHelper的DataShow（）方法将已经得到的数据集合显示在界面上。

3.2 服务器端实现

服务器根据所需功能对本地的数据进行更、删、查、改等不同的功能，在主页messege.asp中点击需要的功能并进入相应的页面，例如在修改页面update.asp中在所需修改数据的文本框中修改相应的数据然后点击保存即可将数据更新到服务器端的数据库中，在通过客户端与服务器端的交互修改SQL server 2008数据库的数据从而修改客户端上显示的数据。

4 结束语

目前通过网站的运行情况，证明了动态的学习平台具备实用的价值，有利于改善目前传统学习的弊端，有利于提升学习的科学性。加快了我校信息化建设的步伐，对教师、学生和管理员带来了许多好处，方便教师对教学资源进行交流，还可以实现网上办公，提高了办公效率；学生不但可以时时刻刻了解校内学生活动动态，还可以网上学习，提高了学习积极性，还便于管理员对于网站的管理维护，及时发现和解决问题。而使用HTML5和CSS3编写的网页更是在界面效果增加了艺术的魅力，让使用者赏心悦目。

参考文献：

[1] 刘薇，龚海华. HTML5&CSS3在网页设计中的优势[J].金田：励志，2012，12：366-367.

[2] 梁春燕，陈丽丽，许宪玲， 等. 浅析HTML5和CSS3的新交互特性[J]. 数字技术与应用，2012（4）：273.

[3] 宋昭寿，胡忠旭，漆丽娟. HTML5网页设计探析[J]. 红河学院报，2012（2）：53-56.

[4] 张亚飞.HTML5+CSS3网页布局和样式精粹[M]北京：清华大学出版社， 2011.

[5] 陆凌牛.HTML5与CSS3权威指南[M].北京：机械工业出版社， 2011.

[6] 张海滨.校园在线管理平台[J].广西大学学报： 自然科学报， 2011， 36（1）： 293-298.

[7] 陶国荣.HTML5实战[M].北京： 机械工业出版社，2012.

[8] 成林.CSS3实战[M].北京：机械工业出版社， 2011.