校园网站的规划与设计论文

时间: 2017-11-06 09:09:58     来源: 论文范文网

摘  要


在互联网络高速发展的今天,学校网站制作正成为学校进行形象展示、信息发布、业务拓展、网站服务、内部沟通的重要阵地,它不但具有快捷、无距离及随时随地均可更新的特性,更能提供一些互动性的功能。学校网站制作的超时空特性,不仅能让地区内的人们了解学校,更可让世界了解您的学校。传统媒体就这一点是无法与之相比拟的,可以说学校网站制作的快捷、无距离及互动性是其在媒体中脱颖而出的主要因素。学校网站制作能提供教学互动的全新方式学校网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式,它不再受到传统课堂的制约。学校网站制作能够提供个性化学习的平台,不同的学生理解世界的方式各不相同,认知世界有诸多方式,网络提供的丰富资源可以使学生寻觅不同的教育方式,各取所需。学校网站制作是最佳的教学研究室,学校网站与教育类专门网站的有效链接,给学校教学研究带来了一片新天地。


关键词:网站建设  Dreamweaver  校园网站  建设制作


                                 Abstract


In the rapid development of the Internet today, the school website production is a school image display, information dissemination, the important position of business development, web services, internal communication. It not only has characteristics of fast, no distance anywhere and anytime can be updated, can provide some interactive function. The ultra time and space characteristic which the school website makes, not only can let the people in the area know the school, but also let the world know your school. Traditional media on this point is not to be compared with the proposed, it can be said that the school's Web site produced fast, no distance and interaction is the main factor in the media to come to the fore. School website could provide interactive teaching in the new way of school website makes the communication between teachers and teachers, teachers and students, students and students with new ways, it is no longer subject to the constraints of the traditional classroom. School website production to provide personalized learning platform, different students understand the world in different ways, the cognition of the world have many ways, network provides rich resources can enable students to find a different way of education, what they really need. School website production is the best teaching research room, the effective link between the school website and the education kind of specialized website, has brought a new world to the school teaching research.

Key Words: Website construction   Dreamweaver Education class


目    录

第一章 绪 论 1。

1.1 校园网站的背景 2

1.1.1 选题意义 2

1.1.2 应用服务需求 2

1.1.3 研究思想 2

1.1.4 主要研究内容 2

1.2校园网站建设的目的 2

1.3校园网站设计方案 2

1.4校园网站系统概述 3

1.4.1 校园网站基本要素 4

1.4.2 校园网站的本质与特点 5

第二章 开发环境及需求分析 6

2.1开发环境 6

2.1.1 系统平台 8

2.1.2 开发工具 9

2.1.3 运行需求 9

2.2 开发特征 9

第三章 校园网站总体方案设计 10

3.1校园网站概要设计 10

3.1.1 校园网站功能模块总体设计 10

3.1.2 校园网站前台模块设计 10

3.1.3 校园网站后台总体设计 12

3.2 设计描述 12

第四章 数据库设计 13

4.1 数据库链接 13    

4.2 数据库设计 13

4.2.1 数据库表 13

4.2.2数据库表的字段 13

第五章 网站详细设计 16

5.1 网站前台页面设计及实现 16

5.2 学生作品展示模块实现 17

5.3 留言版实现 20

5.4 网站后台设计及实现 22

5.5 新闻管理 22

第六章 结束语 24

致  谢 25

附  录 26

【参考文献】 27

第一章 绪论


学院网站是学院的“商标”。网站成为我们在互联网上面获取信息的载体,互联网网站承接着人和信息的桥梁,我们在学校的时候,如果需要了解学校的动态,或者是系部的动态,网站是一个非常好的途径,不仅能提供老师的工作平台,提高老师的工作效率,还能给我们提供一个学习的机会,我们可以从上面,看到学校老师的授课视频,教学课件,等等,对于一个学校来说,对外招生,或者就业,学校的网站,都是一个门面,对于招生,就业都十分的有好处。

1.1 校园网站的背景

在我国众多的高校当中,我们会发现,所有的学校,都有自己的网站,不管是985高校,还是211,或者是普通的本科,职业技术学院,都有自己的网站,网站作为一个载体,能把学校的各个院系结合在一起,还能展示学校的风光,学校的发展,以及党建,学生工作等等。对于树立学校的形象,建立对外宣传的窗口,都是非常的有必要,互联网作为一个新兴为媒体,高校作为一个知识原地,更应该去拥抱和掌握这个技术,并且建立起属于自己的网站,网站的制作费用不是很高,但相对于普通的传统媒体,这个宣传作用是非常的不可估量的,效果真是比传统媒体速度快,而且节约成本。学校的网站不仅能面向国外,更能不局限与本地区,甚至给偏远的地区,都能带好好的了解学校的效率。几乎每个学校都建立了自己的网站。是否能把网站建设好,以及拥有一个合格,功能强大的网站,已经成为了学校综合实力的一个考量。

1.1.1 选题意义

通过网站,全面宣传,展示学校设计风采、优点与特色,发布学校的重大活动安排与招生政策,增强家长与学校之间的联系,在Internet上实现完成部分校务,提高办事效率。

每个学校都会吧校园网建设作为一项重要的系统工程,国家教育部和科技部,已经多次倡导高校来通过网络教学,提高效率,网站建设不仅能提升学校的地位,还能为我们的学过的知识,学以致用,我们学过的编程语言,能够很好的运用,而不至于让学到的知识荒废。 

本设计将从学校的首页,学院简介,学校的工作,学生工作,校园风采等各方面着手来对网站进行制作,为了使设计的网站具有新颖、独特、专业,我们通过了解学校的历史,学校的风格特色等等方面,来完成此次学校校园网站的建设。

1.1.2应用服务需求

随着信息化社会的到来,网络正逐渐改变着人们的工作、生活和学习方式。校园网对提高学校的教育教学质量,推进以创新精神为核心的素质教育起着至关重要的作用。因此建设好校园网对一个学校的今后的生存发展显得尤为重要。

1.1.3研究思想

我们通常使用百度来搜索信息,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。当我们搜索的时候,出现的是千千万万的网站,这些网站,通过域名访问到服务器,然后点击链接,服务器收到响应以后,返回我们需要的信息,我们可以通过检索的方式从网站上面获得我们需要的内容,由此可见一个网站对于学校来说多么的重要。因此网站建设在Internet应用上的地位显而易见,它已成为学院、其他单位信息化建设中的重要组成部分,从而倍受人们的重视。为了更好的办学,提高学校知名度。必须做好学校网站的建设工作。

1.1.4 主要研究内容

第一,网站的主要研究内容网站的首页,

第二,学院概况,学生工作,党群园地,

第三,招生就业,科研教研,校园风光,网络中心,

第四,留言板等这些内容。以及前台学生作品的展示,

第五,学院新闻和系部新闻的发布,为了是方便广大学生的浏览,和扩大学院的宣传。 第六,发布学院的重大活动安排与招生政策,增强家长与学校之间的联系,在Internet上实现完成部分校务,提高办事效率。

1.2校园网站建设的目的

校园网站指我们通过选定的一个域名,然后在国际域名注册中心注册,注册以后,备案,再租用一个服务器,把校园网站的代码,加入到服务器中以后,通过绑定域名到服务器,然后对域名进行解析,解析生效成功,网站可以访问,这个就是网站的一个流程和目的,不仅和世界进行了互联网。另外:

(1)帮助学生更了解学院

(2)方便老师课件方面的共享

(3)提高同行竞争优势

(4)为学院展示校园风采与校园文化

(5)学生作品展示

(6)可以迅速得到客户的反馈

1. 3校园网站设计方案

在互联网络高速发展的今天,任何社会团体和政府的机构都具有了自己的网站,它不仅提供快捷的浏览速度,还是可以和客户和访问者进行互动,能够及时的反馈浏览者的意见和建议。可以说网站的快捷、无距离及互动性是其在媒体中脱颖而出的主要因素。

一、建设校园网站前的市场分析

1、相关院校的市场是怎样的,市场有什么样的特点,是否能够在互联网上开展校园风采。 

2、市场主要竞争者分析,竞争对手上网情况及其网站策划、功能作用。 

3、校园自身条件分析、学院概况、学院优势,

4,可以利用网站提升哪些竞争力,

5,建设网站的能力(费用、技术、人力等)。

二、建设网站目的及功能定位

1、为什么要建立网站,是为了树立学院形象,

2,宣传学生作品以及学生毕业后的就业信息,

3,进行电子商务,还是建立行业性网站?

4,是学院的基本需要还是市场开拓的延伸? 

5、整合学院资源,确定网站功能。

6、根据需要和计划,定网站功能。

三、网站内容及实现方式

1、根据网站的目的确定网站的结构导航。 

一般校园型网站应包括:学院简介、学生工作、党群园地、招生就业、科研教研、网络中心、在线留言等基本内容。更多内容如:学院荣誉、学院新闻、系部新闻、等等。 

2、根据网站的目的及内容确定网站整合功能。 

3、确定网站的结构导航中的每个频道的子栏目。 

如学院简介中可以包括:学院领导、学院新闻、学院简介、职能部门、学生工作可以包括:无偿献血、红十字会、知识竞赛等。党群园地包括:最新公告、团内通知、组织结构、评优评先等。招生就业包括:招生信息、就业信息等。科研教研包括:精品课程、科研信息等。网络中心包括:上网指南、常见问题、网络安全等。 

4、确定网站内容的实现方式。 

如学生作品中心使用动态程序数据库还是静态页面;

1.4校园网站系统概述

网站让浏览者从网站主页得到信息。网站的主页会在上面出现学校的logo和名称,然后下面是导航栏目,导航栏目列举了网站的功能栏目,例如学院简介这些,导航下面应该是一副或者几幅学校风光的宣传图片,进行切换来吸引访问者的眼球,下面可以放学校的简介,校园动态和新闻,新闻中应该有图片新闻,展示领导的视察和关爱,最下面基本是一排学生风采的滚动图片,最底部是学校的信息,备案信息,联系方式,电话等等的地步信息,还有一些备案号等等。本网站采用的是php技术进行开发,php是一个非常受欢迎的web编程语言,国外非常的流行,国外的facebook,google等很多大型的网站,都是php开发而成,近年来在国内非常的受欢迎,一些web项目的开发,百度之类的都是采用php的技术,而且php开源框架多,学习掌握非常的容易。当然,掌握这门语言以后,就业也非常的受欢迎,薪资非常的高。

1.4.1 校园网站基本要素

1、搭建一个好的网站结构是一个优秀网站建设的一重要因素网站被作为一种媒体出现在生活中,它的目的是提供给用户更多有用的内容,没有人会在一个没内容的网站上留连往返,就象没人会两次看同一份毫无新意的报纸一样!创建内容丰富的网页,意味着增加以文本为主的栏目,及便利于用户想要的相关性的内容提供给用户。

 2、制作一个有利于网站优化的后台搭建一个利于网站进行SEO优化的后台是很有必要的,毕竟现在人们都习惯于再搜索引擎里搜索。我们的内容再好也要有人看到才行。好的后台内给我们在搜索引擎里带来一个好的排名。让更多的用户找到我们的网站。 

 3、网站页面下载速度快,据研究发现,页面下载速度是网站留住访问者的关键因素,如果10—20秒还不能打开一个网页,一般人就会没有耐心。如果不能让每个页面都保持较快的下载速度,至少应该确保主页速度尽可能快。

4、扩大网站知名度和吸引力;将潜在顾客转化为实际顾客;

5、将现有顾客发展为忠诚顾客等。为用户提供一个多功能的人性化界面,并保持这种功能的使用方便,就显得十分重要

6、尽量简单的用户注册程序等等。

7、网站品质优秀,网页上的错误链接要少。

8、减少网站的错误链接。

1.4.2校园网站的本质与特点

校园网站的本质特点:

1、校园网站具有自主性和灵活性;

2、校园网站是主动性与被动性的矛盾统一体;

3、校园网站的功能主要通过网络手段来体现;

4、校园网站的功能具有相对稳定性;

5、校园网站是网络宣传手段的基础

各种网站并没有本质性的差别,所不同之处主要在于网站的目的、内容、功能、规模、表现形式等。出于我们对于网络营销探讨的目的,在这里我们只讨论校园网站。

校园网站的一般特征是指具有下列一个或者多个方面的目的,通过网站的形式向公众传递学校形象、学院文化等基本信息。发布学院新闻、就业信息、最新公告等信息。

向学生、老师、家长、直接用户等提供某种信息和服务,网上展示、宣传、学生作品。收集各个大专院校信息。

因此,如果将学院网站与本科院校结合在一起考虑,就很容易理解其本质:从校园宣传策略来看,校园网站是一个开展宣传的综合性工具。


第二章 开发环境及需求分析

2.1开发环境

1.安装Apache   a) 双击文件Appserv-win32-2.5.10.exe,弹出欢迎界面。单NEXT按钮,进入到License Agreement(许可协议)界面。   b) 用户需要同意界面 中的条款才能继续安装。选中I accept the terms in the license agreement 单选按钮后,单击NEXT按钮,如图1所示,进入程序描述与说明界。

6,常与免费的数据库系统MySQL一起构建中小型B/S应用的网站或信息系统。PHP开发平台Apache\PHP\ MySQL (这几个软件在上述已安装)
MySQL前面已经讲过,它是一个开放源码的小型关联式数据库管理系统,。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
2.1.2 开发工具
Dreamweaver 8 这个工具,我想大家都非常的熟悉,它的功能非常的强大,不管是做静态页面,还是做动态的网页,他都是一个非常好用的工具,它自带提示功能,能提高工作效率,而且它还是免费的,做网站的时候,dw经常和Photoshop,flash软件一起协同制作来完成网站的制作,在网页制作工具种,地位非常的高,强大的查找,替换功能,都非常的受到程序员的欢迎,但是它也有一个缺点,就是软件比较搭,有得达到几百兆,对于电脑的配置要求,还是非常的高的,如果电脑配置低的话,会使其运行速度变慢,反而会降低我们的工作效率,他不像一个记事本那么简单,能很容易的打开,每次打开,需要加载很多的组建,但是现在得电脑配置也都非常高,基本上都能很好的使用。
2.1.3 运行需求
目前有大量的软件用来设计和制作网页,他们可以极大的减轻工作量,提高设计效率。其中Macromedia Dreamweaver 8,功能强大,而且是所见即所得的网站编辑器,并带有站点管理功能。
1,Dreamweaver视觉化编辑与原始码编辑同步的设计工具。
2,Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,
3,提供超强的支援能力给Third-party厂商。
4,使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。
5,Dreamweaver将内容与设计分开,应用於快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。
2.2开发特征
1、跨平台特性
2.数据库支持
3.安全性
4.扩展性
5.执行速度快
6.可移植性
7.功能全面性
第三章  校园网站总体方案设计 
3.1校园网站概要设计
3.1.1校园网站功能模块设计
系统分两个部分:主菜单和后台管理。用户登陆系统后,进入主菜单,并进行浏览。
主菜单内容包括:首页、学院简介、学生工作、党群园地、招生就业、科研教研、校园风光、网络中心、在线留言。
后台管理可以进行用户权限管理。管理员以相应的帐号密码登陆过后,即可对新闻进行增加、删除、修改。
3.1.2校园网站前台模块设计
根据系统的需求分析,可画出系统的总体框架,如下图3-1所示:

要代码:
<div class="boxr">
    <div class="mainht">您现在的位置:<a href="<?php echo $domainname; ?>" title="首页">首页</a> &gt;&gt; 校园风光</div>
    <div class="imgbox cl">
      <ul>
        <?php $query = $db->query($sql);
while($row= $db->fetch_array($query)){?>
        <li><a rel="sexylightbox[group]" href="<?php echo $row['masterimg'];?>" title="<?php echo $row['product'];?>"><img src="<?php echo $row['masterimg'];?>" width="195" height="134" alt="<?php echo $row['product'];?>" /><br /><?php echo $row['product'];?> &gt;&gt;</a></li>
        <?php }?>
      </ul>
    </div>
    <?php if($aresult>0){?>
      <div class="manu"><?php echo $pagestr ?></div>
      <?php } ?>
  </div>
 %>
5.3 留言版实现
留言版作为学生与学院,学生与教师之间互动性的手段,也是一大要点。留言版实现页面如下图所示:
图5-4给我留言
主要代码:
<?php
……
if($error == false){
$sql="insert into ".DB_PREFIX."message values(null,'".qt_db_input($names)."','".qt_db_input($email)."','".qt_db_input($content)."','',0,1,'',now())";
$db->query($sql);
echo "<script>alert('留言成功,谢谢您的支持!');window.location.replace('".reseturl("feedback.php")."');</script>";
exit;
}
……
<form id="form11" name="form11" method="post" action="<?php echo reseturl('message.php'); ?>" onsubmit="return(check(this))">
          <div class="msg">
            <label class="inputLabel" for="names">姓名:<span class="red">*</span><br />
              <input name="names" type="text" id="names" maxlength="40" class="input_5" chkname="Full Name" chkrule="nnull/min2" />
            </label>
            <label class="inputLabel" for="email">邮箱地址:<span class="red">*</span><br />
              <input name="email" type="text" id="email" maxlength="94" class="input_5" chkname="Email Address" chkrule="nnull/min6/eml" />
            </label>
            <label class="inputLabel" for="content">留言内容:<span class="red">*</span><br />
              <textarea name="content" cols="40" rows="6" id="content" chkname="Message" class="textarea1" chkrule="nnull/min2"></textarea>
            </label>
……
<?php ?>
留言者可以填写自己的信息然后填写留言的标题和内容,提交后,这些信息传到数据库,马上在页面上显示出来。管理员也可以在后台通过该条留言的审核时,控制该条留言才会在前台页面上是否显示出来。所以只是恶意或者无意义的留言即使提交了,也不会在前台页面上显示出来的。
5.4系统后台设计及实现
后台登陆页面实现如下图所示:
图5-5  后台登陆页面实现如上图所示
5.5 新闻管理
新闻管理可在新闻列表列里直接操作如修改、添加、删除等等,如下图所示:
图5-6  新闻管理页面
新闻添加页面如下图所示:
图5-7  新闻添加页面
主要代码如下:
<th>新闻分类:</th>
        <td><select name="tid" id="tid" class="select">
          <option value="" <?php echo seld($tid, "")?>>请选择分类</option>
…… 
<tr>
  <th width="10%">新闻标题:</th>
  <td width="90%" ><input name="title" type="text" class="input-text" id="title" size="50" maxlength="200" />
</td>
</tr>
<tr>
<th>作者:</th>
<td ><input name="author" type="text" class="input-text" id="author" size="30" maxlength="200" /></td>
</tr>
<tr>
<th><span class="chjnew">*</span>图片:</th>
<td><input name="uppic" type="file" class="input-text" id="uppic" size="50" /></td>
</tr>
……
<tr>
    <th width="10%">&nbsp;</th>
    <td width="90%"><input name="submit" type="submit" id="submit" class="button" value="提交添加" />&nbsp;&nbsp;<input name="button" type="button" id="button" class="button" value="返回" onclick="location='new.php'" /></td>
</tr>
第六章 结束语
Web开发技术的飞速发展使人们开始重视网站的建设,网站建设的也是一个非常有用的技术,本文通过对学校网站的建设,使我们了解网站建设所需要的技术,工具,允许环境,以及网站的允许流程,需要先确定网站的设计,然后开始对设计图进行切图,最后做成一个html的静态语言,然后通过php动态脚本技术,来对网站进行数据库后台的输入,删除,修改,和添加,通过网站的制作很好的展示了学校的风格,也提升了我们自己的技术水平,现在社会上面招聘网站制作的技术人员非常多,这个方面的公司也非常多,因为市场非常的大,每年不仅有很多刚成立的公司需要做网站,而且已经做的网站,基本上在一到两年之间就开始了更换,客户会源源不断,学校的网站,也许一两年后,新的技术的涌现,就会重新制作,通过这个毕业设计,我们掌握了网站制作的流程和技术,如果以后学校网站进行更换,那么,我们要学会做好数据库的备份,以及存储。 通过此次毕业设计的制作,使我对div+css的排版,有了更深刻的认识,对php的语言更加深入的了解。同时又重温了mysql的相关知识。这些收获,我想能为以后的找工作和参照社会招聘提供一个很好的机会和打下了一个坚实的基础。
系统使用Microsoft公司以dreamware为核心语言的PHP开发工具,利用Wamp建立运行环境,再结合Mysql建立数据连接关系。利用其提供的各种组件,首先在短时间内建立数据库,然后,对数据库进行分析与建立页面,不断修正与改进,直到功能基本实现的可行系统。以Web为中心,客户端通过浏览器访问Web以及与Web相连的后台数据库,为新闻发布的管理提供了较好的工具。 
系统还有很多方面需要改进。我相信在以后的学习生活中定能一步一步的去克服这些,使新闻网站的功能越来越完善。 


致  谢
经过几个月的紧张制作,毕业设计完成了,在这段日子里,我非常感谢我的指导老师,他非常的负责,给了我非常多的帮助,每当我有问题,需要问的时候,他都会第一时间给我回复,使我能够将遇到的问题及时的解决,导师的无微不至的关怀和帮助,在这里我要由衷的感谢。还有我还要感谢我的同学。在这段日子里,我的室友,都给了我极大的帮助,每当有问题自己解决不了的时候,大家都会一起来讨论,研究,一个团队的力量,就没有解决不了的问题。使我以后深刻的认识到要有团队精神。设计的这段时间里,虽然很辛苦,但使我获益非浅,我体会到自己在学习的知识方面存在很 多的欠缺,特别是在div+css方面。在这次毕业论文设计中,我第一次亲身尝试到了作为一个缺乏社会实践经验的学生所面临的困难。通过对本网站系统的开发是我对书本上的知识点和理论有了更深一层的了解,使我学会了如何利用所学的知识,把理论结合于实践中,进一步掌握了开发新闻网站系统的流程,从而对本专业有了更深刻的认识。此后,我会加倍努力的去研究,在熟练的基础上掌握更多的新型技术,来提高自己的开发水平。无论是在学校还是毕业,还是要不断的把知识慢慢加 深、巩固。 在论文即将完成之际,我的心情无法平静,从开始进入课题到论文的顺利完成,有多少 可敬的师长、同学、朋友给了我无言的帮助,在这里请接受我诚挚的谢意。