浅析人力资源管理的趋势与创新
地理学科网站的设计与实现胡宝请 伍诗源广西师范学院资源与环境科学学院［摘要］互联网技术的发展，以多媒体和国际互联网为代表的当代信息技术，正以惊人的速度改变着人们的生存方式和学习方式。现代互联网技术
地理学科网站的设计与实现
胡宝请 伍诗源
广西师范学院资源与环境科学学院
［摘要］互联网技术的发展，以多媒体和国际互联网为代表的当代信息技术，正以惊人的速度改变着人们的生存方式和学习方式。现代互联网技术的广泛应用 ，打破了科研教学上的封闭状态 ，步入了资源共享的新时代。本文介绍了地理学科网站建设的总体过程，对网站的整体设计、后台建设、网站的功能实现及搜索引擎优化等做了初步的探索。
[关键词]地理学科；网站；网站建设；设计；实现
The Design and Realization of the Website of Geography Subject Abstract: The present information technology characterized by multimedia and Internet is changing people’s life style and study method with the surprising rapidity. The extensive application of modern Internet breaks the enclosed state of scientific education， and is moving into a new era of resources-sharing. This thesis introduces the whole process of the establishment of geography websites， and initially explores the integrated design of websites， the establishment of backstage， the function achievement of websites and the searching of optimizing engine and so on.
Key words: geography subject; website; website establishment; design; realization
1引言
互联网日益普及，使得网络向社会生活的渗透明显提速。网上学校、商场、图书馆、大量增加，互联网服务形式和内容从深度和广度上不断扩展，人们足不出户就可以自由轻松地在网上进行办公、娱乐、购物、教育等活动。互联网不仅提升了人们的生活质量和工作效率，而且改变了人们的生活、工作和思维方式，它已经从最初的辅助性工具开始逐渐成为很多人日常生活、工作和学习的重要组成部分。网络技术可以把大量生动丰富多彩的文字、图表、图像、动画、影片和录像片等各种各样的多媒体资源形象，直观地呈现在学生的面前，使学生视听并举，加深、加快感知和理解，为学生创设生动的学习情境。利用超级链接结构可以实现教学信息的灵活获取以及教学过程和教学结构的重新组织，适合于不同层次学生的学习需要，有利于因材施教。地理学科网站作为学科网站，是以学生自主学习、教学互动、学习交流的重要平台。建设一个美观实用、内容丰富、特色鲜明的学科网站，网站的整体设计要跟上。从目前多媒体的应用来看，居主流的是一种“课堂演示型”教学模式，可以通过发布到网上让学生进行在线浏览演示，同时，网站也可以展现地理教师的个性风采，创建彼此沟通的桥梁。
2网站的策划
2.1网站的可行性分析
推动这场历史变革的基础和直接动力是创造在信息技术支撑下的教学资源库和新型教学模式。地理学科网站正是在这种大背景下迅速发展起来的，利用网络技术的灵活多样、生动逼真及便于控制等特点，可以使全方位的信息空间在教学过程中得到充分应用，从而引发学生的创造力与想象力。由于传统的信息发布方式和教学方式已经落后，有了网站，很多信息都能在第一时间一览而获。而且我们可以将大量的图片、资料片上传到网站供浏览者观看学习。
,2.2网站功能及应用
地理学科网站，是面向广大地理教师和学习者的开放型地理教育特色网站，网站是师生共创学习环境，共享智慧的资源库。创设一种与国内外专家、教授、教师、学习者在网上对话、交流的学习环境，跨时空搭建巨大的人网，共享智慧资源。依托现有校园网，通过在校园网主页上建立“地理教学网站”及其相关链接。“地理教学网站”包括开辟BBS 论坛、在线交流、电子信箱、讨论区等版块。教学型，给学生以主动权，教师定期确立一个讨论主题交给学生，并引导学生的发散思维，形成一系列的子讨论题，然后由学生查找资料，分组讨论，集思广益。学生可以尽情发表自己的见解，围绕某一专题进行在线或离线讨论。交流型，同时地理学科网站是一扇窗户，全国乃至全世界的地理学人士都可以访问交流地理问题。通过访问网站的内容，可以了解某学科的地理最新资讯。
2.3域名的选取及解析
先要考虑一个域名，域名的名称也就是网站的名字，最好是www.yourname.com 的顶级国际域名，如果国际域名没有了，那您可以选择www.yourname.com.cn 的国内域名，如地理学科网站www.nnnug.com ，当然根据网站内部或类型的不同也可以注册其它后缀的域名，.com 商业网站、.net 代表网络机构、.org 代表组织机构，国内域名除了.com.cn 、.net.cn 以外如果符合要求的话还可以注册.org.cn （非盈利性组织）.gov.cn （政府部门）.edu.cn （大学），域名的名称由数字，英文字母及"-" 组成。选好了域名就可以去各大空间运营商那里注册，这个域名生效过程可能需要一天左右。
进行域名解析，域名解析就是国际域名或者国内域名以及中文域名等域名申请后做的到IP 地址的转换过程。IP 地址是网路上标识您站点的数字地址，为了简单好记，采用域名来代替ip 地址标识站点地址。域名的解析工作由DNS 服务器完成。以地理学科网站www.nnnug.com 为例，因为空间选取多线主机，多线路虚拟主机适合目标客户覆盖全国范围的网站，不论是电信用户、网通用户、教育网用户、海外用户、铁通用户、联通用户、移动用户，均能快速访问到自己的网站，彻底解决互联网的互联互通问题。
2.4网站版块结构
网站采用模块化结构，主要由前台和后台两大部分组成，前台主要呈现后台数据信息，由各栏目组成，包括地理资讯，自然地理学，人文地理学，经济地理学，遥感技术，测量与地图，土地规划学，土地资源学，环境学概论，环境生态学，讨论区。后台主要负责数据管理，会员管理，文章
图1 网站版块图示
每个学科栏目都有自己的独立主页，各个栏目下都有自己的小栏目，教学实践，课程课件，参考文献，作业习题，考试大纲，课程教案，科研情况，师资队伍，教学大纲，课程介绍，申报材料。 3网站的后台搭建
Internet 的出现和WWW 技术的发展，有力地支持了电子信息服务和大众信息媒体的传播。作为网站开发人员，如何将信息快速，准确的发布到网络，是评价一个网站技术的关键，传统的网站新闻管理方式是静态HTML 页面，更新信息时需要重新制作页面并修改相应链接然后上传页面。这种方式效率低，而且不好操作，随着互联网技术的发展，现在许多网站都采用网站后台技术，如ASP ，PHP ，ASP.net 语言技术的充分应用，与数据库技术结合，使得网站信息的发布管理效率大大提高，可操作性加强，方便了网站的管理。网页交互技术将传统的静态页面与后台数据库、其他的外挂资源连接起来，使页面上的信息能够根据一定的要求进行定制，而且可以和客户端进行信息交互，得到用户的信息，并且反馈给用户。这种将传统的静态页面和后台数据库相互有机结合起来的产物就是目前流行的动态网页。可以使用动态网页技术开发动态 Web 站点。所以，网站后台技术是现在网站建设的关键。
3.1建立和使用开发环境
要使用ASP.NET 进行Web 程序的开发和运行，首先要建立一个特定的开发环境：在控制面板的添加或删除程序处安装internet 信息服务管理器，安装完成好后设置网站目录，及权限的配置，在WEB 服务扩展出启用部分选项，设置默认内容文档。接下来就是安装Visual Studio.NET 2005，ASP. NET 是.NET Framework 平台上开发动态Web 应用的一项新技术，全面支持面向对象的设计思想，因而使 Web 应用的桌面设计更加简单、高效，使所建立的Web 应用功能更为强大，特别是对标准化 Web 服务的支持能力。Visual Studio.NET 2005一般是按项目来管理程序的，在开发Web 程序前，先应新建相应的项目。Visual Studio.NET常见的Web 文件有“Web 窗体”、“Web 用户控件”等。编写程序时，.NET 有两个文件，一是以HTML 代码形式表示的界面文件，二是程序代码文件，这样有效地解决了代码管理维护难等问题，而且让封装Web 程序变得简单。例如新建一个Web 窗体，文件名为WebForm.asp ，现在要在这个页面上写C#代码，只需双击页面空白处，或右击页面空白处，选择“查看代码”命令，即可进入一个名为WebForm.asp.cs 的文件，这便是个纯C#代码文件。
3.2网站后台管理系统
网站后台管理系统的核心思想是对于信息的存储、分析、统计、查询和管理，降低网站运营成本，提高网站管理效率，减轻维护人员的工作量。网站后台维护系统为网站提供全面的后台管理与维护，即使是非专业的网站管理员也能够很容易地通过该系统发布动态新闻，实时动态更新维护各栏目，处理反馈信息，并对使用该系统的用户进行权限管理。后台管理系统在整个网站系统中起中心作用，本地调试的文件上传到服务器远程空间，就可以通过URL 地址登录网站后台管理系统，其通过对数据库的存储读取，对网站进行管理更新，然后生产HTML 等可视化页面在浏览器呈现处来，通过互联网，人们就可以浏览到页面的内容，整个网站后台系统的构架如下图所示：
后台管理主是通过以下几个功能模块来实现的：系统登录模块，该模块将用户分为普通用户和超级用户，从而实现用户权限的管理。新闻栏目管理模块：权限用户可在该模块中增加、修改、删除一级、二级新闻栏目。新闻添加，编辑和删除模块：按不同支持文本，格式或源代码栏目添加新闻显示。支持图片上传和附件上传，还可在编辑状态下更新，删除不需要的文章。文章管理，该模块负责分页罗列登录的注册用户曾发布；用户可以对该条新闻进行删除 修改过且未删除的新闻信
,息、非新闻发布者除系统管理员外不具有对该条新闻的处理权限，所以不同用户进入此页面将显示不同的内容，还具有搜索管理，登陆的注册用户可以搜索管理自己发布的新闻，还可以进行分类管理新闻。
图2 网站后台系统的构架图
3.3网站后台数据库
数据库，把整个系统分为三层架构，即用户层(界面层) 、应用层(执行层) 、数据层。
网站除了要设计网页外，还要通过数据库和编程序来使网站具有更多自动的和高级的功能。例如，网站里的文章资料和图片数量很多、种类很多，为方便浏览者查找，就应通过数据库编程来在网页上实现自动搜索；如果信息经常变动和增加，也应通过数据库编程来制作网站，这样就可以通过后台管理系统方便的管理网站，如更换、增加资料和图片等等；还有像会员管理系统、新闻发布系统、购物系统、BBS 系统等都是用数据库来做成的。
ADO.NET 是.NET Framework SDK中用于操作数据库的类库的总称，主要用于与数据库的数据进行交互。连接数据库ADO.NET 应用程序要从数据源里读取数据，首先要创建一个连接对象。这个连接对象可以是SQL Connection或是ADOConnection ，这取决于所采用的目标提供程序。SQL Server连接字符串：“server=servername;database=dataname;uid=userid;pwd=password”创建了Connection 对象，提供了Connection 字符串后，就可以使用Connection 对象了。
在数据库中建立数据库关系表，目的是为了能够对网站各个部分的内容列出一个好的数据关系表，清楚各个部分间的联系，如Admin 管理员表单，Article 文章表单，Author 作者等都必须先建立好关系才能设计出合理的数据库。关系型表单间联系如下图所示：
,图4 关系型表单间联系
具备数据库的网站具有很好的管理数据资料的好处，一方面，在前台（即在网页上）访问者可以利用查询功能很快的找到自己要的地理资料；另一方面，在后台（任何一台连上互联网的计算机），网站管理者通过量身定做的后台管理系统很方便的管理网站，而且后台管理系统界面很直观。 具备数据库的网站所使用的网站空间与普通网站是不一样的，它的空间必须是能运行数据库的，而且服务器还必须提供相应的数据库供使用，以常用的Microsoft SQL Server 数据库及小数据库ACCESS 等。
3.4虚拟主机管理
虚拟主机也称虚拟服务器或共享服务器，即多个用户共用一台服务器，因为通常企业或个人在因特网上建立网站需要有24小时接入互联网的专业服务器，并有专业人员维护，而在因特网上的专用服务器以及网络接入的费用都是比较昂贵的，但如果有几十个企业或个人来共用一台这样的服务器并有专业的网络服务公司人员来维护，那么建立一个虚拟主机网站的费用来得低得多。所以建立中小规模的网站如果采用虚拟主机方案的话，可以用比较低的代价来获得更专业的服务。所以虚拟主机的定义也就是多用户共享服务器。 而对于地理学科网站的特性，大量生动丰富多彩的文字、图表、图片、和录像片等各种各样的多媒体资源，需要空间足够大，访问速度的需求，决定了地理学科网站在选用虚拟主机的时候更多的要求高质量。
虚拟主机都有控制面板，方便的操作界面有助于高效的管理网站文件的上传下载更新，文件的权限设置，数据库的备份，可以对网站的访问流量进行分析，空间使用情况等，操作界面如下：
图5 虚拟主机控制面板示意图
4网站的页面设计
目前浏览者多使用 800* 600和 1024*768两种分辨率，为了在这两种分辨率下都能看到布局美观的网页，一般采用在网页中插入一个大的表格，表格宽度设置在760～770像素之间，并让表格居中，网页内容在这个表格中再作布局。这样，在两种分辨率下都能达到较好的视觉效果。另一种办法是在 800*600和 1024*768两种分辨率下分别设计一个适合本分辨率的主页，再制作索引页 index.htm ，在索引页中制作出对应两个主页的链接，运行索引页时由浏览者根据自己的分辨率自行选择。
我们用的最多的网页编辑工具是Macromedia Dreamweaver，我们开始必须先建立站点，输入网站的名字，选择网站所在的目录，加载缓存信息就可以建立站点了。刚开始站点的文件很少，从设计图中我们可以逐个添加文件。
什么是相对路径？相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹) 的路径关系。使用相对路径可以为我们带来非常多的便利。下面举实例详解：
一、例如在本地硬盘有如下两文件，它们要互做超链接
G: g eographyindex.htm
G: geographywebarticle.htm
index.htm 要想链接到01.htm 这个文件，正确的链接应该是：链接文字，这是标准的相对路径。这样做是为了避免在设计的时候插入图片可以浏览，但是在其他机子上看不到图片只有红叉。相对路径在设计时插入图片可以默认路径，方便了许多，不必每次都找到存放的文件夹。
4.1色彩搭配
色彩在人们对于网页信息的选择和判断中，充当了重要角色。人们对色彩的感觉，往往是最敏锐的。在人们的视觉习惯中，鲜艳的色彩可以瞬间被记住。所以，在网页设计中，成功的色彩搭配，能够令人过目不忘。平稳的色彩可以舒缓我们的视觉疲劳；暖色可以增加企业的亲和力；冷色可以塑造企业严谨可靠的形象。色彩是我们的第一视觉反应，也是最富有情感的传达方式。所有网页上的颜色，在HTML 文档中都是以颜色的英文单词或者十六进制的表示方法（如#000000表示黑色）。地理学科网站所涉及的内容的有山，水，土地等等，给人安静柔和的感觉，适应的色彩类型有：
1. 柔和的、洁净的、明朗的色彩
图6 柔和的、洁净的、明朗的色彩
网站的首页可以采用这种色彩，增加网站的明朗，给人很舒服的感觉，而且有容易让人对网站的内容有一目了然的效果。首页采用宽屏式界面，让人真正感觉到地球的博大与深邃，所以界面上焦点视角处采用了宽幅广告画。如下图地理学科网站(www.nnnug.com)的首页所示：
图8（地理学科网站首页）
2. 冷静的、自然的色彩
,图7 冷静的、自然的色彩
地理学科接触的以自然地物为主，绿色代表了充满青春的活力，舒适，希望等等，所以网站的页面可以采用青绿色为主色调。如人文地理学科的主页面：
图8 人文地理学科的主页面
但是网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。一个网站有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定
要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。
4.2页面排版
毕竟地理学科网站的图片信息量大，而且带有的多媒体文件体积较大，所以合理排版才会使得页面打开的速度提高。针对地理学科网站图片较多的情况，在设计页面时不能采取太多的表格嵌套。这样会使得网页打开很慢，不方便大众浏览网页。采用表格分离方法改善页面的打开方式，根据使得浏览器打开一个大表格的时候就开始显示表格里面的内容，等一个大表格的内容都加载完了才开始加载下个大表格的内容，这样可以使得浏览者在没有等IE 浏览器加载完就可以看到网站的内容信息了。页面设计可以和CSS 层叠样式表配合，我们采用的是外链接式的样式表，也就是CSS 单独一个文件单独存放，在页面打开的时候自动加载，这样可以减少页面的体积也能使得在页面排版的时候统一使用，方便适用。
Web 上的内容包罗万象，版式丰富多彩，但无论怎样的变化，好的Web 站点总是有许多共同之处，例如：精心组织的内容；格式美观的正文；和谐的色彩搭配；较好的对比度，使得文字具有较强的可读性；生动背景图案；页面元素大小适中，布局匀称；不同元素之间留有足够空白，给人视觉上休息的机会；各元素之间保持平衡；文字准确无误，无错别字、无拼写错误。初学网页制作的人往往喜欢多用动画和闪烁文字，来增加网页的生动性和吸引力，但大量的动画和闪烁文字不仅拖慢了网页的显示速度，而且会引起浏览者视觉疲劳，反而影响浏览者访问网站的其他内容。毕竟是学科学术型网站，以我们这次所设计的界面中尽量减少动画和闪烁文字的使用量。
表格是有经验的网页设计师控制页面布局的重要工具。初学网页制作的人，都比较喜欢用图层排版，结果是在编辑状态下看起来不错的页面，一到浏览器里很可能走了样。
网页文字与样式表，网页中所有的字号都应该用样式表来实现，否则不同的浏览者设置的文字大小不同，页面会发生很大的混乱。使用 CSS 层叠样式表定义网页文字的样式，对固定整个网页的风格方面有着不可替代的作用。如果希望所有网页中的正文文字采用一种格式，而标题文字采用另一种格式，那么用CSS 为它们分别定义就可以了。如果需要改变网页风格，将所有正文文字或标题文字换一种格式，那么只要简单地改变CSS 的定义就可以了，如此能极大地减少网页设计者的工作量。
5网站功能的实现 5.1讨论区的设计
为了方便学员之间的学问交流，讨论区是不可或缺的一个栏目。下面就介绍讨论区的设计，启动Microsoft SQL Server的企业管理器，新建一个名为GuestBook 的数据库，用来存放讨论区栏目信息的。然后在GuestBook 数据库中创建一个名为Gontent 的表，用于存放留言信息及回复信息。详细描述如下表：
然后设计个password 的表，是管理员专用的，字段名为PassWord 。在Web.config 中加入如下数据库连接字符串：
建立好了数据库的链接就可以在V isual Studio 2005 新建个GuestBook.cs 类文件输入代码。讨论区都要个首页index.aspx 的Web 窗体，.aspx 是.NET 的文件后缀名。接下来就是添加名为Login.aspx 的Web 窗体，用于管理员对讨论区的内容进行管理用的，后面就是接着对各个文件输入代码，讨论区就可以完成，却地理学科性质的网站，会员发表信息可能含有大量的图片，在设计回复或发表页面时，文本框尽量够大，而且可以将图片显示设置为成比例自动缩小。相关代码如下所示： //改变图片大小 function resizepic(thispic) {
if(thispic.width>500){thispic.height=thispic.height*700/thispic.width;thispic.width=500;} }
5.2在线考试系统的实现
地理学科网站的考试系统，为远程教学提供了方便。与传统考试模式相比，网上考试具有无可比拟的优越性，它可以将传统考试过程中的试卷组织、审定印制、传送收集、登记发放、评判归档各个环节缩小到一至两个环节，几乎屏蔽了所有人工直接干预考试活动的可能性，不但能够节约大量的时日、人力、物力与财力，而且还可以大幅度提高考试成绩的客观性和公正性。在各地的学员只要能都上网，都可以进入这个考试系统，可以进行在线考试，教师通过对后台文件中的试题进行修改，修改后的试题即可在考试界面出现，考生通过输入学号、姓名还有选中考试题目就可以登录进入考试界面。
学生考试模块是网上考试系统的核心部分，能够实现单选择、多项选择、判断等客观题型的随机组卷考试，并且具有试计时、自动评分、显示成绩等功能。教师启动考试后，学生便可以在局域网中的任何一台计机上通过 浏览器进行登陆。在主页面中，学生必须输入自己的姓名、学号和选择考试科目等信息，如果输入正确，学生就以在成功登陆后进入考试。开始考试后，考试题目就会在试库里按照考试前设定的数量随机抽取出来，组成考卷。另外，统会自动计时，当学生主动交卷或者考试时间结束后，系统立即进行试卷评分并显示成绩。学生进入考试后，考试窗口的状态栏会动
