时间:2023-07-28 17:33:13
开篇:写作不仅是一种记录,更是一种创造,它让我们能够捕捉那些稍纵即逝的灵感,将它们永久地定格在纸上。下面是小编精心整理的12篇网站设计的方法,希望这些内容能成为您创作过程中的良师益友,陪伴您不断探索和进步。
[关键词]艺术设计网站设计教学内容
一、国内艺术院校网站设计课程现状
国内部分艺术院校开设网站设计课程已经有15年以上的历史。随着网络技术的发展与普及化,现代生活中已经很难离开这种媒体形式。网站作为互联网的“窗口”,向人们展示了精彩的世界,拉近了人与人之间的距离,也让人们在办公、娱乐、学习等领域越来越多元化。近几年电子商务带来的巨大利益,让更多的企业和个人把大笔资金投入网络市场,大量的网站相关的设计人员缺口和相对较高的待遇,导致很多在传统设计领域工作的设计师纷纷转入这个行业,很多学生也逐渐对这个领域感兴趣。网站设计课程也因为互联网经济发展导致市场需求大增。网站建设技术包括互联网基础知识、前台程序、后台程序、显示设备的一些基础知识等。网站建设技术是网站界面设计过程中非常重要的依据,单纯运用艺术设计原理进行网站设计有可能会给后期技术开发造成麻烦。例如,很容易在程序开发过程中实现不了,或者实现起来增加开发成本等。网站的界面建立在屏幕显示的基础上,因此,设计师必须了解像素等相关基础知识才能在设计开始阶段合理创建文档,从而进一步深入设计。网站是展示与交互的结合,网站建设不是单纯地把界面设计美观就可以了,了解相应的开发知识、交互技术特点,才能够有效地设计出美观、实用的界面。当前,很多院校对网站设计课程从教学方法、教学内容等方面进行了探索和改革。个别院校从师资配备上具有专业的技术教师,例如国内某美术学院在网站设计课程教学中分为网站设计和网站技术两方面教学内容,前四周为设计专业教师授课,然后是三周计算机专业教师授课。这种教育方式相比早期的网站设计教育有着本质的不同,让学生对网站相关知识了解深刻并且更具有专业性。还有些院校能够和企业合作,由企业派出技术人员参与教学任务的完成。由此可见,很多院校对网站设计的技术教学给予了足够的重视。
二、当今艺术院校网站设计课程教学内容
一个完整的网站建设往往都是由一个团队合作完成,包括策划、界面设计、交互设计、程序设计、运营维护等。很多专业都开设有网站相关课程,从授课内容来说区别比较大。例如,计算机专业网站课程主要从网站前、后台的程序方面进行讲解,而艺术院校则主要讲解界面设计原理与方法。但是近些年随着教学改革的进行,一些有条件的艺术院校增加了前台开发程序的学习。当今艺术院校网站设计课程大部分还是以设计为主,但一些有条件开设相关技术内容的院校教学内容主要分为两个部分。一部分是传统的设计方面的内容,包括网站策划、版式设计、色彩、图标、字体、图片等方面,有些内容在前导课程中有所学习,但是网站课程会针对网站的特点进行专门的版式、色彩等方面的训练。另一部分是技术方面的内容,主要讲解的是前台程序,包括HTML、CSS、JavaScript等浏览器端语言,使用的软件主要是Photoshop,AI,Dreamweawer等。如果条件允许,也会介绍一些后台程序的实现原理等方面的基础知识进行扩展学习。不是所有的艺术院校都会开设前台程序课程,有些只是讲解一下Dreamweawer软件的操作方式。网站设计作为一门应用性强、专业跨度大的课程,非常注重行业能力的训练,学生的实践过程非常重要。网站设计的实践能力不仅仅体现在设计、制作网站上,还包括团队合作、语言表达等方面的能力。教师一言堂的课程能起到基础的了解目的,但如果能让学生参与整个网站的制作过程,对于学生的理解和动手实践能力会有更大的帮助。
三、网站设计课程技术内容授课难点
艺术专业的学生掌握网站界面设计同时了解网络相关技术知识,对他的学习和今后的工作有非常大的帮助。但是,在实际的教学过程中,技术知识的讲解存在很多难点。1.错误认识网站技术课程学习对于一个成熟的网站设计师而言,他对于设计有了较深的理解,需要程序开发等技术知识来进一步提高他的专业能力。但是,很多艺术院校的学生设计基础非常薄弱,如果过多强调技术内容而削弱设计训练,让学生误认为学会了几个软件,掌握一些基础的前台开发语言就是网站设计,这样就本末倒置了。而有些院校对网站技术内容的理解不全面,把教学精力放在了软件和单纯的实验性的设计训练上,这样的教学不够完整,结果很可能就是纸上谈兵。所以,对网站技术的理解要系统化、专业化,并且能够主次清晰地指导学生技术和设计的关系才是正确的途径。2.艺术院校技术教师配置不完善有些院校对于网站设计技术学习有足够的认识,学生也愿意学习相关的技术知识,但是师资却成为了这类学校很大的障碍。现在,个别艺术院校配备的网站程序人员都是计算机专业出身,并且有些教师没有多少实践经验,也没有设计基础,如果他们只是单纯地讲解程序,设计与技术教学工作很难完美地衔接。而大部分艺术院校的设计教师对技术理解不够深刻,那么讲解给学生的内容更多的是实验性的训练,并没有太多的市场价值。3.教学内容时间分配不合理程序的学习是一个逻辑性非常强的过程,对于新接触这个领域的学生来讲,需要学习的知识过于繁杂。大部分艺术院校网站课程的课时设置都在40课时、48课时、64课时左右,而网站界面设计方面内容讲解也需要大量的时间,两者在时间分配上就得进行取舍。是平均分配还是哪方面内容占用更多的时间,这些问题都难以处理,导致不合理的时间分配。4.Dreamweaver误区艺术院校网站教学中,很多艺术专业教师本身对网站技术的理解并不专业,仅仅讲解Dreamweaver软件。客观来讲,这个软件对于设计师还是比较重要的,它能快速实现网站的前台效果。但是,学生如果不了解HTML等程序,只知道操作Dreamweaver软件的话,既不利于网站优化,也不能与后台程序员进行专业衔接。
四、从教学目的和市场需求方面调整课程内容的一些建议
1.树立网站设计课程界面设计与技术内容的正确关系
从艺术与技术的关系角度分析,拥有技术支持的艺术才能更加具有说服力,纯粹从设计内容出发进行教学对学生的实践能力提高并不大,而过于强调技术内容的重要性对学生的设计能力也没有什么帮助。因此,网站设计课程应该明确设计与技术的关系。设计能力的提高是艺术院校教学的基本目的,而技术内容则是提高设计能力的辅助内容。从市场需求来讲,很多公司在进行招聘网站设计师的时候,在需求中都有类似“熟悉HTML,CSS优先聘用”等信息,但是公司招聘的还是以设计为主的设计师而不是程序开发人员。因此,当艺术院校有条件进行技术授课的时候,应该让学生意识到技术的原理和对设计的关系,有能力的学生可以多学习一些技术知识,多参与到前台程序开发中,甚至了解一些后台程序的运行原理,以后和真正的程序人员进行合作也会游刃有余。网站设计教育中加入技术层面的教育能让学生从基础原理上理解一个网站的实现与特点,也为本科生今后专业水平的提高打下良好基础。下面简单分析一下主要的界面设计元素与开发技术的联系。第一,版式设计。网站界面设计中版式设计和技术的关系最为直接。最早的网站还不能加载图片,全是由文字构成,因此这时的网站就像一个Word文件,版式设计的局限性非常大。前几年,Flash网站盛行,当时使用Flash进行整站设计可以像PS软件操作一样,设计师可以直接操作软件工具进行各种自由的版式、动画、交互设计。现在,HTML5成为主流的“前台”语言,版式设计布局更加严谨、规整。随着技术的变化,版式设计的方式和特点都有着巨大的变化。当前主流的网站布局都能适应各种尺寸的显示器和不同的移动设备,主要原理是利用程序判断浏览者使用设备的分辨率来调取相应的CSS文件,使用最有效的栅格系统排版方式来调整版式排列,通过规范的矩形区块进行内容的组合。这种网站版式风格去掉了浮华的效果和随意的结构,也是现代市场上出现的网站大部分都很规矩的原因。技术的进步与变化,对设计的影响非常直接。第二,色彩。网站的色彩是基于显示设备进行展示,因此,设计文件一定是RGB的色彩模式。显示设备呈现的颜色比印刷色彩要明亮很多,因此,在网站色彩搭配时不适合使用大面积纯度过高的色彩。所以,学生在进行网站色彩学习的时候,不能仅仅依据之前课程的设计原理进行设计,也要考虑技术特点与设备特点等综合因素。第三,字体设计。字体的正确使用有利于程序开发,也有利于界面设计的效果展示。例如,正文字体一般不会使用特殊字体,而是普遍使用系统自带字体。如果要使用特殊字体,那么就需要做成图片或者在程序端进行相应的设置。所以为了更高效的开发,设计人员需要了解怎么使用特殊字体,什么情况下尽量不使用特殊字体。第四,交互方式。早期的复杂交互都是通过Flas等方式进行,如今使用HTML5的动画功能结合CSS,JavaScript进行复杂的动画、效果表现,交互制作的人员已经从设计人员变为前台开发人员。设计师虽然不需要直接制作交互动画,但是也需要对交互动画和网站动态展示技术进行了解,才能更好地配合程序人员完美、高效地呈现动态效果。例如,原来的分页功能现在普遍都展示为“瀑布流”的展示方式,因此在设计上就需要进行微调。
2.艺术专业网站设计课程教学内容的一些建议
第一,教师个人能力是影响教学质量的一个重要因素。
从事网站设计教学的教师最好是熟悉网络技术知识的设计专业教师,纯粹的计算机专业教师在技术授课中很难有效讲解技术对设计的影响。在联合教学中,除非有相关合作经验的技术人员,否则单纯讲解技术并不能解决为设计服务的教学目的。相对来讲,从艺术学院自身的教师队伍中,挑选个别有天赋的教师强化相关的技术培训是比较容易实现的方式之一。不过,从学习时间和针对艺术生培养方向考虑,设计教师的技术培训一定要选好培训的技术范围和深度,建议以浏览器等前台基础语言为主进行学习,并深入理解网站建设的各个环节及原理,最好使教师有完成完整项目的经验。
第二,一定要明确艺术专业网站设计课程的教学目的。
对于艺术院校来讲,网站设计课程中技术的讲解最终还是为设计服务,艺术专业培养的学生最终应该是一个设计能力出色、懂技术、能跟团队配合的人才,而不是培养一个前台程序员或者一个只会纸上谈兵的设计师。因此,艺术院校的学生要掌握技术原理与基础方法,并能够为设计服务。第三,在教学时间有限的情况下,合理分配设计教学时间与技术教学时间。建议可以先进行技术教学,然后在学生对网站建设过程有一定了解的基础上,指导学生如何运用设计原理,在讲解技术的过程中也可以时刻渗透设计内容。具体在一门课程中按什么比例进行时间分配得依据学生的基础和对于两种知识的掌握速度。第四,技术授课内容要有取舍。网站建设技术范围非常广,前后台程序、网站优化、后期维护等方面涉及范围和语言非常繁杂。所以,教师授课内容不建议面面俱到,或者过于深入讲解,应该把重点放到与界面设计联系更加直接、相对简单的前台程序语言上。例如,讲解HTML、CSS,让学生理解设计对前台程序的影响,也让学生动手编写前台程序以加深认识设计过程中的注意事项。这样针对数学和计算机基础薄弱的艺术类学生,只要讲解清晰,也能让学生比较快速地掌握。如果授课时间充裕或者学生接受能力较强,可以根据教师能力和学生兴趣进行适当深入讲解。学习Dreamweaver软件时不要把全部重点放在软件本身的讲解上,可以把该软件作为前台程序的操作平台。第五,学生应该理解网站从设计到实现的整个流程。除了前台程序,尽量要让学生理解网站从策划到最终上线的过程与方法和所涉及的基础知识。如果有条件,最好让学生亲自进行一下网站建设过程中非设计的一些操作。在教学方法上,可以结合项目教学方法,作为教师一言堂的补充,并且让学生动手操作一些基础的网络设置,理解平时常接触的网站一般是如何实现的。让学生不但知道怎么进行设计,还要知道设计前与设计后的步骤,这样在今后的过程中才能更好地参与网站建设的过程。结语网站设计既离不开传统平面设计的基础,又与程序开发技术、显示设备等有重要的关联。想要学好网站设计必须要学习很多方向的内容,从设备、网络技术、设计原理、交互方式等方面深入理解、学习才能成为一个优秀的网站设计师。现阶段很多学生都是在进入社会工作之后才逐渐真正地理解网站的相关知识,这时再想学习一些深入的技术,由于时间、精力等多方面原因导致更加困难。所以,作为艺术类本科教育应该重视学生设计能力的培养,也要让学生掌握技术原理,在学生步入工作之前培养学生的综合能力。“知其所以然”才能让学生更专业地放手设计。在理解技术原理的同时,对设计有更深刻的认识,才应该是艺术专业网站设计课程的教学目的。通过对艺术与技术教学内容的合理分配,让学生成为一个精通设计、理解技术,能进行合作开发的专业人才。
参考文献:
1.李涛,王伊蕾.《网页设计与制作》课程教学改革初探.时代教育,2015.9
2.郭恒川,李方方.网站设计课程教学方法改革创新.黑龙江教育(高教研究与评估),2014.5
3.魏容.高等院校网络媒体专业网页设计课程模块化教学探索.美术教育研究,2016.15
4.陈燚,王水花,张煜东.网站设计课程内容优化探讨.电脑知识与技术,2016
[关键词]网站立项 系统分析 系统设计 网站测试 网站维护
一、引言
网络技术的不断成熟和发展,促进了基于网络技术的校园网站的发展。校园网站开发是一项很复杂的工作,我校根据学校实际,确定网站的定位和需求,从软件工程的角度出发,针对学校网站建设的特点和重点,整理出一套适合学校网站建设管理和控制的方法,以此来保证网站建设的高效率、高质量。
二、网站立项
校园网站建设,要成立一个专门的项目小组:学校领导、学校网络管理员、美术教师、各科室人员、计算机专业教师等8人~9人以及“计算机学会”社团学生代表5人组成,由网络管理员作为项目负责人负责对该项目的统一调度和安排。
三、网站设计开发过程
(一)系统分析阶段
建立一个网站,首要明确设计思想,编写一份详尽的需求说明书,这是网站建设成功的关键所在。
我校根据各方面的反馈意见进行认真的分析,对网站设计进行准确定位:学校网站规划要着重考虑教师和学生的需求;内容上要以学校整体宣传为主,同时也要为访问者提供其所关心的内容;内容要求及时更新;版面要求新颖有特色,同时还要增强网站的方便性、整体性和安全性。
(二)系统设计阶段
1.网站总体设计
网站设计有了一份详尽的需求说明书后,就可以根据需求说明书,对网站进行总体规划,给出一份网站总体建设方案。总体规划具体要明确网站需要实现的目的和目标;网站形象说明;网站的栏目版块和结构;网站内容的安排,相互链接关系;使用软件、硬件和技术分析说明;开发时间进度表;维护方案;制作费用;需要遵循的规则和标准有哪些等。
2.网站详细设计
总体设计阶段以比较抽象概括的方式提出解决问题的办法,具体设计阶段的任务就是把解决方法具体化、明确化,设计中应注意的问题有:
(1)网站设计的风格定位。网站要有自己的特色,设计中不要太多地考虑技术问题,而应该更多地考虑不断增加网站的内涵,要在能够动态反映学校情况的内容上下功夫。
(2)网站设计的整体性。网站设计,注意考虑网站的易维护性,技术上多采用C S S、模板等,对网站的整体风格进行定位,方便日常维护与更新。
(3)关键技术的研究及应用。网站设计中,怎样防黑,保护网站内容不被别人窃取、修改是网站建设必须考虑的技术性问题。本人主要从IIS、ASP和Access三方面来总结网站系统面临的常见的安全威胁及解决方法。
①集中管理ASP的目录,设置访问权限。在设置WEB站点时,将HTMI文件同ASP文件分开放置在不同的目录下,然后将HTML子目录设置为“读”;将ASP子目录设置为“执行”。
②对IIS中的特殊Web目录禁止匿名访问并限制IP地址。对IIS中的sample、scripts、iisadmin等web目录,通过各目录属性对话框中的“目录安全性”标签设置为禁止匿名访问并限制IP地址,并用NTFS的特性设置详细的安全权限,除了Administrator,其它帐号都应该设置为只读权限。
③防止Access数据库被下载。有效地防止数据库被下载的方法有:非常规命名法:为Access数据库文件取一个复杂的非常规名字,并把它放在几层目录下;使用ODBC数据源:在ASP程序设计中,如果有条件,应尽量使用ODBC数据源,不要把数据库名写在程序中。
④进行数据备份。运用FSO组件对Access数据库进行备份,以便在数据被破坏时进行快速恢复,尽可能多地挽回损失。
⑤对ASP页面进行加密。为了有效地防止ASP源代码泄露,可以对ASP页面进行加密。加密的方法一般有两种:一是使用组件技术将编程逻辑封装入DLL之中;二是使用微软的Script Encoder对ASP页面进行加密。
⑥后台用户注册验证。为了防止后台用户未经注册的用户绕过注册界面直接进入应用系统,我们采用Session对象进行注册验证:
‘读取使用者所输入的用户名和密码
Password = Request(“Password”)
IfUserID “hrmis” Or Password “password” Then
Response.Write“用户名错误!”
Response.End
End If
‘将Session对象设置为通过验证状态
Session(“Passed”) = True %>
进入应用程序后,首先进行验证:
If Not Session(“Passed”) Then Response.Redirect“Login.asp”
End If %>
⑦让学生参与网站设计。优秀学生参与设计,无论对丰富网站内容、提高学校网站的点击率还是扩大学校网站的影响都能起到相当大的作用。
(三)网站测试
有了网站的具体设计方案,各网站制作人员就可以全力进入开发阶段。尽量采用边制作边调试,即采用本机调试和上传服务器调试的方法,观察速度、兼容性、交互性等。
投入运行之前,需对网站需求分析、系统分析、设计规格说明和编码最终复审,还要对系统进行各种综合测试。测试结束后,制作有关文档存档,并写出一个校园网站使用说明文档。至此,网站项目建设完毕。
(四)网站的管理和更新
做好网站的管理与更新,是一个网站树立形象的根本、生存的根本。我校专门成立了安全组织机构,制定出适合我校的《校园网站管理办法》、《校园网站信息审核制度》、《校园网站异常情况案件报告制度》等规定,建立健全了各项安全管理制度。
四、结论
我校网站已经试运行一段时间,为学校的教师、学生和教学管理人员提供教学管理、教学研究、日常办公、信息交流等应用服务的平台,较好地满足了设计最初的需求。在整个设计网站的过程中,重视学校网站的“规划—设计—管理—发展”的规律,实现可持续性发展。
参考文献
[1]田原.高职院校校园网站主页设计探讨[J].十堰职业技术学院学报,2007,(7).
[2]方照.立足校本,探索校园网建设之路[J].教育信息技术,2007,(12).
[3]田建勇.浅析学校网站的设计与建设[J].安顺师范高等专科学校学报,2006,(6).
[4]侯占伟,翟海霞.A S P代码厦网站安全的探讨[J].焦作大学学报,2005,(4).
1.以实际工作过程为主线
无论是课程内容的选取,还是教学内容的组织,始终围绕实际网站设计与制作工作的过程及内容,以实际工作流程为教学内容和教学组织顺序,将课程融于实际工作需求中,突出了技能和素质的培养。
2.工作任务的真实性
课程实训中提交给学生的实训企业资料,均是以来自于实践一线的真实业务为基础,经过校企双方精心组织挑选。要求学生完成网站调研、网站建设方案书的撰写、网站的设计与制作等,与实际网站设计与制作岗位的工作情况完全相同。因此通过完成相应的任务而让学生掌握的相关知识、操作方法和操作技能,真实地反映了网站设计与制作岗位的能力和素质需求。
3.“教学做”合一
在课程教学中以学生为主体的工作导向式教学,教学的主线是指导学生完成实际网站设计与制作业务操作与管理工作,引导学生通过实践来掌握操作方法和技能,通过操作来学习相关知识,从而将教、学、做有机地结合,突出教学的职业性、实践性特点。通过以上教学模式的创新,成功地将网站设计与制作岗位搬上了课堂,从而真正做到让学生通过该课程树立企业网络形象观念,掌握网站设计与制作工作的基本流程、步骤、内容及操作方法,具备独立完成一个小型企业的网站设计与制作工作的能力。
二、课程教学方法和手段
在课程教学中灵活运用了多种教学方法和手段,增强了学生学习的兴趣,提高了学生学习的主动性和积极性。
1.教学方法的选择和使用
结合课程的性质和要求,我们采用了案例教学法、任务驱动法、角色扮演法、现场调研、仿真学习和作品展示法开展教学活动。
(1)案例教学法
在教学中,我们与企业合作,由企业提供典型的网站设计与制作案例。在具体的教学活动中,通过组织学生进行问题分析、相互解答和自由互辩,再由教师和企业兼职教师共同引导,由此掌握不同类型网站建设的方法和技巧。
(2)任务驱动法
在教学过程中,基于资讯、决策、计划、实施、检查、评估六步法,我们组织学生每6人成立一个虚拟的网站建设公司,设置各工作岗位,包括美工、程序等真实岗位,并在内部实现轮岗交替,让学生能够在教师的指导下按照真实工作任务的要求完成每个学习情境的学习任务。
(3)角色扮演法
学生在虚拟网站企业中分别扮演网站设计师、程序员、网站美工、汇报人等不同的角色,在不同的学习情境中进行角色转换,使学生在情境模拟、循环和反复的过程中,加深对网站设计与制作工作任务的理解,提升操作与管理能力。
(4)现场调研
根据学习的需要我们安排学生分小组进入真实企业进行现场调研,或者邀请企业兼职教师进校讲解分析,学生根据调研得出网站建设的目标,完成网站建设方案书,设计并制作网站,提升学生吃苦耐劳、团队协作、沟通交流等素质。
(5)仿真学习
电子商务专业配有仿真实训室和创业实训室,实训室配以公司真实的经营环境,为学生提供真实的电子商务企业经营的过程。学生可以通过组成公司,以轮岗分流、小组间对抗等方式,获得电子商务企业经营的宝贵经验。每个学习任务在实训室实现仿真训练,学习内容、学习过程、学习环境均与实际工作保持一致。
(6)作品展示法
在教学中组织学生欣赏往届学生的作品,激赏学生的学习兴趣,并在任务进行到一定的程度时,举办班上同学的作品展示,让班上同学相互欣赏、由企业兼职教师讨论并分析作品的优点和不足之处。通过作品展示法,学生可以通过对比,了解自己作品的优点和不足之处,同时加强了网站评估的能力。
2.教学手段
针对如何有效开展教学活动,我们采用了校企联合授课、举办专题讲座、通过多媒体化、信息化、网络化组织教学和通过举办技能竞赛开展教学。
(1)校企联合授课
课程实行“双课程组负责人”制,企业专家与校内专职教师共同担任课程开发的负责人。企业专家参与课程的开发设计并承担学习任务设计工作,企业人员担任指导教师参与实践学习,学时比例达50%以上,课程组专兼职教师比例为1∶1。此外,由于网站设计与制作工作涉及到Photoshop广告设计、网页设计与制作、数据库等多方面的知识与技能的学习和运用,本课程整合校内外教学资源,采取校企联合授课的形式组织教学,受到学生好评。
(2)举办专题讲座
教学中定期邀请企业专家为学生开展专题讲座,向学生讲解职业生涯中的精彩案例,通过分享经验、带来新鲜的工作任务,提高学生对网站设计与制作工作岗位的了解和热爱。
(3)多媒体化、信息化、网络化教学
教学中利用实训室,让学生在仿真的职场环境中实践。同时,我们在校园网上建立了动态网站设计与制作课程的课程网站,上传了丰富的教学资源,包括:1)完备的教学文件,包括教学大纲、任务单、实训教材、电子教案等。2)教材中配套练习题及参考答案,理论及实务考试样题、参考答案,以满足不同层次学生的自主学习需求。3)辅助教学资源,包括与本课程有关的以音频、视频、文档等多种形式表现的教学辅助资料,如网站设计与制作、网页特效技能操作的示范录像、电子商务相关的从业资格考试的近期考试信息等。4)课程剖析,包括课程的定位、课程设计理念与思路、教学内容及组织、教学方法手段等。5)教学展示,包括主讲教师的相关资料、各界对课程评价、工学结合的项目作品等。学生还可以通过课程网站自主学习。学生可以在实地调研之后,利用网络辅助查找未了解的资料,完成资讯、计划等环节,提高学生学习的自主性和效率。
(4)技能竞赛
将行业技能竞赛和专业技能竞赛纳入素质拓展平台,以赛促学极大地提高了学生的学习积极性,通过举办主题网站设计等比赛,加深了学生对专业的认识,提高了学生对知识的理解和对技能熟练度的操作,另外,通过鼓励学生积极参加全国电子商务专业大赛,增强了学生的应变能力和创新能力。
三、实施中的反思和总结
在这几年的教学过程中,笔者发现以上教学方法和手段,虽然很多课程都在提倡或是已经在教学中使用,但不同的课程都具有各自的课程特色,同样的教学方法,在具体实施过程中可以产生出不同的具体实施手段,让其发挥出更大的功效。例如:
1.校本教材的编订和使用
校本教材的编订和使用,对课程改革成果的冲击是巨大的和显著的。以笔者的亲身感受来讲,与企业共同编订的校本教材,加上配套使用的任务单,是针对学校现状、学生实际情况编订出来的,因此工作过程更加符合实际情况,也更加具有工作过程系统化的特色。通过任务单来引导工作过程,配合校本教材中的知识点和技能点,更加有利于学生进行系统化学习。
2.小组学习讨论法和二人搭档检查法相互配合使用
在学习过程中,我们需要组织学生分成小组进行问题的讨论和解决,这主要是为了锻炼学生分析问题、解决问题的能力,以及增进团队协作意识。但是小组学习讨论法的缺点便是不能完全做到点对点交流,个别人容易产生怠倦的情绪,甚至有人“滥竽充数”。在这些年的教学过程中,针对动态网站设计与制作课程笔者发现,课程因为需要进行程序编写和调试,大量的代码容易让人产生视觉疲劳,因此许多学生在课程中容易产生眼酸、眼疲劳等情况,加之程序代码枯燥无味、人与人之间缺少交流,许多学生容易产生学习疲劳。另外小组长个人工作压力大,很难督促全组人员的学习进度,不能保证学习质量和学习效果,因此单纯的小组学习讨论法并不能有效地推动全班的学习进度。针对这种情况,笔者尝试让每位同学都在另一个小组寻找一位搭档,两人相互共同学习和检查。学习过程中,每个小任务在指定的时间内,先由自已独立思考和完成,然后搭档双方都交换位置,由搭档来检查对方的完成情况并进行纠错,这种方法一方面学生让起立活动了筋骨,另一方面由他人的视角来检查问题往往更加能够一针见血,效果加倍。同时,一对一的搭档学习即保证了学习质量,也增进了同学之间的友谊。此外,这种搭档学习方法能够减轻小组长的工作压力,不论是学习、检查和评价,两人的双向交流都是及时的、认真的和有成效的。在动态网站设计与制作课程中,小组学习讨论法和二人搭档检查法是卓有成效的。
3.合理的设计知识归纳和总结
在教学活动中要培养学生知识归纳和总结的习惯,是必不可少的。在《动态网站设计与制作》课程的学习任务中,每个情境都设计了对应的小任务,每次任务在检查和评价之后,由教师或是小组长带领同学先进行本次任务的知识归纳,总结学到的知识和技能,再进行本次任务的感受总结,例如任务中是因为粗心打错字符而导致程序调试失败等原因,最后是教师对学生在本次任务中的表现进行评价。通过每次任务都进行相应的知识归纳和总结,有效地对学生的知识做了系统化整理,并加深了对知识和技能的理解。
四、结语
>> 基于Web的技术的网站设计 基于的博客网站设计研究 基于技术的网站群系统设计 基于的报社网站设计 基于平台的中小型电子商务网站的设计与研究 基于ASP的购物网站设计 基于的市级气象服务平台(网站)开发建设 基于平台的安全网站编程技术 基于的仓储系统 基于的精品课程网站的设计与研究 浅淡基于的网站CMS新闻管理模块的设计与实现 基于的船员远程自主学习培训网站的设计 基于的C语言课程学习网站的设计与实现 基于的精品课程网站的设计和实现 基于的《计算机应用基础》课程网站的设计 基于的交互式动态企业网站设计分析 基于页面模板与技术的信息网站设计与实现 基于的精品课程网站设计与开发① 基于的数字图书馆网站设计与实现 基于技术的网站开发架构设计 常见问题解答 当前所在位置:lEncode(txtuserpwd.Text),"md5");
验证码是一种防范Cookie数据自动保存而引起的凭据被截取技术,从自己服务器发起的表单进行验证便可解决这一漏洞,随机产生的验证码和文本框比较来实现,关于产生图片验证码的技术源码网络上的资源有很多,大家可以进行自由下载参考。
7数据库访问技术
1)作为网页与数据库访问的接口,提供强有力的对象支持,在实现过程中,我们可以基于以下两种策略来实现。一种策略是连接对象Connection(指定数据库信息)、命令对象Command(查询、添加、修改、删除)、数据读取对象DataReader(执行操作后的临时数据表,给应用程序提供执行操作后的结果);一种策略是连接对象Connection、数据适配器对象DataAdaper(负责数据的传输)、数据集对象DataSet(临时数据库,保存执行后的临时数据,供应用程序访问)。
2)从vs2005以后版本的.NET开发平台,增加了使用数据源直接操作数据库的功能,省去了连接的过程和临时数据操作。
3)数据批量导入,借助文件上传控件导入EXCEL文件,借助实现数据的导入,借助GridView控件进行数据的显示,最后使用For循环实现数据的添加。
①文件的导入:filepath = Server.MapPath("~\\MSadmin\\") + "excel.xls";FileUpload1.SaveAs(filepath);
GridView1.DataSource = CreateDataSource();
②借助实现数据的导入,即CreateDataSource()方法实现数据的连接,数据适配器的设置,生成的数据集对象作为函数的返回值,以绑定到GridView控件中。
③通过For循环将GridView中的数据进行读取并写入到数据库中。
4)数据批量导出,借助于Gridview将查询的结果先进行显示,然后将表格中的数据进行导出到EXCEL中,关键代码为:
Response.AppendHeader("Content-Disposition","attachment;filename=" + HttpUtility.UrlEncode("表名.xls",Encoding.UTF8).ToString());
8 结论
通过一个实际的网站案例,从网站布局设计到网站安全防范、网站技术实现,本文给出了一个概要框架,限于篇幅的原因,很多技术细节没有体现;当然,网站开发技术还有很多,本人也在学习过程中,论文所列观点与技术点仅供参考,不恰当之处还请阅读者多多指教。
参考文献:
[1]孙守强.“基于平台的安全网站编程技术”.电子技术与软件工程,2015.6.
基于Matlab的移动通信网站设计,应用DCMST、线性规划、图论等方法,依次建成费用最小生成树、稳定度约束模型、然后合理设计算方法,然后利用Netdraw、Matlab等数据软件,分析网站稳定性计算设计费用,综合分析这两方面。这个设计能够合理运用算法,循序渐进,能够合理有序地解决复杂最小路径问题,利用数据软件抽象出具体布局,使移动通信网站设计更加直观。现在移动通信网络已经非常普及,所以对于移动通信网站的设计就显的十分热门。
关键词:
移动通信网站设计;Matlab线性规划;计算方法
1移动通信网站模型的建立
1.1设计思路想要建立最优网站模型,首要问题是计算网站设计成本对于网站最终形态的影响。例如:需要建立一个拥有80个结点的移动通信网络,该网站需要在这80个节点间建立通信线路,实现数据的传输。结点距离,建立线路单位距离的费用是已知的。那么计算这个网站的总铺设费用的问题就能够转化为计算一个最短路径成本的问题,这个最短路径必须保证网站的连通性。结点距离已知,那么可以构造矩阵来进行计算,矩阵内第i行第j列的元素值即为第i个结点到第j个结点的距离。
1.2基本假设假设:①网站设计成本只与网站大小和单位网站费用有关。②通信网站内的各个结点重要性是相同的。③各结点之间的相互连接是等可能的。④结点之间的相互连接不受限制。⑤结点只存在正常与失效两种状态且是失效概率相同。
1.3设计算法问题:求能够保证网络连通性的最短最省的方案。算法:①构建结点与相应路径的矩阵;②标记元素;③构造函数mark来判断j点是否已经被标记;④将和当前标记所有的元素附近的权重最小边进行索引;⑤用三元组表示最小生成树;⑥分步表示每个结点和结点之间的权值;⑦利用MATLAB计算得到最小生成树的总权值。
2全面考虑网站可靠性和成本
2.1改善设计为提高通信线路稳定性,综合考虑两条线路同时出现故障是小概率事件,此处增加度的约束。因此只要结点度数大于等于2,就可以满足线路稳定性要求。
2.2优化模型首先计算出度为1的结点补图,对于每个度为1的结点,寻找和它距离最近的结点,建立路径。则可以在上述方程中加入约束12njixij综合考虑上述问题,应用稳定性度约束可以求解多个目标的综合模型能够在线路稳定性、网络流量、铺设成本之间寻找平衡。这样的算法有比较好的收敛性和适应效果。建立的模型也会有更好的参考价值,是比较好的建立网站的方案,利用MATLAB可以求出总费用。这样才能够充分利用网站投入成本,合理分配资金,将更多的投入花在合适的方面。
3通信网站可靠性分析
3.1网站可靠性定义对于网站可靠性这个概念,一般情况下可以理解成:在自然或者人为的破坏下,通信网站在规定的条件下,规定的时间内完成规定功能的能力。在移动通信网站能够满足通信网络上层业务和网络延迟的要求下,本文通过考察各个网络节点间最小路径,对于通信网络的可靠性进行了评估,同时进行了模拟仿真设计。
3.2设计依据研究显示,保护“核心节点”在保证网站可靠性方面就显的尤为重要。对于“核心节点”的确定就显得尤为重要,假如确定的不合理,将会导致整个网站可靠性的降低,同时,如果确定方法得当,就能大大提高网站可靠性,对于以后的网站运营起到极大积极作用。
4移动通信网络的优化
移动通信网络可以在运营的过程中进行持续优化。网络的优化也是整个网络设计过程中不可或缺的部分。优化网络的的方法有很多。按照优化目标分类可以分为:容量优化、质量优化、覆盖优化等等;按照优化范围可以分为:系统级优化、单小区优化、小区簇优化和核心网络优化。按照优化方法可以分为:资源优化、参数优化、硬件系统优化、算法优化、网络结构优化等。
5移动通信网络模型推广
根据本文设计的模型,能够在保证节点数量不变的条件下,随意改变结点之间的信息,运用这个模型,一样可以求得最少费用,并且对于计算公式不需要进行太多改动,也不需要人为地对计算结果进行修改。在解决上述问题时,DCMST问题看似极其简单,但是这类问题在本质上是非常困难的优化组合问题,求解这个问题的困难程度和度约束以及连接性态有关。本文提到的度约束最小树问题算法是一种很有效的启发算法,当问题规模变大时,可以运用这种算法简化问题。
参考文献:
[1]武洁.保障网络可靠性指标研究[D].中国人民国防科学技术大学,2003.
(大连海洋大学 外国语学院,辽宁 大连 116023)
摘 要:本研究旨在探讨不同界别的中国和英国网站所体现的文化价值观差异。近年来,一些研究人员已经开始研究网站设计文化差异,但大多数研究都集中在美国网站和日本网站的对比上,认为美国文化代表西方文化,而日本人的文化一直是亚洲文化的主要着力点。本研究旨在填补这一空白,专注于中国和英国网站之间的比较。它通过使用Hofstede的个人主义/集体主义维度、权力距离文化维度,和霍尔的高/低语境文化维度,并通过分析如何在中国和英国的网站上体现这些文化价值。对网站的内容分析表明中国和英国网站价值观有相当大的文化差异。
关键词 :文化;网站;设计;霍夫斯泰德;霍尔
中图分类号:TP393文献标识码:A文章编号:1673-260X(2015)03-0021-03
基金项目:辽宁省社科基金规划项目阶段性研究成果(L11DYY037)
1 引言
根据互联网世界统计的最新的互联网用户的统计数据(2008年),有超过12.6亿人上网。其中互联网用户的主要语言是英语(30.01%),其次是汉语(14.7%),日语 (6.9%),西班牙语(9%),德语(4.9%),韩语(2.7%)和阿拉伯语(3.7%)。在同一时间,亚洲语言的用户占有37%的最大份额,其次是欧洲(27%),北美(19%),拉丁美洲(10%)和非洲,中东和大洋洲/澳大利亚。
跨国互联网用户的日益增长需要我们进一步了解不同文化背景电子商务网站是否存在跨文化差异(Cyr & TrevorSmith, 2004)。在一定程度上,文化维度的使用可以用来识别网站差异,进而了解文化维度如何影响对网站设计。
很多研究者已经进行了网站设计和文化之间的关系研究。Marcus & Gould (2000)通过使用Hofstede的文化维度,对全球不同国家网站用户界面设计进行了文化研究。同样,Wurtz(2005)采用高/低语境维度,分析了在全世界各国的麦当劳网站不同文化适应特征。Sing and Baack (2004)进行了进一步的研究,通过内容分析,比较了美国和墨西哥的网站。除此之外,Lo(2005)分析了文化对中国和美国的电子商务网站设计的影响。
本研究遵循同样的方式,但重点讨论英国和中国网站设计的文化差异。其次,本研究采用霍夫斯泰德(1984,1991)和霍尔(1976)文化层面的个人主义/集体主义,权力距离和高/低语境维度,来探讨这些文化价值如何在英国和中国的网站上加以体现。同时,通过对比同领域机构的两种不同文化网站,进一步明确网站之间的文化差异,以期回答是否有必要为适应特定文化设计不同的网站版本。
2 文化的定义和文化框架的选择
对文化的准确定义是复杂的(霍尔,1976),因为“文化”有很多意思(Abdullah, 2005)。不过对文化的定义已经有许多尝试,因此学者们产生数百条关于文化(Mead, 1998)的定义。然而,到目前为止,还没有标准的定义。但是,霍夫斯泰德(1984)的定义也许是最著名的,他对文化的定义建立在对民族群体之间的比较基础上。他将文化定义为:
文化是对心灵的集体编程,它是区分人类群体的依据,从这个意义上说,文化应该包括价值系统,并且认为价值观应该是文化的基石之一。
当前,最被广泛接受的框架分别是:Hall 1960; Hofstede 1991和Trompenaar 1993年的框架。当然,我们不能奢望通过借助上述的几个框架,帮助网站设计人员预想到每一个目标用户的文化特征。但是,既然上述几个框架考量的都是同样的文化现象,那么,我们就可以说,这些框架,不可避免的,会有一些概念上的相同点。因此,也可以说,对框架的选择,是一种妥协的产物。实际上,选择主要是基于两方面的考虑:操作的便利性和覆盖是否全面。除此之外,对框架的选择还要兼顾到网站设计者的实际需求。基于此,本文作者采用Hall 1960; Hofstede 1991年提出的研究框架。这一框架的另一个优势是它能够汇集并应用很多学者在该领域的研究贡献。
3 研究方法
3.1 网站内容分析
我们采用内容分析方法来分析和描绘中国和英国的网站文化价值观特征。在研究文化价值诉求方面,内容分析过程已经在市场营销和广告中被广泛使用(如Sing and Baack, 2004; Sing, Kumar & Baack 2005;Zahir, Dobing, & Hunter, 2002)。文献表明,一些研究还采用内容分析法来理解网络信息沟通传播,如Marcus and Gould (2000) and Sheridan (2001)。由于内容分析被认为是对价值观、行为规范和文化等元素进行技术分析的恰当的方法(Sing and Baack, 2004),因此被选定对中国和英国的网站文化价值进行描绘和分析。
在本文中,由于客观的原因,研究人员只对六个不同的网站进行了分析。这六个网站分属三个行业——旅游业,教育和银行网站。随后,个人主义,低权力距离(P/D)和低语境(L/C)的文化维度被应用来分析英国的网站。相反,集体主义,高权力距离(P/D)和高语境(H/C)维度被用来分析中国网站,因为它们与中国文化紧密相关。
3.2 文化维度的应用
3.2.1 权力距离
执行网站内容分析的第一个文化维度是Hofstede提出的权力距离。这个维度反映的是一种文化愿意接受权力区别的程度。根据霍夫斯泰德,中国是这个维度指数相对排名最高的之一,这意味着在中国人一般都愿意接受的不平等的权力,权力距离被认为是正常的。
对长辈的尊重体现多使用头衔和称谓。这种文化中,长辈被视为明智的长者,具有带头作用,是其他追随者的行为偶像(Abdullah, 2005)。在网站设计上,这个维度的特征具体表现为少突出显示客户和普通公民方面的信息,更多突出的是权威的角色,公司重要的人物,和公司的组织结构图,官方认证标志或图像被显著突出。此外,特殊的头衔,所获奖项,公司的层次结构信息和权威的数字也被用来显示尊重。
中国大学的网站对这一独特特征的运用是显而易见的。该网页的主页显示的是校长的照片和校长对学生所做的声明。此外,该网站的设计还突出到校长的信箱的链接。这些内容清楚地反映中国愿意接受权力距离产生的差异。相比之下,英国有一个低权力距离明显的国家。文化中的成员为权力平等分配而努力。这种特征体现在英国大学的网站,那里没有层次、阶层方面的特征,并且,网站设计的目的是在平等基础上,提供资讯给所有学生,职员和其他网站访问者。
3.2.2 个人主义与集体主义
霍夫斯泰德(1991)把中国位列为一个集体主义文化特征明显的国家。集体主义文化强调群体的凝聚力。生活在此文化特征背景下的个体,从出生开始,就受到集体的保护,以换取个体对集体的绝对的忠诚。从中国的角度来看,Abdullah总结如下:
中国人往往很关心他人,关注其他人的感觉和需求,以此促进集体的统一性,从而能以集团作为一个基本单元生存。这种以“我们”为导向的文化特征,会影响个体的行为,每个个体都需要“归属”和“融入”感。中国人一般喜欢“在一起”做事情,经常以“快乐家族”的形象示人。这个“我们”意识体现在中国职场经常是以工作组的方式,强调个人是集体的一部分,并且强调获得集体的认同(2005年)。霍夫斯泰德(1980)进一步指出,在集体主义社会,如中国,个人对组织和社会有一种情感上的依赖; 因此,人们需要使用论坛,或者俱乐部,在那里他们可以分享他们的看法,意见和情绪(Singh和Baack,2004年)。的确,在网站设计的范畴,这个维度得以充分体现,诸如描述社区关系,俱乐部和聊天室,新闻通讯,家庭主题,图片及民族身份的象征,而忠诚度计划的网站设计元素比比皆是。这些元素特征明显的是中国的旅游网站,如链接到社区,大型活动和集会的照片等设计元素被反复使用。
相比之下,英国是一个高度个人主义文化,这种文化,成员只注重个人需求,强调个性化的信念和目标,他们为自己着想,自己做决定和过自己的生活。这种文化特征可以反映在英国旅游网站中,在网站设计时,英国人不突出这些群体为导向链接的必要性,不太注重家庭的主题,事件,社区的联系和合作伙伴等设计元素。这一点和中国网站形成鲜明的对比。
3.2.3 高/低语境
如前面提到的,分析网站设计除了使用个人主义/集体主义维度外,还有一个普遍使用的维度,即:权力距离是高/低语境维度。根据人类学家爱德华?霍尔(1976),中国是一个一个高语境文化特征明显的国家,具体表现在,大部分的信息传播可以通过物理环境或内化于人的方式,而很少使用明确的编码。
在中国的文化中,在正式地建立贸易关系前,需要人和人之间建立起某种关系,通过建立的关系,从而明确相互之间应该履行的义务。在这种文化中,多使用适当的符号来强调保持良好的关系等特定的含义,如通过身体的姿势和一些其他的方式表达尊敬。由于偏好隐式和非口头沟通,符号象征在中国是非常重要的(Fink and Laupase,2000);而且,正式业务往来也很难和私生活分离开来,因为它们往往很好地融入了民族以关系为基础的(Abdullah,2005)的社会结构。
中国银行网站验证这一点,其中的网页布局依赖于细微差别、图片和其他非语言线索来区分,并通过建立人际关系来销售产品。相对于中国,英国更具有低语境文化特征,口头和书面沟通方式都是直接的,明确的。信息往往以直接的方式传达,具体、并且重点突出(Abdullah,2005),以确保听众准确地接受信息(Wurtz,2005)。因此,英国的网站,较少使用隐喻和图像,使用直接的办法来解释他们的特点和从其他竞争者的差异。(表2)
4 结论
本文旨在理解网站和他们的设计文化差异。研究的结果表明,目前,英国和中国网站之间存在文化价值差异,并且差异相当显著。
总的来说,这项研究说明了不同网站体现了不同的文化。它支持以往的研究,强调网站建设时需要适应不同的文化价值。然而,本文分析的网站数量不足以得出有意义的结论,来验证和确认Hofstede和霍尔的文化维度。因此,为了可以通过增加各个领域网站的研究数量,以得到更加有效的研究结果。
参考文献:
(1)Aoki, K。 (2000)。 Cultural differences in e-commerce: A comparison between the US and Japan。 Peer-Reviewed Journal of the Internet , 5 (11)。
(2)Burgmann, I。, Kitchen, J。, & Williams, R。 (2006)。 Does culture matter on the web?Marketing Intelligence and Planning , 24 (1), 62-67.
(3)Chai, L。, & Pavlou, P。 (2004)。 From "ancient" to "modern": A cross-cultural investigation of electronic adaptation in Greece and the United States。 The Journal of Enterprise Information Management , 17 (6), 416-423.
(4)Cho, B。, Kwon, U。, Gentry, J。 W。, Jun, S。, & Kropp, F。 (1999) Cultural values reflected in theme and execution: A comparative study of U。S and Korean television commercials。 Journal of Advertising , 28 (4), 59-73.
(5)Cyr, D。, & Trevor-Smith, H。 (2004)。 Localization of web design: An empirical comparison of German, Japan, and United States website characteristics。 Journal of American Society for Information science and Technology , 55 (13), 1199-1208.
(6)Hall, E。 T。 (1976)。 Beyond culture。 New York: Doubleday。
(7)Hofstede, G。 (1991)。 Cultures and organizations: Software of the mind。 London:McGraw-Hill。
(8)Hofstede, G。 (1980)。 Culture’s consequences: International differences in work related values。 Newbury Park: Sage。
(9)Hofstede, G。 (1984)。 Culture’s consequences: International differences in work related values (Abridged ed。)。 Beverly Hills, CA: Sage。
(10)Hunter, M。 G。, & Beck, J。 (1997)。 A cross-cultural comparison of ’excellent’ systems analysts。 Information Systems Journal , 6 (4), 261-281.
(11)Internet World Stats。 (2008, January 4)。 Retrieved January 4, 2008, from Internet World Stats Web site: http://www。internetworldstats。com/stats7.htm。
(12)Jarvenpaa, S。, & Tractinsky, N。 (1999)。 Consumer trust in an internet store: A cross-cultural validation。 Journal of Computer-Mediated Communication , 5 (2)。
(13)Liu, C。, Marchewka, J。 T。, & Ku, C。 (2004)。 American and Taiwanese perceptions concerning privacy, trust, and behavioral intentions in electronic commerce。 Journal of Global Information Management , 12 (1), 18.
(14)Lo, B。 W。 (2005)。 Cultural impact on the design of e-commerce website: Part 1- site format and layout。 Issues in Information Systems, (2), 182-188.
(15)Marcus, A。, & Gould, E。 W。 (2000)。 Cultural dimensions and global web user interface design: What? So what? Now what? 6th International conference on human factors and the web。 Austin。
(16)Mead, R。 (1998)。 International management: Cross cultural dimensions。 Oxford: Blackwell。
(17)Sheridan, E。 F。 (2001)。 Cross-cultural website design: Considerations for developing and strategies for validating locale appropriate on-line content。 Multilingual Computing & Technology , 12 (7)。
(18)Sing, N。, & Baack, D。 (2004)。 Website adaptation: A cross-cultural comparison of U。S and Mexican websites。 Journal of Computer-Mediated Communication , 9 (4)。
(19)Sing, N。, & Kumar, V。 B。 (2005)。 Adaptation of cultural content: Evidence from B2C e-commerce firms。 European Journal of Marketing , 71-86.
(20)Sing, N。, Kumar, V。, & Baack, D。 (2005)。 Adaptation of cultural content: Evidence from B2C e-commerce firms。 European Journal of Marketing , 71-86.
(21)Wurtz, E。 (2005)。 A cross cultural analysis of websites from high-context and low-context cultures。 Journal of Computer-Mediated Communication , 11 (1)。
(22)Yap, A。, Das, J。, Burbridge, J。, & Cort, K。 (2006)。 A composite model for e-commerce diffusion: Integrating cultural and socio-economic dimensions to the dynamics of diffusion。 Journal of Global Information Management , 14 (3), 17-36.
(23)Zahir, S。, Dobing, B。, & Hunter, M。 (2002)。 Cross cultural dimensions of internet portals。
关键词:网站开发;技术;法律
中图分类号:TP393文献标识码:A文章编号:1009-3044(2012)17-4143-02
Exploration on the Related Issues on Website Development
HUANG Jian-long
(Yongjia County Teachers Training School,Wenzhou 3251000, China)
Abstract: In recent years, with the continuous development and wide spread of Internet technology, Internet has become an important way to access and send information. The generation of computer network makes a new development stage and also gets a lot of changes in the people’s lifestyle. Website plays the role of a media platform in computer network, people can obtain information on all aspects, so now the development and applications of website has become a concern from all walks of life. Nowadays, with more and more website development technologies come out, we need to choose suitable technology on the basis of functional design, the object, clicks and other factors. However, Web site development is not only a designed technical issue, there are also some legal and accounting issues behind the website worthy of our attention and consideration, in this paper, the design of website construction issues are discussed briefly.
Key words: website development; technology; law
在现代社会中,网络已经成为一种新型的信息传播途径与媒介,互联网诞生于上个世纪的六十年代,之后就以飞快的速度发展,遍布时间各个国家与地区,现在可以说是已经深入到社会的的各个角落,与人们生活密切相关。而在网络的发展过程中,网站也就显得越来越重要,它作为网络中给人们提供信息与服务的站点,是由一系列的用来展示特定内容的具体网页而构成,人们可以再创建好的网站中来获取信息,信息,也可以得到一些其他方面的服务与帮助,正因为如此,所以网站建设的研究工作才变的十分重要。
1网站的规划与设计
1.1什么是网站设计
网站设计简单来讲就是利用相关工具建设一些软件网站的表示过程,也就是在互联网上,依据相关的规则,采用一些专业的制作工具按照一些单位或个人的要求,去展示制定内容的一系列网页的集合。也可以把网站认为是一种新型的通讯工具,类似于大家常见的布告栏,人们可以利用网站来自己想要公开的资讯、信息,也可以利用网站来提供一些有关的网络服务。网站的使用者就可以通过浏览网页,来获取自己希望得到的资讯、信息或者去享受一些网络服务。一个网站的构成一般包括域名,网站源程和网站空间三个部分。网站设计首先就需要申请域名,域名就是相当于网上的门牌号码,是用来识别和定位互联网上计算机的层次结构的标识,它与该计算机的互联网协议地址是一一对应的。一般的网站设计都是设计师通过运用Front page或Dream weaver等一些专业的设计工具来进行编辑的,排版,最终组建网站。
1.2网站设计时一些需要注意的问题
摘要:该文使用UML建模技术和Rational统一过程技术,采用迭代设计的方法,针对虚拟试衣购物网系统的功能设计了具有
>> 基于购物网浏览与消费者购买行为关系的研究 基于ASP的购物网站设计 购物网会员端与管理端的分析与实现 X网络购物网的声誉机制分析 基于用户体验的购物网站界面设计研究 基于ASP的电子商务购物网站的设计与实现 基于MVC的在线购物网站设计与实现 购物网站与快递的供应链合作研究 大学城购物网站建设与经营研究 基于.NET技术的在线购物网站的设计 浅析购物网站的用户体验设计 3D虚拟购物与平面网购模式的比较研究 基于Virtools的3D虚拟试衣间设计与实现 三维服装设计与虚拟试衣 几大主流购物网消费者保护制度对比研究 卓越亚马逊购物网的产品差异化战略分析 商场中的虚拟试衣 基于购物网站的数据挖掘 女性购物网站的春天 购物网站用户体验研究要点及云向南微商城网站设计思路 常见问题解答 当前所在位置:l,2000.
[2] Volino P. Nadia Magnenat-Thalmann., Virtual clothing: theory and practice, Springer-Verlag Berlin Heidelberg, 2000.
[3] 刘柳斌,李际军.个性化服装款式三维设计与演示系统设计[J].计算机工程与科学,2008,30(1):52-55.
[4] 王湛,张辉.Eon Studio在三维服装展示中的应用[J].北京服装学院学报,2006(6):40-44.
[5] 高峰,董兰芳.网上3D试衣系统技术研究[J].计算机仿真,2006(6):209-212.
[6] 宋立霞,吴应良.基于3D技术的虚拟服饰营销模式[J].商场现代化,2007:205-206.
[7] 蒋家金,钱锋.E时尚虚拟网上试衣间的实现[J].杭州电子科技大学学报,2007(8).
[8] 刘军,金耀.基于VC 6.0和OpenGL的三维试衣系统研究[J].计算机应用研究,2008(12):3824-3825.
[关键词] 多媒体技术 网站 艺术设计
doi:10.3969/j.issn.1002-6916.2012.05.043
近几年来,计算机多媒体技术快速发展并走向成熟,在微机上就可以实现诸多传统模拟的数字化,使得视频、音频、图像、动画和图形文字一起在计算机中进行处理,因此,计算机所处理和表达的信息量急剧增加,从而为多媒体计算机在计算机辅助设计中的应用提供了可能性。计算机多媒体技术指计算机交互综合处理文本、图形、图像、声音、视频等多种媒体信息,使多种信息建立逻辑联系,集成为一个具体有交互性的系统。
1.多媒体技术的诠释
多媒体技术是将文字、图像、动画、视频、音乐、音效等数字资源通过编程方法整合在一个交互式的整体中,以图文并茂、生动活泼的动态形式表现出来,给人以很强的视觉冲击力,留下深刻印象。多媒体技术能够利用多种交互手段,使原本枯燥无味的播讲变成互动的双向信息交流。它极大地改变了人们获取信息的传统方法,符合人们在信息时代的阅读方式。
现代多媒体技术在艺术设计教学中的应用具有直观性、视觉冲击力强、信息量大的特点,它优化了艺术设计教学的教学方式,也有效地提高了学生的学习主动性和创新性,同时在很大程度上提升了教师自身的素质。利用多媒体技术可以制作生动、有趣的网页,[1]使得Internet上的浏览者留连忘返。到目前为止,在Internet上所能使用的多媒体可以说越来越广泛,从简单的GIF动画,3DVRML动画,广播站到电影文件几乎都可搬上Internet。网页设计的趋势越来越接近于一门艺术,而不仅仅是一项技术。网页的艺术设计是艺术与技术的高度统一,正日益被网站建设者和企业所注重。
多媒体的技术可以制作更生动、更活泼有趣的网页,随着网络技术的迅速发展和广泛应用,越来越多的公司和企业拥有了自己的网站,深刻体现出多媒体技术的重要性。
2.网站与艺术设计的关系
有了在虚拟空间宣传和推广产品的平台,通过它可以较为准确地表达企业内在的理念精神,体现企业内在的特有的形象。如何才能在竞争日益激烈的今天脱颖而出,吸引更多的访问用户呢?将现代多媒体技术应用到网站建设也许是一个不错的解决方法。
2.1网站艺术设计的释义
网页艺术设计包含视听元素与版式设计两项内容;以主题鲜明、形式与内容相统一、强调整体为设计原则;多媒体具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性五个特点。由于多媒体自身的互动性、娱乐性,自然会吸引浏览者的眼球,当然设计要有创意。
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”,网站设计也不例外,形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。内容决定形式,形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。商务网站在建设时,要明确企业网站的内容,确定采用什么样的形式,从而明确主题,利用多媒体技术围绕它们展开设计。例如,设计类的个人站点与商业站点性质不同,目的也不同,所以评论的标准也不同。[3]它的主题只有一个,就是美。而将音频、视觉完美融合的多媒体动画和影片能体现主题,清晰地传达这个站点的信息,表现了网站的艺术风格和别出心裁。一个好的多媒体网站设计不仅能吸引顾客的注意,而且能表达出这个产品或者服务的实质。为了能留住顾客,应该确定要有“跳跃信息”的连接。可以这样说,融合多媒体的网站设计就是网站信息加上图形、动画和声音等的一个集合。对于商务网站,要利用多媒体技术的优势,形象、具体、全方位地展现自己的商品与服务,这是传统、单一媒体无法实现的。
网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正的虚拟世界。
2.2艺术设计在网络中的限制
随着多媒体技术的不断发展,网络传输速度的不断提高,艺术性受技术的限制不断减低,艺术与技术会更好的结合。商务网站因多媒体技术的大量应用而独具魅力和眩目,但它的首要功能是作为交流的一个工具,一个平台,更确切地说它是一个用户与网站一个交互的界面。多媒体技术与艺术的紧密结合在网页艺术设计中的优势非常明显,而它们的发展将推动网站提升到更高的层次,会给公司企业的文化宣传、产品介绍、销售渠道带来更多的好处。而多媒体技术在网站上的应用也必将成为未来的发展方向,有着很广阔的前景。
艺术设计教育又是一项充满创造性的工作,作为艺术设计专业的教师,如何及时更新艺术教育观念,重新审视自己的教学方式,开发与利用课程资源,都是值得思考的问题。多媒体教学是指在教学过程中根据教学目标和教学对象的特点,通过教学设计,合理选择和运用现代教学媒体,[2]并与传统教学手段有机结合,以多种媒体信息作用于学生,形成合理的教学过程结构,达到最优化的教学效果。
3.网站设计和多媒体技术的结合
网站设计和多媒体技术,怎样才能结合好?更加贴近生活、贴近实际呢?网站设计服务于公司或企业,优秀的网页必然要围绕它们的主题和文化,就是说,什么样的网站,应该有什么样的设计。例如,设计类的个人站点与商业站点性质不同,目的也不同,所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样:首先,设计是为主题服务的;其次,设计是艺术和技术结合的产物,就是说,既要“美”,又要实现“功能”;最后,“美”和“功能”都是为了更好地表达主题。而大部分个人网站,可以只体现作者的设计思想,或者仅仅以设计出“美”的网页为目的。[4]它的主题只有一个,就是美。而将音频、视觉完美融合的多媒体动画和影片能体现主题,清晰地传达出来这个站点的信息,表现了网站的艺术风格和别出心裁。
一个好的多媒体网站设计不仅能吸引顾客的注意,而且能表达出这个产品或者服务的实质。为了能留住顾客,应该确定要有“跳跃信息”的连接。如果站点像烤番薯,那么多媒体设计就应该像黄油、干酪和酸乳。可以这样说,融合多媒体的网站设计就是网站信息加上图形、动画和声音等的一个集合。
网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正的虚拟世界。站点设计的主要目的是为了传播信息,将多媒体融入网站设计后给平淡的页面增添了不少生机与活力,[5]但同时也带来了不少问题。大量的多媒体站点设计需要花大量时间来下载,是否每个人都愿意坐下来花很多时间下载没多少信息的“多媒体的设计”?很多用户现在并没有很快的因特网连接速度,因此我们在设计多媒体时应尽量避免大图片、饱声音,在不影响基本品质的基础上尽可能地压缩文件的大小,使得客户端能更快地获取到多媒体流文件。同时要使多媒体本身从形式上获得良好的诱导力,鲜明地突出诉求主题,[6]具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性把握运用来达到。
4.结语
随着多媒体网站设计的出现和发展,多媒体网站设计的首要功能是作为交流的一个工具,一个平台,更确切地说它是一个用户与网站一个交互的界面。[6]多媒体技术与艺术的紧密结合在网页艺术设计中的优势非常明显,而它们的发展将推动网站提升到更高的层次和高度,相信会给公司企业的文化宣传、产品介绍、销售渠道带来更多的好处。而多媒体技术在网站上的应用也必将成为未来的发展方向,有着很广阔的前景。
参考文献
[1] 刘光然:多媒体技术与应用.人民邮电出版社,2005. 9
[2] 游泽清:多媒体画面艺术基础.高等教育出版社,2002.12
[3] 丁龙:现代教育技术基础.哈尔滨地图出版社,2004.12
[4] 肖冰:浅谈网页艺术设计[J].安阳师范学院学报,2005.5
[5] 王海燕,张正凯:.从审美角度浅谈网页艺术设计[J],2004.9
[6]网页艺术设计初探.省略/g204118b/
作者简介
1.专业网站策划人才
网站定位决定了网站策划思想的宽度和深度,网站客户决定了网站策划思维形式,网站页面和程序的实现决定了优秀网站策划思想的表现力,网站市场/销售再次验证网站策划水平的高低;如果需要深入并运用上句的思想,就必须具备市场、销售、和扎实技术于一身,这种复合性网站策划人才才能真正推动网站策划走向专业化。
2.人机工程学思想
人机工程学又称人机工效学(Ergonomics),是一门让技术人性化的科学,一门关于技术和人的协调关系的科学。即如何让技术的发展围绕人的需求来展开,把人作为产品和环境设计的出发点,使其性能、色彩等更好地适应和满足人类的生理和心理的需要,从而使人们在工作中更安全、便捷和舒适,工作效率更高。其研究方法和评价手段涉及心理学、生理学、医学、人体测量学、美学和工程技术等多个领域。
人机工程学已渗透至我们生活的每一个部分,例如:喝水的杯子,洗口的牙膏,使用的电脑等各方面,人机工程学更是利于产品销售的优化剂,那么我们从专业网站策划看,更需要人机工程学帮助我们使网站平台更容易推销给目标客户。
人机工程学将使网站在以下方面得到质的提升:
人性化:通过引导性文字语言、图形语言、个性互动等方式,使网站平台更利于客户浏览,以吸引并留住客户。
方便性:网站操作简便、易用,内容分布合理,符合客户的行为习惯。
逻辑性:整体网站策划流程符合客户心理,且在充分分析客户行业特征的基础上,建立网站内部功能之间的逻辑转换,让客户享受整个访问过程。
科学性:网站栏目策划、定位具备科学性,其既充分代表了网站的意图,又能充分调动访客继续点击,引导客户购买产品。
控制性:网站在建立客户行为权限控制方面,必须符合公司业务规则,根据不同的客户类型产生不同的权限。
交互性:建立异步沟通系统(帮助中心、留言板、操作指南…)方便客户与网站之间沟通;建立同步沟通系统(即时聊天、电话反馈)达到即时双向沟通目标。
界面友好性:心理学表明,适合的界面对于客户点击欲望的提升和印象指数的提升效果明显,网站界面是客户与网站交流的重要载体,在这点上网站策划师需要与网站设计师协作实现。但思想方法确保以下内容您做到了:
a、同样的界面对象是否具有一致性、连续性的行为?
b、各种提示信息是否简单、清晰?
c、色彩是否统一、协调?是否避免了同时使用太多的颜色?
d、文字内容是否简洁、重点突出?字体、字号、字型是否合适?
e、界面对象的动静处理是否得当?
f、布局是否合理、简洁、协调、美观,画面是否均衡等等?
3.文化理念全面渗透网站策划实战
网站竞争从技术竞争、平台竞争,以及现在的市场竞争,经过几年的发展,未来将上升至“文化竞争”的高度。从历史的角度来看,经济可以推动文化的发展,文化却能够决定经济、政治的走势。
从网站经营的角度来看,好的网站经营能够促使网站的客户不断的聚集、交流,逐步建立以网站或网站行业或网站性质为核心的文化;但网站或网络文化的建立却能够带动网站从量变至质变的转换,并且能够形成“马太效应”,对网站资本运作、市场运作、技术运作、人力资源运作等综合方面产生催化作用,使网站经营真正走向成功。
因此,高层面的网站竞争是文化的竞争,而形成文化网站品牌,专业网站策划必不可以,如何有效整合公司资源、客户资源,行业资源,形成文化,是网站策划人员需要思考、实践的难点。
4.系统网站策划理论
网站策划是一门有趣的学问,它涉及心理学、美学、人机工程学、工程技术、网络知识等多项学科,在国外,已逐渐有这方面的专业理论;在国内则没有,但随着中国高质量的网站竞争愈发激烈,从而加剧了网站策划的专业化进程。
5.网站策划的专业化导致网站设计风格整合
在国内许多谈及网站策划与网站设计的区别,许多人讲不出,主要是因为两者之间重叠的区域很多,网站策划需要考虑到思想如何通过设计、程序去体现,网站设计需要在充分理解网站策划思路的基础之上才能灵活设计。
随着网站策划的专业化进程加速,将使整体网站策划,网站设计,网站开发变得复杂,我们需要考虑到许多技术以外的市场、客户因素,因此,未来大型网站设计表现风格应该会有所整合,并走向:极至简约、个性十足两个方面。
关键词:政府网站 门户网站 网站设计 电子政务
前言
21世纪是信息时代,也是传统管理型政府向“以公民为中心”的服务型政府转变的阶段。在这一背景下,政府公共服务数字化、电子化已成为必然趋势。政府门户网站是电子政务建设的重要组成部分,是政府与社会公众之间联系的高速通道,受到世界各国政府的广泛重视。关于网站设计,国际知名的管理咨询、信息技术和外包服务公司埃森哲(Accenture)在其采用的电子政务评估标准中认为,网络(networks)这一指标主要衡量政府部门所提供的服务和传递渠道与其他组织的集成程度,能否通过各种增值服务提高政府工作效率[1]。由此可见网站设计的重要性。
受《2005年中国政府网站绩效评估报告》[2]的启发,上海政法学院公共行政管理专业0532班同学成立了调查小组,以该报告“2006年地市级和县级政府网站绩效评估指标”为评分依据,于2006年9月7日至12月6日对上海各区县政府门户网站进行了两次调查,调查采用网络采集数据法,即通过直接登录上海市19个区县政府门户网站,根据“评估指标”,逐项打分得出评估结果。
下文在2006年上海区县政府门户网站调研报告的基础上完成,力图深入剖析区县政府门户网站设计中存在的问题,并提出建议,为政府门户网站今后的发展出谋划策。
一、网站设计部分调研说明
⒈评价指标介绍
《2005年中国政府网站绩效评估报告》的“网站设计”模块分为页面展示、辅助功能、网站维护3小部分,共10个指标,其具体要求和分值如下:
⑴页面展示(3分)
个性设计(1分):突出地方特色,个性化、创新的设计页面和栏目;
首页布局(1分):首页栏目、内容、布局的合理性;
层级设置(0.5分):内容层级的复杂度,能否少于三次点击即可访问内容;
页面效果(0.5分):页面是否美观、大方、简洁、庄重。
⑵辅助功能(2.5分)
搜索功能(0.5分):搜索引擎的功能;
使用帮助(0.5分):重要服务和栏目是否能够提供使用说明;
评比统计(0.5分):访问量、使用情况的统计与评比;
导航链接(0.5分):链接,上下级单位网站导航;
定制功能(0.5分):是否支持定制功能或发送电子刊物。
⑶网站维护(0.5分)
联系方式(0.5分):是否提供网站维护单位及联系方式。
⒉各区县政府门户网站“网站设计”情况
调查发现,各区县政府门户网站在“网站设计”方面的总体情况较好,得分均较高。在这些指标中,做得相对较好的几个指标分别是导航链接、联系方式和页面效果;做得相对较差的几个指标分别是使用帮助、个性设计、搜索功能和评比统计。而个性设计、首页布局、层级设置和页面效果这四个指标的评价有一定的主观性,因此对其评价有待进一步探讨。
二、存在的主要问题
⒈各区县网站的搜索引擎功能亟待完善
此问题涉及到搜索引擎的功能,搜索引擎是用户在网上查找信息最便捷的途径,目前上海市各区县政府门户网站的搜索功能还没有达到最佳搜索效果,各区县搜索引擎的建设情况参差不齐。各区县网站使用的检索方式各不相同,有的使用全文检索、标题检索,有的使用高级检索,还有的使用的则是站内搜索和网站群搜索;搜索引擎的使用方法也各不相同,使得到不同政府网站上查找信息的人们深感操作不便。
⑴检索功能
按照检索功能来分,政府网站上的搜索引擎可分为全文检索、标题检索和高级检索三种。全文检索是指检索在文章全文(包括文章全部内容)中出现检索词的网页;标题检索是指检索在文章标题中出现检索词的网页;高级检索是指通过逻辑关系的组合进行的快速查询方式,逻辑关系有“与、或、非”,该检索方式的优点是查询结果冗余少,命中率高[3]。
目前,各区县的门户网站中,只有浦东新区、金山区、静安区、嘉定区、崇明县、奉贤区、青浦区、宝山区、虹口区的门户网站有高级检索功能。其中,比较特别的是虹口区网站的搜索,它只有在二次检索时才能使用高级检索。另外,长宁区等一些区县的网站检索,将全文检索和标题检索分类进行,也是不错的做法。但也有如闸北区等一些区县网站的搜索引擎却只有全文检索,这样就会造成检索的查准率较低。
⑵检索范围
搜索引擎的检索范围有站内搜索和网站群搜索两种,其中站内搜索是指在本地网站中查找符合用户要求的结果,而网站群搜索则是根据用户的要求在相关网站中查找相关的网页。调查中发现,在检索范围的设置上,各网站中只有浦东新区和卢湾区同时拥有站内搜索和网站群搜索,其余都只有站内搜索。这种检索范围上的差别会直接影响到检索的结果。
另外,在调查中还发现,搜索引擎所存在的问题是来自多方面的。检索结果的不尽人意,不仅来自搜索引擎本身,还与网站自身的信息量相关。例如,在普陀区政府网站中检索“社会保障卡”的相关信息,却找不到一条相关信息;通过其他途径在网站中查找,还是无法找到相关的信息,究其原因,不是搜索引擎本身的问题而是网站的信息量太少。
⑶检索结果显示
在调查中还发现,在许多政府网站中,检索后的信息杂乱无章,有的按照相关度来排序,有的按照更新度来排序。在长达几十页的检索结果中,要寻找需要的信息,对于用户来说的确不是很容易。其中,对检索结果排序做得较好的是奉贤区和虹口区,以虹口区为例,在该区网站中查找“社会保障卡”,可以得到19条相关信息,而且网站为用户提供了四种排序方式:按时间升序、按时间降序、按人气升序和按人气降序,用户可以根据各自的不同需要选择自己喜欢的排序方式,然后从检索结果中查找自己需要的资料。
另外,检索结果分类也是一个重要问题。对于用户来说,检索结果的分类也直接影响着他们能否在较短的时间内、从较多的检索结果中查找到想要的信息。调查发现,在各区县的门户网站中,在检索结果的分类方面,做得最好的是徐汇区的政府网站。该网站的检索结果按照相关新闻、规划信息、公告信息、服务信息、办事事项5项来分类,这样的分类不但条理分明,而且可以让用户清楚地知道每一条检索结果的出处和所属的板块。相对于其他没有分类的检索结果,用户可以更容易查找到自己所需要的信息。
⒉评比统计功能有待改进
此问题涉及评比统计指标,包括访问量、使用情况的统计与评比两方面。
⑴访问量
众所周知,访问量是评价网站建设和运作情况的一个重要内容,通过该指标可以使人们了解网站的受欢迎程度,也可以看作是对政府工作的监督和评价的途径。调查发现,目前各区县网站在访问量的设置上存在着很大的差异。上海19个区县的网站中,有8个设访问量统计,分别是奉贤区、松江区、崇明县、南汇区、徐汇区、浦东新区、卢湾区、金山区的,其余的在首页上都没有访问量显示。即使是有访问量统计的网站,也将访问量统计放在网页的不同位置上(页尾、右下角、左下角),这样的显示位置不便于市民查看。
⑵使用情况的统计与评比
除了访问量之外,使用情况的统计与评比对网站运营也十分重要,这些情况通常由门户网站的网管掌握,各区没有将其在网页上,因此情况无法掌握。
⒊使用帮助功能有待完善
此问题涉及使用帮助指标,该指标的内容为重要服务和栏目是否能够提供使用说明。
该内容属于便民项目,对于普通市民了解和掌握如何使用网站所提供的各项服务功能有很大的作用,因此,使用帮助功能十分重要。但调查发现,由于各网站在这方面提供的信息不够全面、详细,很难给市民提供真正意义上的便捷。在使用帮助方面,做得较好的是虹口区网站,其网上办事部分提供较为详细的操作流程图和较为详细的使用说明,对于用户的操作使用起到比较大的帮助作用。此次调查中发现,其余网站存在的最主要的问题是:网站在使用帮助功能的设置上内容不全面、寻找不便,并且信息散布凌乱;有的网站中甚至没有相关的使用帮助信息,这样就很难保证用户的正常使用。
⒋页面展示有待改进
此问题涉及页面展示模块,其中涉及的主要指标是个性设计和首页布局,这两项内容具有一定的主观性。
⑴个性设计
要看一个网站的个性设计做得是否好,主要就看这个网站是否突出其网站的地方特色,是否有个性化、创新的设计页面和栏目。调查发现,个性设计比较鲜明的区县网站有7个,分别是嘉定区、松江区、虹口区、崇明县、闵行区、南汇区、杨浦区的,其余的区县网站略显单调。其主要问题是网页的地方特色不明显,缺乏个性化。这一问题有待网站运营者予以改进。
⑵首页布局
网站的首页布局是页面展示中的一个重要指标,看这一指标做得是否好,主要看其首页栏目、内容、布局的合理性是否到位,即是否将一些重要的服务项目和新闻等市民关心的内容设置在较为醒目的位置上,并且各板块布局是否协调。
在调查中发现,在首页布局方面,一些网站未能将市民关心的内容和市民需要办理的事项等放在显著的位置上,这样就不便于市民访问。个性化、创新的设计页面和栏目可以让人们更加直观地了解网站,用户通常也比较愿意通过设计较为新颖的网站去了解政府的信息。
三、建议
⒈统一规划整合搜索引擎及信息资源
⑴统一规划设计搜索引擎
建议对各区的搜索引擎进行统一设计规划,方便用户跨区使用;另外,要尽量完善其功能、增加搜索内容的范围,以便用户查找到更多的相关内容和资料。
⑵整合网站资源
建议各政府网站须加强资源整合建设,对于那些在各区县政府网站中重复出现的信息,以搜索引擎为纽带,链接到各区县的政府网站,这样既整合了资源、提高了网站的办事效率,又节省了人力和物力。
⑶合理排序检索结果
对于检索结果的排序和分类中所出现的问题,建议各区县网站可借鉴徐汇区政府网站的信息分类和虹口区政府网站的信息排序方法进行建设,以方便市民迅速从检索结果中找到需要的内容。
⒉统一评比统计规格
在独具特色的基础上,各区县网站访问量显示还应做到规格的统一,这样可方便市民看到该网站的访问量情况,了解其受欢迎程度。建议各区县网站能把访问量显示框放在网站主页的统一位置,如网站首页最下方,并且把数字显示的颜色设置得更醒目,让市民能一目了然。
使用情况的统计与评比可考虑有选择地公开,如对高校、研究所等科研机构或其他从事相关研究的团体和个人公开,这样可以促进政府网站提高运作效率。
⒊突出“使用帮助”功能
对于网站在“使用帮助”功能上所存在的问题,建议在网站的首页上统一划分出一个模块来专门用于此类介绍,或者在每个在线服务的页面的固定位置放置“使用帮助”,这样可节省用户因不会使用该服务而浪费的时间。
⒋规划页面设计
在页面设计方面,各区县网站应在独具特色的基础上,进行一定程度的统一规划。
⑴个性化
各区县网站的首页应能够充分体现出本区县的地方特色和文化特色,能够使用户一进入网站就能知道自己所访问的是哪个区或县的网站,留下较为深刻的印象。
⑵首页布局
首先,建议每个区县在首页栏目、内容、布局上应大体上相同,语句尽可能简练,把每一栏分隔得清晰、整齐。统一布局可以方便用户跨区浏览网页。另外,网站在信息更新后,应在更新信息后跟一个“new”,这样可以方便市民了解哪些是最新信息,以便查询。
其次,参照Windows XP的开始菜单的智能化设置模式,各区县网站可动态地调整网站内容的位置,将市民关注度最高的内容和使用频率较高的服务项目放置在最显著的位置上,以方便市民进行查找使用。
最后,引入奖惩机制。对设计得有特色、具创新性的区县网站进行奖励,促进其更好地发展;要让一些缺乏地方特色的区县的网站去不断地学习提高,在网站建设时能突出地方特色、提高实用性。
四、结语
《2006年上海区县政府门户网站调研报告》已正式提交给“中国上海”门户网站,并得到了肯定。网站设计是政府门户网站建设中的重要一环,是网站中许多功能得以实现的必要技术支持,它虽不如一些服务功能那样直观,但却与网站中的各个方面都有着紧密的联系。为了更好地发挥政府门户网站中各种政务信息公开和在线服务办事等功能的实现,各政府门户网站都应充分重视网站设计。
参考文献:
姚国章.电子政务原理[M].北京:北京大学出版社,2005
赛迪顾问股份有限公司.2006中国政府网站绩效评估[EB/OL].[2007-08-03].省略/2006govtop/index.htm
刘俊熙,应允.计算机信息检索[M].上海:中国铁道出版社,2005
夏杰,吴锦芳,徐廉,等.政府门户网站“市长信箱”探析――对全国31个省会、直辖市“市长信箱”的调查报告[J].电子政务,2006(8):42-51
张永艳,张丽丽.浅谈电子政务对中国政府管理改革的影响[J].辽宁行政学院学报,2006,8(11):5-7
吴鹏,毕建钢.美国电子政务门户网站建设[J].电子政务,2005(9):48-57
作者简介:
王欣,上海政法学院政治学与行政管理系。
关键词:导航测试;办公网站;设计;应用;分析
当网站设计完全是按照开发者的逻辑和意愿完成时,产品就有可能出现各种各样的问题,虽然网站设计者针对用户使用过程中可能出现的问题制定相应的对策,但是,这并不意味着用户可能遇到的意外都是被事先考虑到的。因此,一款产品在设计的各个阶段需要不同程度和方法的测试,导航测试也是如此。
一、导航测试方法及内容
导航测试有多种方法,可根据不同的设计需求和设计阶段安排多种导航测试。
1、访谈法对目标用户进行一对一的交流,当面、电话、电邮等,可获得直接意见,但多为本领域反思水平的反馈,缺少客观的观察分析;
2、调查问卷法可主要采用封闭式选项的题目来测试用户,获得量化的结果,需要测试人员编写的题目有利于导航的可用性测试而非偏好的收集;
3、观察法安排用户完成特定的任务,可人为观察或设备记录,适用于原型或方案的优化、产品分析等;
4、卡片分类可让用户按照自己的理解和行为方式对写有特定条目的卡片进行分类,来获取用户期望的信息结构;
5.此外,谷歌公司也有偿提供网站用户的地理位置、浏览时间、频率、点击率、关注焦点等信息,网站管理者可通过这些数据进行用户分析、产品使用情况分析,从而改进设计方案。
二、导航测试角度
1、在本能水平上进行测试
软件产品首次被使用时用户的初步体验。当目标用户第一次尝试使用网站或其他软件产品,感觉是美的、舒适的、有趣的或者不和谐的、糟糕的、讨厌的等最初反应,对网站服务内容的认识是否与网站建设目标一致,用户的视线流和焦点是否符合网站建设者的预期。
2、在行为水平上进行测试
了解用户在使用过程中的体验,用户是否能够在最短时间内获得所需信息或某项服务,用户在使用中产生的哪些结果与预期不符,当用户遇到问题或产生错误时是否出现必要的提醒或明确的反馈和指示。
3、在反思水平上进行测试
用户在使用过程中是否充满信息、心情愉悦,用户对产品的总体印象如何、满意度如何、用户是否愿意二次登陆或向他人推荐自己的网站。
三、导航测试分析
在导航测试中,常采用眼动跟踪方法。在眼动跟踪测试中,用户常常会忽略掉不需要或不想看的事物,这种行为称为选择性忽视。而用户对页面进行最初的整体性浏览时,目光似乎没有意义,没有帮助的区域迅速移开的现象称为热豆现象。眼动跟踪虽然可记录用户的注视点,但并不能简单地认为用户对某个区域注视的越久就越感兴趣,很有可能用户只是感到困惑,不明白、不理解。如果某个区域被用户忽视,也不代表这个区域设计的有问题,很有可能用户的阅读经验使其忽略稳定的布局内容来节省精力和时间。因此,在测试中眼动跟踪常配合观察和访谈等方法来获得用户的真实感受。
1、全局导航
对于全局稳定的全局导航,用户关注度不高,因为用户知道全局导航的一般位置和功能,反而倾向于把关注度放在其他不明确、或具有探索性、趣味性的部分,所以,在网站界面设计中,全局导航在各个页面中几乎没有变化,保持一致性和稳定性。
2、搜索引擎
搜索引擎可使用户快速地查找到所需信息,从而减少用户对导航菜单的依赖,搜索引擎界面一般由输入框和搜索按钮组成,属性明确,大部分用户更希望在页面偏右侧的地方看见它,当用户快速整体浏览页面时,右侧的搜素引擎会被忽略,不会占用过多的注意,但当用户需要使用时就可轻松地找到它。
3、标单按钮
按钮的边框常被设计成带有投影和斜边,上面是操作意义明确的文字,按钮内部或周围带有图标,按钮和链接要看起来可被点击。扁平化设计弱化了按钮的立体感,加剧了交互视觉元素的设计难度。按钮一般放置于表单或阶段操作流程之后。此外,按钮也常出现在搜索框、输入框、下拉列表框等控件之后。眼动跟踪发现,如果表单过长,在第一屏内,用户可能由于没有看到按钮而对表单操作产生怀疑。
四、导航测试要有良好的反馈
导航需要指引用户位置并明确其要去的方向,并给用户提供一个明确信息:“我有链接”、“点击我可以跳转”。网站的可用性测试,需要观察用户的使用反馈,分析其行为和反应是否符合网站的目标。在导航测试中,用户需注意如下几点:1.是否知道网站的功能和类型,以及提供何种信息及服务?2.是否明确自己的位置?3.是否知道如何查找信息并适时跳转?4.迷路时能否及时回到首页或重新启动搜素?具体到链接对用户的反馈,首先,用户通过颜色、下划线、动态效果、使用习惯等,可以确认页面中哪些有效链接可提供进一步的信息。其次,当用户光标滑过这些元素时,可通过本身颜色、背景颜色、下划线等反馈,并且不影响版式的变化及与用户的互动。再次,用户操作后的转场效果设计、等待界面设计也是提升网站可用性的因素。最后,对于对于详细标题列表页面中,已浏览过的页面内容的颜色提醒也是很重要的。
五、结论
总之,导航测试是网站设计中的一个重要的环节。在导航测试过程中,要测试导航能否帮助帮助用户了解网站结构,不仅仅是快速准确的搜索需求的信息内容,还要让用户明确自身在网站中的位置,明确操作流程,在整个浏览过程中轻松舒适,从而增加用户粘度,提高访问质量。作为网站设计者,不可否认网站的真正使用者就是用户,在进行导航设计时就要从在用户的角度上去进行策划和设计,要从整体上去衡量用户在网站导航的内容搭建、视觉效果、操作路径、功能设计等多个方面的使用感觉,以达到最完善的使用体验。
作者:许波勇 单位:江苏安全技术职业学院
参考文献:
[1]程萍,蒋晓.基于用户认知的购物网站导航系统交互设计准则[J].包装工程.2012(14).
[2]马辉民,漆鹏飞.基于概念格的B2C网站导航研究[J].管理学报.2013(06).
[3]唐芸莉,吕悦宁,谭坤.网站导航设计对用户体验的提升作用研究[J].科协论坛(下半月).2013(05).