论文部分内容阅读
摘要：高校门户网站是展示学校情况的一扇窗口，基本职能是为访客提供信息和服务。本文通过对国内高校门户网站建设的现状分析，提出将美国高等院校门户网站在导航设计、页面设计以及内容呈现上的特色引入到江苏开放大学门户网站建设的思路，以服务访客为根本目标，积极构建江苏开放大学门户网站，推动江苏开放大学教育事业的发展。
关键词：门户网站；服务；访客细分
中图分类号：TP393 文献标识码：B 文章编号：1673-8454（2012）19-0031-03
江苏开放大学是面向全省，综合运用现代信息技术、教育技术等多种手段，进行现代远程开放教育的省属本科高等学校。[1]江苏开放大学门户网站的建设尝试引入美国高等院校网站建设上的一些理念和设计特色，构建面向访客服务的江苏开放大学门户网站。
一、目前国内高等院校门户网站设计的现状
门户网站是一个学校的宣传、服务窗口，是信息化校园的重要组成部分。一个好的门户网站设计不仅能够提升学校的品牌形象，同时能更好地服务于每一位访客。就目前全国各个高校门户网站的设计来看，与英美高校相比还有一定的差距，具体体现在以下几个方面：
1.缺乏为访客服务的理念
在个性化信息需求的网络时代，以用户为中心的信息服务理念显得尤为重要。国内的门户网站一般还是以“展现”内容为主，告诉访客“我们有什么”，而不去关心访客需要什么样的信息，如何让访客快捷地找到自己所需要的信息内容等等。在招生就业竞争如此激烈的情况下，如果还用传统的思路去建设门户网站，高校的教育品牌形象将受到影响。目前高校门户网站服务功能低下，服务方式单一，在信息提供上还没有将“行政”角色转换为“服务”角色。
2.网页设计粗糙，缺乏视觉冲击力
门户网站的首页是一个学校的门面，其设计的好坏直接影响着访问者的兴趣。目前大部分高校的门户网站在设计上都比较注重内容，多以文字呈现为主，使得主页面缺乏一定的视觉冲击力和感染力。在布局上，网站页面多采用banner 导航 内容，过于呆板。另外由于技术的原因，网页在有的浏览器中排版不够整齐，字体不统一等等，这些都在不同程度上影响了访客对于门户网站的兴趣。
3.网页的交互功能较弱
目前，国内高校门户网站呈现的基本都是学校的介绍、公告信息、学校新闻、重要通知、学校各部门网站的链接以及校外链接等，访客群体只能被动地接受网站提供的信息，与网页交互的内容和方式很少。网页主要提供搜索查询功能，互动方式比较单一。
4.内容表现形式单一
高校的门户网站不仅仅是为了吸引访客来欣赏，更重要的是要推广网站的内容。近几年来，网页中内容的展现形式在不断变化，除了文字图片外，还有Flash动画、三维动画等。但是目前国内高校网站的内容在形式上还很单一，一般都是文字，偶尔配有图片。目前技术的发展，已经让我们在网页内容的媒体表现上有更多的选择。在网站设计中，必须根据具体的内容，来设计媒体的表现形式。视频适合展现真实的场景，比如校园环境和学生学习状况、生活状况，给访客以真实直观的感受。而对于入学过程、办事流程等，则可以通过简单的Flash动画来展现，这样的表现形式更为形象、活泼，令人印象深刻。另外也可以采用手绘图等图片，简单明了地表现网站中的内容。
二、美国高校门户网站设计特点分析
1.体现以需求为导向的访客细分理念
在设计上，美国高等学校网站大都是以需求为导向，对访客进行细分。进入网站首页，访问者能非常清晰地找到自己的角色，进而去寻找自己所需要的服务。其门户网站的首页内容一般都是为students和prospective students服务的。Students通过门户网站获取学校的Event、News以及Resource等。Prospective students可从门户网站获取入学信息、转学政策、学费、学校地理位置、学习环境等等，在对高校深入了解的基础上，为将来选择学校做好准备。对访客向外延伸，门户网站还提供了家长的服务信息，校友会、捐赠者的服务等等。并且门户网站将这些访客分类都作为一个导航，放在首页，便于各种人群便捷访问。
2.Web前端采用DIV CSS网站架构技术
国外大学网站基本都采用DIV CSS布局技术。其好处是：（1）DIV CSS布局的网页结构清晰，容易被搜索引擎搜索到，优化了SEO。（2）DIV CSS能使页面和内容分离，方便网页的页面重构。目前国内排名靠前的多所高等院校的网站，只有清华、北大、浙江大学、东南大学采用了DIV CSS网页布局技术，其他基本采用以前的TABLE布局技术。
3.视觉冲击力力强
笔者浏览了近百所美国大学的门户网站页面，发现绝大部分网页都采用jQuery图像显示技术，在首页运用大幅的图片切换展现学生的生活场景、实验仪器、教室环境、学习环境或通过图片 文字介绍学习方式等等。这种首页设计的风格在第一感觉首先吸引访客的眼球，此外通过图片来获取信息更直接，也更具有冲击力。国内高校门户网站运用这种方式来宣传自己的还非常少，清华大学采用了这种方式，但只显示一张图片，其他高校多采用静态的图片，在视觉冲击力上要差很多。
4.网站具有很好的兼容性
所谓浏览器兼容问题是指在不同的浏览器上访问网站或者页面的时候，都应该是统一的显示效果，这是前端开发人员经常遇到的问题。尤其在近两年内，随着Google Chrome、Firefox、Safari、Opera等众多浏览器的出现，以及其他各种手持终端的普及，浏览器兼容问题更为普遍。笔者浏览了近100所美国高校的门户网站，在Chrome、Firefox、Safari等浏览器中的兼容性都表现的非常好。
三、构建服务型的开放大学网站
1.开放大学网站建设的理念和原则
（1）树立以学生为中心的服务理念
在校学生和即将进入高校的学生是高校门户网站最重要、最根本的服务对象。江苏开放大学作为一所运用现代信息技术等手段进行教学的远程教育学校，在门户网站建设过程中，更应该树立以“学生”为中心的服务理念，使在校生从主页就能够清楚地找到自己需求的信息，使尚未入学的学生能通过网页了解学校的概况、专业课程设置、开放大学的入学流程等等。最终使江苏开放大学的门户网站服务学生、服务社会各界，在远程教育日趋激烈的招生竞争中，吸引更多的优秀生源。 （2）需求导向，访客细分[2]
大学门户网站的基本职能是面向访客提供他们所需要的信息、知识和服务。每天网站都会有很多的访客，每位访客都是一个不同的个体，有着不同的需求，我们称其为访客的多样性。访客的多样性导致网站提供的信息、知识和服务需求的差异化。网站有必要对访客进行科学合理的划分，为他们提供量身定制的信息、知识和服务，充分发挥网络的交互性、丰富性和选择性，实现门户网站的个性化服务。
江苏开放大学作为一所现代远程教育大学，门户网站的访客主要包括以下几种：学生（包括未来的学生和在校学生），教职员工，校友，社会各界（学生的家人朋友、新闻媒体）。不同的访客人群的需求各不相同。对于江苏开放大学未来的学生，即有意向在开放大学提高自身学历，进行继续教育和终身学习的个人，他们需要通过门户网站了解学校的基本信息，更需要了解入学的条件和流程等信息，以便在国内的开放大学或远程教育机构之间做出选择。江苏开放大学的在校学生则需要为他们提供方便简捷的教学服务、网上学习服务、教学资源服务等。社会各界中最重要的访客是校友，校友是大学可持续发展的宝贵资源。校友在各自工作岗位上做出一番成就，也为母校赢得了声誉，彰显了学校的“品牌形象”。另一方面，许多大学也接受校友在资金、智力和技术上的捐赠，这样一个良性互动，能够促进学校和校友的共同发展。因此把校友作为专门的访客尤为重要。
2.江苏开放大学网站建设
（1）导航栏目设置
门户网站导航栏目的数量要合适，各栏目之间的分类标准要严格明确。江苏开放大学门户网站栏目的设计在参考美国高等学校门户网站的基础上，结合国内的实际情况以及开放大学自身情况，将导航栏目设计如下：学校简介、学历教育、非学历教育、招生信息、学员服务、校友会、帮助中心、教师频道。另外还有一个副导航，根据角色来定义的：未来学生、在校生、教职员工、校友。这样的导航设计能让访客非常方便地根据自己的角色来找到相应的需求信息，为访客节省了时间，提高了门户网站的知名度。
（2）技术框架
绝大部分门户网站的技术框架都分为前台技术方案和后台技术方案。后台技术方案主要负责网站内容的发布和更新。前台技术方案主要用来显示发布的信息内容。目前国内高校门户网站与美国高校的门户网站的主要差别在于前台技术方案。
江苏开放大学门户网站前台技术方案为：①在页面布局上，采用目前流行的DIV CSS页面构建技术。它使网页内容和形式完全分离，生成的HTML文件代码更精简、更小；改版网站更加简单容易，只要修改CSS文件就能完成所有页面的改版；使搜索引擎更加友好，排名容易靠前，从而增加网站的访客量达到宣传的目的。②自适应网页设计技术（Responsive Web Design）。随着越来越多的用户使用智能手机和平板电脑来访问门户网站，对页面设置提出更高要求。自适应网页设计技术使用CSS的媒体类型指示符，对不同的设备页面进行自适应的样式设置，从而使得页面的显示适应终端设备。
（3）页面设计
目前国内高校门户网站的页面设计主要以内容为主，最多在主页上放一些新闻图片。这种以内容为主的观念已经不适应现代门户网站的建设需求了。一个好的网站设计往往离不开图像的搭配。纵观国内高校的门户网站，在图像拍摄质量、取景、构图以及后期的图像处理方面都要逊色于美国门户网站首页的图片。江苏开放大学网站的首页设计大胆采用大的横幅图片，运用jQuery技术实现图片的动画显示。图片则由专业技术人员拍摄并做后期处理。在选材上，注意选择主题清晰，能很好反映学生学习、咨询服务、科技进展、师资风采等展现江苏开放大学特色的图片。一方面使访客更直观地了解学校，另一方面使页面整体设计具有很强的视觉冲击力。
（4）交互设计
网站的访客都希望能与网站有交互。这种交互的方式可以是填写一张表格或发表评论等等。社交网络、博客、微博、RSS等Web2.0技术，使得网站的交互方式更为丰富，不仅实现了访客与网站之间的交互，也实现了访客与访客之间的交互。在江苏开放大学门户网站的交互设计方面，将这些Web2.0技术引入到网站设计中，使访客的交互更方便、更丰富。
四、结束语
在江苏开放大学门户网站建设中，吸纳了美国高等学校门户网站为访客服务的理念，从导航栏目设置、页面设计、交互方式以及网站技术架构，进行了探索性的改变，使门户网站更好地服务于江苏开放大学的广大学员和其他访客人群，同时塑造学校的外在形象，促进了江苏开放大学的建设和发展。?
参考文献：
[1]马良生.建设江苏开放大学的理论与实践[J].现代远距离教育，2010（5）：14-16.
[2]贾宝余.构筑学习化社会的服务站——英美高校门户网站建设的特点及启示[J].（中国）教育信息化，2004（12）： 23-24.
（编辑：李晓萍）
关键词：门户网站；服务；访客细分
中图分类号：TP393 文献标识码：B 文章编号：1673-8454（2012）19-0031-03
江苏开放大学是面向全省，综合运用现代信息技术、教育技术等多种手段，进行现代远程开放教育的省属本科高等学校。[1]江苏开放大学门户网站的建设尝试引入美国高等院校网站建设上的一些理念和设计特色，构建面向访客服务的江苏开放大学门户网站。
一、目前国内高等院校门户网站设计的现状
门户网站是一个学校的宣传、服务窗口，是信息化校园的重要组成部分。一个好的门户网站设计不仅能够提升学校的品牌形象，同时能更好地服务于每一位访客。就目前全国各个高校门户网站的设计来看，与英美高校相比还有一定的差距，具体体现在以下几个方面：
1.缺乏为访客服务的理念
在个性化信息需求的网络时代，以用户为中心的信息服务理念显得尤为重要。国内的门户网站一般还是以“展现”内容为主，告诉访客“我们有什么”，而不去关心访客需要什么样的信息，如何让访客快捷地找到自己所需要的信息内容等等。在招生就业竞争如此激烈的情况下，如果还用传统的思路去建设门户网站，高校的教育品牌形象将受到影响。目前高校门户网站服务功能低下，服务方式单一，在信息提供上还没有将“行政”角色转换为“服务”角色。
2.网页设计粗糙，缺乏视觉冲击力
门户网站的首页是一个学校的门面，其设计的好坏直接影响着访问者的兴趣。目前大部分高校的门户网站在设计上都比较注重内容，多以文字呈现为主，使得主页面缺乏一定的视觉冲击力和感染力。在布局上，网站页面多采用banner 导航 内容，过于呆板。另外由于技术的原因，网页在有的浏览器中排版不够整齐，字体不统一等等，这些都在不同程度上影响了访客对于门户网站的兴趣。
3.网页的交互功能较弱
目前，国内高校门户网站呈现的基本都是学校的介绍、公告信息、学校新闻、重要通知、学校各部门网站的链接以及校外链接等，访客群体只能被动地接受网站提供的信息，与网页交互的内容和方式很少。网页主要提供搜索查询功能，互动方式比较单一。
4.内容表现形式单一
高校的门户网站不仅仅是为了吸引访客来欣赏，更重要的是要推广网站的内容。近几年来，网页中内容的展现形式在不断变化，除了文字图片外，还有Flash动画、三维动画等。但是目前国内高校网站的内容在形式上还很单一，一般都是文字，偶尔配有图片。目前技术的发展，已经让我们在网页内容的媒体表现上有更多的选择。在网站设计中，必须根据具体的内容，来设计媒体的表现形式。视频适合展现真实的场景，比如校园环境和学生学习状况、生活状况，给访客以真实直观的感受。而对于入学过程、办事流程等，则可以通过简单的Flash动画来展现，这样的表现形式更为形象、活泼，令人印象深刻。另外也可以采用手绘图等图片，简单明了地表现网站中的内容。
二、美国高校门户网站设计特点分析
1.体现以需求为导向的访客细分理念
在设计上，美国高等学校网站大都是以需求为导向，对访客进行细分。进入网站首页，访问者能非常清晰地找到自己的角色，进而去寻找自己所需要的服务。其门户网站的首页内容一般都是为students和prospective students服务的。Students通过门户网站获取学校的Event、News以及Resource等。Prospective students可从门户网站获取入学信息、转学政策、学费、学校地理位置、学习环境等等，在对高校深入了解的基础上，为将来选择学校做好准备。对访客向外延伸，门户网站还提供了家长的服务信息，校友会、捐赠者的服务等等。并且门户网站将这些访客分类都作为一个导航，放在首页，便于各种人群便捷访问。
2.Web前端采用DIV CSS网站架构技术
国外大学网站基本都采用DIV CSS布局技术。其好处是：（1）DIV CSS布局的网页结构清晰，容易被搜索引擎搜索到，优化了SEO。（2）DIV CSS能使页面和内容分离，方便网页的页面重构。目前国内排名靠前的多所高等院校的网站，只有清华、北大、浙江大学、东南大学采用了DIV CSS网页布局技术，其他基本采用以前的TABLE布局技术。
3.视觉冲击力力强
笔者浏览了近百所美国大学的门户网站页面，发现绝大部分网页都采用jQuery图像显示技术，在首页运用大幅的图片切换展现学生的生活场景、实验仪器、教室环境、学习环境或通过图片 文字介绍学习方式等等。这种首页设计的风格在第一感觉首先吸引访客的眼球，此外通过图片来获取信息更直接，也更具有冲击力。国内高校门户网站运用这种方式来宣传自己的还非常少，清华大学采用了这种方式，但只显示一张图片，其他高校多采用静态的图片，在视觉冲击力上要差很多。
4.网站具有很好的兼容性
所谓浏览器兼容问题是指在不同的浏览器上访问网站或者页面的时候，都应该是统一的显示效果，这是前端开发人员经常遇到的问题。尤其在近两年内，随着Google Chrome、Firefox、Safari、Opera等众多浏览器的出现，以及其他各种手持终端的普及，浏览器兼容问题更为普遍。笔者浏览了近100所美国高校的门户网站，在Chrome、Firefox、Safari等浏览器中的兼容性都表现的非常好。
三、构建服务型的开放大学网站
1.开放大学网站建设的理念和原则
（1）树立以学生为中心的服务理念
在校学生和即将进入高校的学生是高校门户网站最重要、最根本的服务对象。江苏开放大学作为一所运用现代信息技术等手段进行教学的远程教育学校，在门户网站建设过程中，更应该树立以“学生”为中心的服务理念，使在校生从主页就能够清楚地找到自己需求的信息，使尚未入学的学生能通过网页了解学校的概况、专业课程设置、开放大学的入学流程等等。最终使江苏开放大学的门户网站服务学生、服务社会各界，在远程教育日趋激烈的招生竞争中，吸引更多的优秀生源。 （2）需求导向，访客细分[2]
大学门户网站的基本职能是面向访客提供他们所需要的信息、知识和服务。每天网站都会有很多的访客，每位访客都是一个不同的个体，有着不同的需求，我们称其为访客的多样性。访客的多样性导致网站提供的信息、知识和服务需求的差异化。网站有必要对访客进行科学合理的划分，为他们提供量身定制的信息、知识和服务，充分发挥网络的交互性、丰富性和选择性，实现门户网站的个性化服务。
江苏开放大学作为一所现代远程教育大学，门户网站的访客主要包括以下几种：学生（包括未来的学生和在校学生），教职员工，校友，社会各界（学生的家人朋友、新闻媒体）。不同的访客人群的需求各不相同。对于江苏开放大学未来的学生，即有意向在开放大学提高自身学历，进行继续教育和终身学习的个人，他们需要通过门户网站了解学校的基本信息，更需要了解入学的条件和流程等信息，以便在国内的开放大学或远程教育机构之间做出选择。江苏开放大学的在校学生则需要为他们提供方便简捷的教学服务、网上学习服务、教学资源服务等。社会各界中最重要的访客是校友，校友是大学可持续发展的宝贵资源。校友在各自工作岗位上做出一番成就，也为母校赢得了声誉，彰显了学校的“品牌形象”。另一方面，许多大学也接受校友在资金、智力和技术上的捐赠，这样一个良性互动，能够促进学校和校友的共同发展。因此把校友作为专门的访客尤为重要。
2.江苏开放大学网站建设
（1）导航栏目设置
门户网站导航栏目的数量要合适，各栏目之间的分类标准要严格明确。江苏开放大学门户网站栏目的设计在参考美国高等学校门户网站的基础上，结合国内的实际情况以及开放大学自身情况，将导航栏目设计如下：学校简介、学历教育、非学历教育、招生信息、学员服务、校友会、帮助中心、教师频道。另外还有一个副导航，根据角色来定义的：未来学生、在校生、教职员工、校友。这样的导航设计能让访客非常方便地根据自己的角色来找到相应的需求信息，为访客节省了时间，提高了门户网站的知名度。
（2）技术框架
绝大部分门户网站的技术框架都分为前台技术方案和后台技术方案。后台技术方案主要负责网站内容的发布和更新。前台技术方案主要用来显示发布的信息内容。目前国内高校门户网站与美国高校的门户网站的主要差别在于前台技术方案。
江苏开放大学门户网站前台技术方案为：①在页面布局上，采用目前流行的DIV CSS页面构建技术。它使网页内容和形式完全分离，生成的HTML文件代码更精简、更小；改版网站更加简单容易，只要修改CSS文件就能完成所有页面的改版；使搜索引擎更加友好，排名容易靠前，从而增加网站的访客量达到宣传的目的。②自适应网页设计技术（Responsive Web Design）。随着越来越多的用户使用智能手机和平板电脑来访问门户网站，对页面设置提出更高要求。自适应网页设计技术使用CSS的媒体类型指示符，对不同的设备页面进行自适应的样式设置，从而使得页面的显示适应终端设备。
（3）页面设计
目前国内高校门户网站的页面设计主要以内容为主，最多在主页上放一些新闻图片。这种以内容为主的观念已经不适应现代门户网站的建设需求了。一个好的网站设计往往离不开图像的搭配。纵观国内高校的门户网站，在图像拍摄质量、取景、构图以及后期的图像处理方面都要逊色于美国门户网站首页的图片。江苏开放大学网站的首页设计大胆采用大的横幅图片，运用jQuery技术实现图片的动画显示。图片则由专业技术人员拍摄并做后期处理。在选材上，注意选择主题清晰，能很好反映学生学习、咨询服务、科技进展、师资风采等展现江苏开放大学特色的图片。一方面使访客更直观地了解学校，另一方面使页面整体设计具有很强的视觉冲击力。
（4）交互设计
网站的访客都希望能与网站有交互。这种交互的方式可以是填写一张表格或发表评论等等。社交网络、博客、微博、RSS等Web2.0技术，使得网站的交互方式更为丰富，不仅实现了访客与网站之间的交互，也实现了访客与访客之间的交互。在江苏开放大学门户网站的交互设计方面，将这些Web2.0技术引入到网站设计中，使访客的交互更方便、更丰富。
四、结束语
在江苏开放大学门户网站建设中，吸纳了美国高等学校门户网站为访客服务的理念，从导航栏目设置、页面设计、交互方式以及网站技术架构，进行了探索性的改变，使门户网站更好地服务于江苏开放大学的广大学员和其他访客人群，同时塑造学校的外在形象，促进了江苏开放大学的建设和发展。?
参考文献：
[1]马良生.建设江苏开放大学的理论与实践[J].现代远距离教育，2010（5）：14-16.
[2]贾宝余.构筑学习化社会的服务站——英美高校门户网站建设的特点及启示[J].（中国）教育信息化，2004（12）： 23-24.
（编辑：李晓萍）