456主机测评
目前，随着计算机的不断发展，迅猛发展的互联网正以前所未有的广度和深度进入人类文明的社会生活。网络正以一种前所未有的冲击力在影响着人类的活动，包括人类的生产和日常生活。通过互联网传递的大量信息使得现有的社会资源获得高效配置，社会劳动生产率大幅度提高，并推动经济结构革新和产业结构的升级。
校园网站是一个交互性强、反应迅速的媒体。网页宣传，可以同时把文字、图片、声音、以至宣传动画组合为一。这既可提高对校园网页内容的兴趣，从而达到更良好的宣传效果。网站设计是一们新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体,把各种信息以最快捷、方便的方式传达给观众。
本网站以实际情况为开发背景，采用html技术，基于WEB的静态校园校园网站网站。网站目录介绍如下校园新闻栏目、报道形似栏目、图片新闻栏目。
关键词：校园网站；静态网页；html；jquery
目 录
1 绪论 1
1.1 研究背景 1
1.2 研究目的 1
1.3 研究意义 1
2 技术分析 2
2.1 前端开发说明 2
2.2 项目介绍 2
3 系统流程设计 2
3.1 系统架构图 2
3.2 项目介绍 2
4 系统需求分析与实现 4
4.1 页面分析 4
4.2首页 4
4.3 校园新闻页 5
4.4 报道形式页 5
4.5 新闻图片页 6
4.6 详细页 6
5 系统测试 4
5.1 系统调试的意义 4
5.2功能测试 4
5.2.1 新闻历史页 5
5.2.2 报道形式页 5
5.2.3新闻图片页 6
5.2.4 详细页 6
总 结 32
参考文献 33
致谢 34
1 绪论
1.1 研究背景
互联网通信技术高度发达的今天，我们不再像古代那样通过烽火或者信使来传递消息，仅仅通过网络我们就可以了解到世界各地的发生的实时信息，这是人类的跨时代意义的进步。当然我们了解这些信息需要媒介，而这就是校园网站网站的意义所在。由此一来，我们既节约了传统的报刊杂志的费用的花销，同时又能做到足不出户就能看到天下大事新闻八卦。信息不仅仅与我们的日常生活息息相关，它贯穿各行各业的各个领域，各大中小型企业的发展也离不开信息化，更早的掌握了信息，也就更能够先人一步抓住机会，在企业的竞争中占据有利地位，因而我们借此机会设计出与其相符合的新闻网站，更好的发展和利用互联网信息。
1.2 研究目的
很多网站都提供新闻栏目，例如搜狐、新浪等著名网站的新闻专栏。许多企业和个人网站也需要定期发布一些关于企业或网站的新闻。因为网络中校园网站的频率非常高，如果使用静态网页作为新闻页面，则维护工作将非常繁琐，管理员每天需要制作大量的网页，从而浪费很多时间和精力。
针对这个问题，我们推出一种基于Web的静态新闻系统，从而使得使用校园网站及管理系统可以使校园网站和管理变得很轻松。
1.3 研究意义
伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体——Internet。它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段。尤其是在教育领域，在素质教育与终身教育成为必然的今天，人们对信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的教育资源。也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实时性。
2 技术分析
2.1 前端开发说明
网页制作是web1.0时代的产物，那个时候的网页主要是静态网页，所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页，例如一篇QQ日志、一篇博文等展示性文章。在web1.0时代，用户能做的唯一一件事就是浏览这个网站的文字图片内容，这时用户也不能像现在在大多数网站都可以评论交流（缺乏交互性）。现在大多数人都听过“网页三剑客Dreamweaver+Fireworks+Flash”吧，这个组合就是web1.0时代的产物。
“前端开发”是从“网页制作”演变而来的。
从2005年开始，互联网进入web2.0时代，由单一的文字和图片组成的静态网页已经不能满足用户的需求，用户需要更好的体验。在web2.0时代，网页有静态网页和动态网页。所谓动态网页，就是用户不仅仅可以浏览网页，还可以与服务器进行交互。举个例子，你登陆新浪微博，要输入账号密码，这个时候就需要服务器对你的账号和密码进行验证通过才行。web2.0时代的网页不仅包含炫丽的动画、音频和视频，还可以让用户在网页中进行评论交流、上传和下载文件等（交互性）。这个时代的网页，如果是用“网页三剑客Dreamweaver+Fireworks+Flash”制作的，那是远远不能满足需求。现在网站开发无论是开发难度，还是开发方式上，都更接近传统的网站后台开发，所以现在不再叫“网页制作”，而是叫“web前端开发”。
所以，处于web2.0时代的你，如果要学习网站开发技术，就不要再相信所谓的“网页三剑客Dreamweaver+Fireworks+Flash”，因为这个组合已经是上个互联网时代的产物。而且这个组合开发出来的网站问题也非常多，例如代码冗余、网站维护困难（学习到后期，你会知道为什么不用这个组合了）。
我们知道，用所谓的网页三剑客已经不能满足需求了，那前端开发究竟要学习什么技术呢？网页最主要由3部分组成：结构、表现和行为。网页现在新的标准是W3C，目前模式是HTML、CSS和JavaScript。
Dreamweaver即Adobe Dreamweaver。Adobe Dreamweaver，简称“DW”，中文名称“梦想编织者”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。
jQuery是一个简洁而快速的JavaScript库，可用于简化事件处理，HTML文档遍历，Ajax交互和动画，以便快速开发网站。
目的是让开发者更容易地在网站上使用JavaScript。它不是一种单独的编程语言，与JavaScript一起工作。使用jQuery，将用更少的资源做更多的事情。
扩展资料
1.JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及JQuery独创的高级而且复杂的选择器，另外还可以加入插件使其支持XPath选择器，甚至开发者可以编写属于自己的选择器。由于JQuery支持选择器这一特性，因此有一定CSS经验的开发人员可以很容易的切入到JQuery的学习中来。
2.JQuery封装了大量常用的DOM操作，使开发者在编写DOM操作相关程序的时候能够得心应手。JQuery轻松地完成各种原本非常复杂的操作，让JavaScript新手也能写出出色的程序。
HTML5是指第5代HTML（超文本标记语言），也指用HTML5语言制作的一切数字产品。
。。。。。。。。。。。。。
。。。。。。。。。。。。。。。。。
网站截图
。。。。。。。。。。。。。。。。。。
。。。。。。。。。。。。。。。。。。。。。。。。
- 海报
