网站设计报告范例6篇

前言:中文期刊网精心挑选了网站设计报告范文供你参考和学习,希望我们的参考范文能激发你的文章创作灵感,欢迎阅读。

网站设计报告

网站设计报告范文1

随着社会的发展和信息技术水平的提高,信息需求也在不断的演变和发展。现在人们已经越来越认识到网络信息资源的重要性,认识到信息服务的真正价值最终体现在它所提供的信息内容之中。

21世纪经济的飞速发展,人们在生活上得到了更好的满足。也更加看重自己利益,那什么来保护自己利益呢,于是就想到了用法律来保护自己利益。但由于很多人不了解应有什么法律来保护什么利益,为了解决这一现象,理所当然的出现了。

二、开题报告任务的主要内容

本网站页面使用Dreamweaver设计,动态功能使用ASP等技术实现,数据库使用Access,同时还可配合使用Photoshop、Flash等网页辅助软件。

主要要求如下:

1.网站页面布局合理,配色合理,效果美观。

2.能为网站访问者提供良好的交流空间。

3.能适当设置网站的不同栏目;每个栏目都可实现信息的和管理功能。

4.用户可以按不同条件搜索站内信息(可选做)。

三、已具备条件

1.具备条件

(1)在网上找到了一些所需要的资料(图片,文本等)。

(2)在学校的5个学期中已经学习了Windows Xp 、ASP、Microsoft Access和Dreamweaver开发软件。

(3)学习了Photoshop、Flash等网页辅助软件。

(4)通过老师提供的参考资料进一步自学各个软件的操作。

2.软件的介绍

(1)ASP

ASP是Active Server Page的缩写,意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。ASP的网页文件的格式是.asp,现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境,可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容(如在线表单),也可以创建使用HTML网页作为用户界面的web应用程序。

(2)Microsoft Access

凭借 Microsoft Office Fluent 用户界面和无需深厚的数据库知识即可使用的交互式设计功能,Office Access 2007 可帮助信息工作者轻松、快速地跟踪和报告信息。用户可以在网站上共享、审核和备份 Microsoft Office SharePoint Server 2007 列表上的信息。

(3)Dreamweaver

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

(4) Photoshop

Photoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果,其重点在于对图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时,使用位图形式是最佳的选择,它在这方面的优点是矢量图无法比拟的。

(5) Flash

Flash是交互式矢量图和Web动画的标准。网页设计者使用Flash能创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。

四、开题报告任务实施的思路与方案

1.实施的思路

(1)先在网上找到不同的,看看他们的前台分布,然后根据自己网站的需要设计有特色的网站前台。网站页面布局合理,配色合理,效果美观。

(2)通过不同的方法(如上网,看书等)收集网站所需要的材料并对材料进行合理的处理。

(3)等找好各种材料后,根据需求,分析网站要实现的几大功能对模块的具体介绍:

①用户登入:根据用户的帐号、密码登入用户页面。(责任编辑:1011)

②法律咨询:解决不了的法律问题。

③论坛:用于用户与用户之间的交流。

④法律咨询回答:回答其他用户提出的法律疑问。

⑤站内法律搜索:输入关键字搜索相应要找的内容。

(4)因为网站有后台的需要,所以用Access建立数据库,并确立各数据表之间的关系和表的格式。

(5)测试网站功能是否可运行并完善网站。

2.实施的方案

(1)用Dreamweaver设计网站页面,并对网站页面进行整体布局,使页面布局合理,配色合理,效果美观。

(2)对网站要用到的图片用Photoshop进行合理的处理,使之符合网站需要的要求,看上去与整网站相融合。

(3)用Flash制作各种动漫、动画等,使网站更加生动现象。

(4)用Access建立相应的数据库。

(5)用ASP输入相应的代码,并建立起后台。

(6)测试网站各功能是否可以运行。

(7)进一步的对网站页面布局进行修改、完善和美观。

五、预期目标

使人们可以在本站找到自己在法律反面所需要的资料,并解决相应问题,能更好

的有法律来保护自己的利益,权利不受侵犯。

1.网站页面布局合理,配色合理,效果美观。

2.能为网站访问者提供良好的交流空间。

用户法律咨询论坛:用来法律交流。

3.能适当设置网站的不同栏目;每个栏目都可实现信息的和管理功能。

(1)用户的登入:用户登入后可以实现法律咨询,回答法律咨询问题,上法律咨询论坛等功能。

(2) 法律咨询:用户登入后,如有需要他人帮助解决的法律问题可以以问题的方法到该处,已待他人回答解决。

(3)回答法律咨询问题:用户用来回答他人提出的法律疑问。

网站设计报告范文2

网站设计与开发是高职计算机网络技术专业的一门技术课程,是学生职业教育的核心课程。总学时106个,学分为6.5个。本课程的目标是提高学生开发企业、商务网站的能力,积累网站开发的实战经验。通过对课程的学习,使学生了解网站项目实施的工作流程,具备网站设计、建设与维护的能力,深化学生的专业技能及团队合作能力,积累实践经验,为今后从事相应的职业岗位工作打下基础。课程以真实的网站项目为载体,以网站项目的设计、开发与维护工作流程为主线,通过项目全面学习网站设计、建设与维护的相关知识和技能,使学生对真实网站项目的工作有一个较全面的认识,形成职业岗位所需的基本能力,为今后从事相关职业岗位工作做前期准备。在实施过程中,按工作流程将项目分解为具体的工作任务,在教学中实施任务驱动。同时引导学生组建项目团队,进行角色扮演,以学生为主体,团队在教师的启发、提示下自主开展学习,通过团队讨论,主动查阅资料,养成独立分析问题和解决问题的习惯。

二课程的学习目标

通过本课程的学习,使学生能按照用户需求,编写网站需求分析报告;对网站进行策划与设计,运行多种技术对动态网站进行开发和制作;并经过技术测试,最终将其到Internet环境;能对网站进行维护。通过引导、项目实施、讨论、总结、测评,帮助学生学习网站设计与开发的基本知识和实用技术,为后续专业课程、专业实践打下良好基础,为将来从事网站设计、开发和维护工作奠定良好基础。同时,在教学过程中,通过团队开发,形成基本的职业道德意识和职业素质。

1.具体的能力目标能根据用户需求,确定网站类型与网站内容,编写网站需求分析报告;能根据实际情况设计出适合的网站页面风格和布局;能编辑网页;能运用JSP相关代码按要求协作完成网站功能;能根据用户需求设计并协作完成后台数据库的开发;能针对网站制订网站测试计划并进行功能测试;能申请域名和IP,成功将网站上传;能及时更新网站,合理优化网站。

2.具体的知识目标掌握域名与IP地址等基本概念;熟练掌握网站设计原则、网站建设基本流程;了解网站运行的硬件与软件环境;掌握Div+CSS技术;熟练掌握网页编辑软件Dreamweaver的使用;掌握数据库逻辑结构设计方法及数据库的创建、管理与维护;掌握JSP程序设计语言的语法知识;了解网站更新、故障排除及网站推广的方法;掌握网站测试的内容、方法和技巧;掌握网站的与管理方法。

3.具体的素质目标培养学生开发网站的团队协作、交流合作能力;培养学生良好的网站开发岗位人员的职业道德;培养学生与客户沟通的能力;培养学生的网络安全意识;提升沟通协调、共同开发网站的综合能力;培养学生具有较好的分析和解决实际网站开发问题的能力。

三教学内容的组织与安排

课程组根据网站开发项目实施过程,进行了课程教学内容的开发,充分体现职业性、实践性和开放性的要求,在内容组织上彻底打破学科知识体系的禁锢,教学摆脱了传统的以教材为主线的逻辑教学结构方式。对实现案例的模块功能所需的技能和必备知识进行了全新的组织。

四课程特色与创新

针对“高职教育背景下,如何提高学生的工程能力、创新意识和协作能力,培养社会需要的计算机人才”这一主题,按照“学研学工融合、突出专业特色、培养应用型人才”的改革思路,结合专业和学科建设,将网站设计与开发课程教学改革作为一个整体展开全方位的研究与实践。

1.“大案例、一案到底”教学根据专业建设思路,结合本课程的特点,推行“大案例,一案到底”案例式教学,课程将真实完整的案例——“网上商城网站的设计与开发”贯穿到整个教学过程中,教学组织上将网站设计与开发根据工作流程,分解成10个相对独立的模块,每个模块完成数据库开发流程的一个过程,充分体现职业训练的高职教学特征。

2.创新构建了立足基础、体现特色、面向需求的数据库开发与应用教学体系首先,体现特色:围绕数据库技术的基本能力、应用能力、创新能力培养,体现应用型人才培养特色。其次,面向需求:以社会和企业需求为导向,构建实践教学体系。

3.实践总结了一套与新教学体系相适应的教学手段和教学方法用信息技术、多媒体技术改造教学手段,更新教学内容,使网站设计与开发教学更加符合现代社会信息量大、知识更新快的特点。应用任务驱动教学法、案例教学法、一体化教学方法,改革课程教学模式,从“给出概念基础理论知识应用提高”的传统课程教学模式向“工程实际问题引出概念及所需基础探索解决方法与理论应用提高”的探究式课程教学模式转变,激发了学生的学习兴趣,培养了学生研究式、探索式的学习习惯和自主学习能力。

网站设计报告范文3

【关键词】电子商务;网站设计;网站管理

引言:所谓的电子商务,主要指的是语用用讯的方式进行产品的经销、存货、查询、交易、广告宣传以及付款等商业活动[1]。在发达国家,电子商务早在20世纪90年代初期的时候就得到了发展,并建立了健全的电子商务服务体系。随着社会经济的快速发展,电子商务也成为了21世纪国际贸易的主要形式和发展趋势之一,在推动经济发展的过程中,具有重要作用。就我国来说,在2013年,中国电子商务交易额突破10万亿元,同比增长26.8%。其中网络零售额超过1.85万,有关报告显示,我国成为世界最大的网络零售市场,超过1.85万亿元的网络零售交易额相当于社会消费品零售总额的7.8%;,2014年上半年,我国电子商务继续保持快速发展的势头,市场规模不断扩大,网上消费群体增长迅速。根据研究机构初步测算,上半年我国电子商务交易额约为5.66万亿元,同比增长30.1%。电子商务拉动内需、促进就业作用明显;移动互联网、大数据等新一代技术的应用成为电子商务发展的新热点;与此同时,电子商务市场竞争日益激烈,企业服务能力和行业集中度均有提升;而随着商务部联合多个部委跨境电子商务有关政策,跨境电子商务正在迎来一个全新的发展阶段[2]。

一、电子商务网站设计

(一)设计原则

网上交易商品,不仅需要大量的的数据处理,还需要保证数据信息的安全性,在功能上也要满足商业流程。电子商务交易网站和一般的web网站相比,电子商务网站对数据处理、数据传输以及数据流程方面的要求更高,其处理也更为复杂。因此,对于电子商务网站的设计,必须保证其系统的可靠性、安全性、经济性、可拓展性、先进性以及开放性。其次,要站在用户的角度进行分析。电子商务网站是企业和各种商品机构开展电子商务的基础设施和信息平台,是各种服务对象之间的交互界面,也是电子商务系统的承担者和表现者[3]。站在用户的角度来设计网站,可以保证电子商务网站的易用性。

(二)电子商务网站设计概要

关于电子商务网站的设计,是一项复杂的系统工程,需要企业对各项业务流程进行整合,并将外部信息集成,是一个对网络信息资源组织、开发以及利用的综合过程,无论是在商务层面上,还是在设计开发的技术层面上,都面临着诸多的问题。

1.对电子商务网站设计模式的分析

一般来说,电子商务主要有两种模式,一种是企业对企业模式,即我们常说的B2B模式,另外一种模式就是消费者模式,即B2C模式。企业在实际的操作过程中,一般都是将两种模式结合使用,因此,在对模式进行设计的过程中,需要根据企业的实际需要进行设计。

2.电子商务功能设计的分析

在分析客户和企业需求的基础上,还要对商务网站的设目标、业务流程等进行详尽的了解很分析,明确系统是否能够满足客户的需求,从而确定目标系统的功能设计。一般来说,对于电子商务网站需要满足一下几个功能:第一、企业的形象宣传,第二、产品和服务项目展示,第三、商品和服务订购,第四、转帐与支付、运输,第五、信息搜索与查询,除此以外,还要有客户信息管理模块、销售业务信息管理模块以及新闻、供求信息等模块。

3.电子商务网站的结构设计

关于电子商务的结构设计,目前有多重类型,可以分为三层,第一层为表现层,第二层为商务层,第三层为数据层。

二、电子商务的管理设计

对于电子商务网站的管理,包含多个方面的内容,其管理质量的高低,直接关系到了商务电子网站的正常运行和运行的安全性,因此,应该对电子商务系统管理引起重视。总的来说,电子商务网站管理主要包含以下几个部分:

第一、系统管理。系统管理主要就是对系统中的软件管理、硬件管理、文件传输管理、电子邮件系统管理、支付系统管理、数据库系统管理等。

第二、应用管理。所谓的应用管理,主要指的是对实现网站功能的软件进行管理,包括个性化服务管理,购物车管理以及聊天室管理等主要内容。

第三、内容管理。内容管理主要指的就是集约业务的管理。网站内容管理是电子商务网站管理的核心内容,是确保电子商务网站有效运行的基本手手段。其包含了在线购物管理、在线支持管理以及客户信息管理等内容。

第四、安全管理。安全管理主要负责的就是针对网站中的安全威胁因素采取有效的管理措施,解决网站系统中的安全问题,确保系统运行的安全性。主要包括网络安全管理、应用安全管理以及数据库安全管理三个方面的内容。

目前,关于电子商务的管理模式有很多,智能结构模式管理是其管理发展的主要方向。采用智能管理的模式,可以将管理内容结构化,并完善各种管理流程,实现远程办公确保信息来源的质量,再通过一系列智能化的手段,提供信息相关的商贸信息,实现电子商务网站的智能管理,也能实现动态信息的发送。

参考文献:

[1] 闵惜琳.人工神经网络结合遗传算法对网站开发优化的应用[J].系统工程,2011,25(2):22-26.

[2] 梁姝.基于云计算技术的电子商务平台的设计与实现[D].黑龙江大学,2012.

[3] 杜成昊.利用软件工程基本原理进行电子商务网站设计[J].湖北师范学院学报(自然科学版),2006,26(3):84-88.

[4] 严莉.多元化教学模式在《电子商务网站设计与管理》中的应用[J].科技信息,2011,(35):1081,1108.

[5] 田博,覃正.B2C电子商务中的在线信任分析及其在网站设计中的应用[J].科技管理研究,2011,28(7):422-424.

作者简介:

网站设计报告范文4

本文在分析商业网站中使用的数据挖掘技术的基础上,从网站数据挖掘、网站结构设计和网站功能设计这三个方面对数据挖掘技术在商业网站设计中的应用问题展开了探讨,以便为商业网站的设计提供一些指导。

关键词:

数据挖掘;网站设计;应用

就目前来看,受到网络化的影响,很多既有交易型态和商业行为都开始将交易机制转移到网站上。所以,如何设计商业网站,成为了不少企业关注的问题。而利用数据挖掘技术可以完成对商业网站中的大量数据的分析,从而实现网站商品的定向营销。

1数据挖掘技术概念及应用概况

从技术层面上来看,数据挖掘技术就是从大量数据中进行有用数据信息的提取的技术,需要摆脱噪声数据、随机数据和模糊数据的干扰。而从商业角度来看数据挖掘技术是供应商行业处理信息的技术,可以帮助企业从商业数据库中提取大量有用业务数据,并且通过处理和分析这些数据信息实现对关键知识的提取,从而为企业制定决策提供依据。就目前来看,在商业网站中应用的数据挖掘技术有路径分析技术、关联规则的发现技术、序列模式和分类聚类技术等。

2数据挖掘技术在商业网站设计中的应用

2.1在网站数据挖掘中的应用利用数据挖掘技术充分挖掘商业网站包含的数据,才能合理进行网站内容的设计。而客户背景资料信息是系统需要的数据来源,主要来自于客户填写的登记表和相关单证。完成这些数据的收集后,网站需要将数据传递至后台数据库中,并进行数据的存储。而利用数据挖掘技术进行这些数据的分析和处理,将能得到相应的数据分析报告。利用这些报告,网站管理人员就能进行网站内容的设计或改进,并进行相应数据的存储。但是,出于隐私信息的保密性考虑,客户有时不愿意在网上单证上填写详细的资料信息,以至于将给数据的挖掘和分析带来困难。为此,还需要使用数据挖掘技术分析网站浏览者的行为表现数据,以便根据这些数据进行客户背景资料信息的推测。比如,分析网站浏览者的点击访问情况就能进行客户行为表现的观察,并实现对有用信息的挖掘。就目前来看,在设计商业网站时,可以根据网站日志进行客户这部分信息数据的获取。而通过对这些日志数据进行清洗、过滤和转换,才能将获得的数据存储到网站数据库中。在此基础上,还要将这些数据当成是数据挖掘的数据源,并从数据库中进行数据的调用和抽取,然后完成对数据的模式识别[1]。而在生成多维数据视图后,通过分析就能得到数据挖掘结果和报告。最终,还要将这些内容存储到后台数据库中,以便为网站管理者提供参考。

2.2在网站结构设计中的应用在设计商业网站时,使用具有商业逻辑基础的数据挖掘商业应用平台才能实现挖掘客户数据信息的目的。所以,需要应用数据挖掘技术设计商业网站结构,以便创建一个与商业逻辑相结合的数据挖掘系统。在设计的过程中,可以围绕着数据存储、数据处理和数据展示这三个方面进行数据库系统的设置。同时,需要将网站用户接入部分当做是客户端,而数据挖掘系统需要为用户接入和交互提供支持。在客户端发出请求后,系统应对请求作出商业逻辑分解,并从数据存储处进行数据的获取,然后再将处理后的结果返还客户端。从总体结构上来看,数据挖掘商业应用平台应该由三部分构成,即客户层、中间层和数据服务层。

2.3在网站功能设计中的应用

2.3.1网站搜索引擎的设计面对成千上完的商业网站,想要从质量不一的网上站点中选取便宜且适合自己的网站其实并不容易。而设计网站搜索引擎则能较好的解决这一问题,从而为用户选择网站提供便利。从国内来看,8848网站是最早具有中文购物搜索引擎功能的网站,可以面向中国内地提供专用网上购物商品搜索引擎。在设计网站功能时,网站利用了数据挖掘技术进行信息搜索功能的实现。在该网站上,可以为用户提供两种搜索方式,即全网搜索和网上商城搜索。通过在搜索框内输入商品信息,用户就能在短时间内找到互联网上众多商业网站经营的有关商品。同时,在浏览器上,用户还能看到商品的信息介绍,并且得知商品的来源网站。此外,搜索引擎功能还能为用户提供价格比价和商品排序等多种信息显示方式,用户可以直接点击网站链接进行商品网站的访问。

2.3.2网站客户关系管理的设计利用数据挖掘技术,商业网站还能获得客户关系管理功能。而所谓的客户关系管理,其实就是对企业和客户之间的交互活动进行管理。从设计思想上来看,网站管理者需要以客户为导向,并且尽量满足客户的个性化和多样化需求。而应用数据挖掘技术进行客户信息的挖掘,将能帮助网站管理者了解客户和产品的历史交易信息,从而得知客户的消费倾向和产品的受欢迎程度。所以,数据挖掘技术的应用可以为企业提供更多将商品销售给现有客户的机会,并且也能够为企业制定商品分析决策提供数据依据[2]。此外,利用数据挖掘技术实现对客户关系管理业务数据的共享和自动化管理,也能够帮助企业完成业务分析、供应链整合等工作,从而使商业网站的运营管理以客户为中心。

2.3.3网站个性化服务的设计商业网站想要取得一定的市场竞争力,还要致力于为客户提供个性化的服务。应用数据挖掘技术可以使消费者利用网站搜索引擎,并根据自己的需求和个性特点选择感兴趣的商店。而在获得符合自己个性要求的资料库后,用户的在线购物过程将更具个性化的特点。同时,通过与用户交流,网站的模拟商店销售人员也能够为用户提供商品推荐,从而帮助用户尽快找到需要的商品。此外,网站也能够根据消费者反馈的信息进行特别服务的提供。具体来讲,就是用户在信息交流区发表看法或建议后,网站可以通过自动服务系统为用户定制个性化服务菜单。而为用户提供个性化服务,显然能够起到防止网站用户流失作用。

3结论

总而言之,商业网站是企业开展电子商务的信息平台,是商家与服务对象联系的沟通渠道。所以,商家能否从网站获取有用的客户信息,网站结构设计是否合理,网络功能是否齐全,将直接关系到网站交易的成败。因此,在设计商业网站时,应该较好的进行数据挖掘技术的应用,以便打造一个能够为客户提供满意服务的网络消费平台。

参考文献:

[1]胡金娟.数据挖掘技术在个性化电子商务网站建设中的应用[J].漯河职业技术学院学报,2014,05:13-15.

网站设计报告范文5

>> 河北省农村网站建设调查报告 中国高校英文网站建设研究现状 河北省助推智慧景区建设 河北省政府网站无障碍建设现状调查与分 高校英文网站建设模式探究 河北省旅游信息化建设现状与对策 河北省景区英语解说现状调查及对策研究 河北省旅游景区项目融资模式探析 我国高校英文网站建设现状的探讨 河北省劳动保障系统门户网站建设现状、问题及对策 河北省高校档案网站建设的现状及对策分析 对当前高校英文网站建设的若干思考 关于中国煤矿企业英文网站建设的思考 浅谈中国高校英文网站建设 “互联网+”时代高校英文网站建设探析 包头市旅游景区英文解说系统翻译现状调查与对策 河北省“村改居”社区文化建设现状调查 新农村建设时期河北省小额贷款公司发展现状调查 河北省农村中小学师德建设现状调查研究 河北省高中体育与健康课程改革现状的调查与分析 常见问题解答 当前所在位置:l#165.

[2]周邓纪念馆[EB/OL].http:///Default2.aspx.

[3]苏州博物馆[EB/OL].http:///default.php?mod=c&s=ssa6d2030.

[4]金门大桥[EB/OL].http:///.

[5]刘建明.宣传舆论学大辞典[M].经济日报出版社,1993:54.

[6]曾利沙.从对外宣传翻译原则范畴化看语用翻译系统理论建构[J].外语与外语教学,2007.

[7]杨丽娟.基于旅游文化视角下的旅游景区对外宣传研究[D].重庆:重庆师范大学,2011.

[8]杨越森、肖薇.企事业单位网站英文版的现状分析与建设[J].中国西部科技,2012,11(06).

[9]王炳鹏.高校英文网站的设计与实现[J].兰州石化职业技术学院学报,2009.

[10]崔美善.网页风格构成[M].北京:电子工业出版社,2006.

[11]张晓源.图书馆网站设计基本原则[C].2002年中南.西南省(市),自治区公共图书馆业务协作研讨会论文.

网站设计报告范文6

【关键词】高职院校;品牌重塑;校园网;网页设计

进入21世纪,随着原有品牌形象的老化或经营战略的重大调整,依靠单纯的品牌管理手段已不能适应内外环境的变化,品牌重塑策略逐渐被国内外众多企业采纳实施。在理念上通常表现为重新定位和诠释企业文化内涵及发展理念,包括品牌广告语的更换;在视觉层面,则依靠更新视觉识别系统和品牌网站来塑造更有竞争力的公众形象。随着品牌重塑风潮的兴起,高等院校也开始积极完善高校识别系统和校园网站视觉设计,以期赢得更广泛的社会关注并吸引优秀生源。然而,高校对于品牌重塑的态度更加谨慎,设计全新校徽的可能性较低。因此,校园网改版则成为高校提升形象的首要选择。近年来,通过新版网页成功进行品牌重塑的大学有:提倡“响应式网页设计”的美国莱斯大学、跻身“美国最美校园”的太平洋联合学院;而国内最受瞩目的则是以百年校庆为契机进行大幅度网页改版的清华大学。

1.高职院校校园网网页设计的机遇和挑战

相对于建设时间长、人力物力投入多、网站规模大并且品牌资源丰富的本科院校,处于改型变革中的高职院校对于重塑自身形象的愿望和紧迫感则更加强烈。根据相关数据显示,目前我国高职院校数量在高校中的比例已达1/2以上。党的十八报告更明确表明了要大力发展职业教育的决心。我国高职院校的发展前景和社会评价标准将面临重大改变。内环境调整力度加强加之外环境利好政策的扶持,随着竞争的加剧,各高职院校需更加重视软实力即对外宣传和推介能力的提升。然而,目前大部分高职院校导入视觉识别系统的时间尚短,塑造网页品牌形象的意识也刚刚起步,导致校园网页视觉设计盲目跟风并存在拼凑模板的现象,与本科院校以及国外高校相比存在较大差距。一方面,缺乏对网页设计理念趋势的认识和研究,在网站的兼容性、易用性方面存在较大缺陷;另一方面,由于缺乏品牌管理意识和对网站设计人员的视觉指导,网站中较少使用品牌标准图形和品牌色彩,视觉形象随意性和同质化程度高。加之页面内容繁杂,信息层级不明确,无法令用户产生浏览时的愉悦感和积极的品牌联想,最终导致学校品牌形象无法有效传播;高职院校的吸引力也无从谈起。

2.网页设计与高校品牌形象塑造

众所周知,网站是企业塑造品牌的最佳媒介和推广平台。企业透过网页中的全部视觉元素(图形图像、色彩、字体、布局)传达出自身的气质和经营理念、促使用户对于品牌特质产生联想和记忆。与此同时,消费者也借由企业网站设计的优劣评价企业文化内涵和发展实力。同样,高校校园网的视觉设计水准和用户体验亦会成为社会对其办学理念及教学效果的评价依据。通过对比分析国内外众多校园网站首页设计,笔者发现优秀的设计往往从以下角度对学校网站形象进行塑造:

2.1品牌视觉要素

高校品牌视觉要素主要为校徽、校徽标准字、校徽标准色以及专属字体,严谨的甚至包括校训和宣传口号。在校园网站设计中,校徽图形是控制页面风格的首要元素,设计页面时须考虑校徽的最佳展示效果。除了在页头位置放置校徽,还应考虑在网页标题栏、网站地址栏、搜索引擎页面或者页脚的品牌背书区中以图标的方式出现。通过增加品牌标识出现的频率和位置营造专属感和权威感。笔者注意到很多高校在网址和网页标题上亦设定了有利于形象塑造的符号和文字。如在网址栏里显示校徽;网页标题上显示校训口号或者“欢迎光临某某学校”。虽微小,但是小中见大。

色彩也是决定网站风格的重要设计要素之一。校园网首页的色调一般以标准色即校徽的颜色为主,并将该校徽的色彩应用到导航、标题、网页背景,甚至页头图片之中,使各视觉元素产生色彩关联性。如果校徽本身的颜色不适宜做主色调,则可使用同色相但不同明度、纯度的色彩,再为之搭配和谐的辅助色。

塑造良好的校园网页形象亦离不开对品牌视觉元素的灵活应用。如将校徽图案进行解构处理,获得局部图形元素作为辅助图形或纹理应用于网页设计中,可增加页面的视觉丰富感,同时加深用户对学校品牌形象的理解记忆。此外若校徽图形较复杂,在显示尺寸或图形延展方面受到限制时还可以结合校徽图形特征、内涵与界面设计的特点,为页面量身设计辅助图形。

2.2 网页Banner

网页的Banner集中体现校园的风貌和最新状态,从形态上可分为矩形和异形两种。欧美的校园网首页Banner多采用矩形,配合分栏以及大色块的版式处理手法,显得严谨、内在秩序感强烈。异形Banner一般底部为曲线造型或者整体为非矩形,比较受亚洲地区的网页设计师青睐。弧线轮廓往往在视觉上更活泼,可为方块感较强的版式注入活力和人文气息;而部分传统水墨风格的网页中,晕染的效果模糊了Banner的边界,亦为页面平添了意境之美。从技术应用方面,网页Banner又可分为传统型和创新型。传统型一般为通栏式或背景式,多为单张静帧图片,局部可有Flas效果;创新型的幻灯式Banner,则可展示多张图片,版式灵活多变,也更关注用户交互和情感设计。

2.3 导航

导航样式在用户体验过程中举足轻重。成功的网页设计会将品牌形象深植于用户体验之中,强化用户对于品牌的喜爱与认可。因此,校园网页的导航样式也需要从图形语言及色彩上贴近品牌风格、为品牌形象服务。

3.高职院校校园网形象重塑对策与建议

3.1 对现有网站进行检视,整体策划网页风格。

优秀的校园网页设计需传达出校徽的图形特点和色彩感受。因而在校园网改版设计时,可先通过调整色彩来建立新的视觉联想。以校徽标准色为参照进行配色,既要使网页整体色调与校徽色彩呼应,也需要凸显网页的色彩个性。其次,应结合页面信息量的多少以及现有网页制作技术特点推敲网页Banner和导航的呈现方式,使网页的功能性和时代性有机结合。最后需考虑建立清晰的网页信息层级标准。以文字为例,同一层级的字体、字号、色彩均要统一。此外也可善用线框和线段对图文信息进行分类和分组。

3.2梳理视觉资源,对原有品牌视觉元素进行再设计。

无论示范性高职院校还是普通高职院校,在建立品牌形象的过程中都非常重视校徽以及校名图形的使用,但这往往也导致网页形象塑造工作走入误区。即认为只要在页头放置了校徽即可,而对校徽所处的整体图文环境则毫不关心。在网站的首页中,校徽固然是核心视觉元素,但单纯使用校徽亦无法展示特定阶段的校园形象。对于首次浏览该网页并且首次接触校徽的人而言,具体的标志性建筑和人物图像则更具有亲近感。无论是对校徽本身还是对校园其它标志性事物产生联想,都意味着品牌形象在目标用户(师生和家长)的脑海中开始建构。因此,对校徽以外的具有标志性的图形也应精心设计,并发展为视觉辅助元素。笔者在设计湘潭职业技术学院的校园网首页时,制作了蓝色渐层的波浪图案作为Banner的背景,兼具版面分割和装饰感:浅色部分较好地烘托出了校徽图形,深色部分则展示了地理坐标作用的“乡情”雕塑。该图形也应用到了页面的栏目标题背景以及按钮背景上,使页面视觉整体感得到强化。此外在左侧导航区域底部使用了学校图书馆的图像,既从实物的角度展现了校名,同时对于因网页下拉看不见校徽图形的这种情况也是一种弥补和提示。

3.3 设立“校园网站设计小组”, 把关校园网形象设计。

校园网站建设是一项长期的循序渐进的工作,非一朝一夕可以完成。从长远来看,高职院校设立专门的网站设计小组可以更好地对校园网形象更新、评估和维护。首先,设计小组可以制定校园网站风格指南、开发专属网页模板,确保主要页面的面貌保持视觉统一,建立一致的网页形象。其次,可及时为校园内的重大新闻、特色活动设计专题页面,并通过首页特色导航链接宣传。校园网首页的局部调整动态地诠释了校园的形象,更能够吸引用户的浏览。重新设计首页仅为短期做法,优化校园网功能,使校园网更好地为师生服务才是长远之计。在Web2.0和云技术日趋成熟的背景下,单一信息的网站无法留住更多用户。期待在互联网虚拟社会中稳固品牌声誉,重塑品牌形象的高职院校也需要拓展并整合如校内论坛、校友录、RSS订阅、社交网站等网络服务;而这些服务所依托的网页更加需要整体设计与维护。因而,只有设立专门的网站设计小组才能及时调整不适宜的旧页面、开发新页面,更好地优化网站的用户体验。

4.结语

美国战略营销学家凯文·莱恩·凯勒坦言:“重塑一个品牌,要么将失去的品牌资产来源重新抓住,要么确认并建立新的品牌资产来源。”校园网无疑是高职院校乃至所有高校创建品牌过程中最有效的宣传渠道和平台。身处于信息爆炸和视觉主导的全媒体时代,唯有立足于“品牌塑造”的高度对校园网页面进行检视和设计,才有可能实现院校形象的提升目标。

参考文献:

[1]如何重塑品牌 柴永敏 http://

[2]国外高校校园网站设计风格的启示 陈美红. 电脑知识和技术. Vol.6, No.23, August 2010

上一篇环境报告

下一篇机械毕业设计