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

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

基于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类。例：

在新闻的显示界面需要查询数据库的数据，通过自定义的NewSe