网站设计论文范文精选

一微课资源网站设计概述

“微课”最初是“微型教学视频课例”的简称，以微型教学视频为核心，包含与教学相配套的微教案、微课件、微练习、微反思、微点评等支持性和扩展性资源，从而形成一个半结构化、网页化、开放性、情景化的资源动态生成与交互教学应用环境[1]。微课程以其教学目标明确、内容短小精悍，集中说明并解决一个问题的小课程，具有快餐化、简单化、实用化、多样化、聚焦化、智能化、娱乐化等鲜明特点，更加适合网络平台的共享与传播，随着移动网络的快速发展，学生智能手机的普及，微课程实现了对教师“教”的资源和学生“学”的资源的有效补充。因此，高校“微课”网站的建设一方面能够提升教师专业发展水平，促进高校课堂教学改革，另一方面能够辅助学生自主学习，激发学生学习兴趣，提高学习效率。“微课”建设作为笔者所在高校促进教育教学改革的一个锚点，是校内信息化教学的重要组成部分，该网站的建设不同于其他商业类网站，要把师生的教学需求放在第一位，避免形式主义，同时要区别于社会微课资源网站建设，体现财经类高校课程特色，立足本校教学，兼顾社会效益。因此，“微课”资源网站的设计，首先从师生需求出发，前期设计着重考虑教师的教学需求与学生的学习需求，一方面能够满足学生的自主学习需求，另一封面也要能够成为教师课堂教学的辅助平台。在强调资源建设的同时，丰富网站各项教学功能，力图实现资源与教学平台的同步发展，打造成为校内教学资源中心与网络平台，进一步丰富教师教育教学方法，更新教育教学理念，推进高校教育信息化改革。

二MOOC理念对微课资源网站设计的启示

1MOOC概述

MOOC，是英文AMassiveOpenOnlineCourse的首字母缩写，中文译为“大规模网络开放课程”，维基百科的解释为：MOOC是由大量参与者经互联网并免费开放的网络课程。除了提供传统课程材料，如视频，阅读，和问题集外，MOOC还帮助学生、教授和助教们搭建一个网络互动社区[2]。MOOC是近年来出现的一种在线课程开发模式，其完全开放性、超大规模、用户自组织和社会建设性的特点造就了其在互联网迅速普及的神话。所有的MOOC课程都是完全免费开放的，这些课程不是搜集，而是一种将分布于世界各地的授课者和学习者通过某一个共同的话题或主题联系起来的方式方法。MOOC课程提倡共享资源，汇集大量用户思想以获得更多的知识，这种理念来自于联通主义学习理论，与联通主义的基本观点相对应，Downes等人总结出MOOC课程的若干基本原则。（1）聚集。在传统课程中，学习内容是由教师提前准备好的。而在MOOC课程中，大部分内容是动态汇集的。课程为分布在互联网各处的海量内容提供了一个集合点，这些内容会通过网页或课程通讯（Newsletter）等形式聚合以提供给课程的使用者。这些内容是无止境的，学习者很可能不能读完所有的内容，他们应该根据自己的兴趣选择要学习的内容。（2）混合。学习过程中学习者将课程中的内容和课程外的内容相互混合，将学习者自己的资源和课程资源混合。通常的做法是撰写博客，通过社会性书签记录和分享新资源，参与论坛讨论，使用Twitter发表简短的意见等。（3）转用。根据学习者自己的目标转用聚合的课程资源以及混合后的资源。课程的目标不是让学习者重复课程的已有的内容，而是鼓励他们在此基础上有所创新。学习者可以基于课程已有知识根据自己的理解和想法编撰新的内容。（4）推动分享。学习者应该积极与课程的其他学习者以及课程外的所有人分享自己所创作、混合或转用的创意和内容，引起更多的回应和评论。分享的内容可以是新资源、新观点、新见解等。这些内容中有价值的部分也会被课程协调人聚合到课程通讯中[3]。

2MOOC课程的运行模式

根据李青等[4]对国际上流行的MOOC课程分析，MOOC的一般运行模式如图1。每门MOOC课程都会有一个中心平台（一般会采用Wiki或Blog等简单易用的社会化工具），由课程协调人管理和维护。通过该平台的课程信息包括课程概要、内容资源、每周话题、活动通知、组织教师介绍等等，以此组织整门课程的学习活动。学习者可自由选择论坛、微博、社交网站等个性化学习工具。在MOOC课程中，教师话题和活动，协调学习者的讨论，推动学习进程；学习者则通过各种平台和工具，浏览、讨论、完成作业，最终达到学习的目的。这一流程对于微课资源网站设计的启发是，微课资源网站不应该只是一个资源的、下载站点，应该更加注重教学互动，为师生提供专属讨论区、自由的资源共享权限、灵活的资源分享方式，成为一个集资源分享、社区讨论为一体的教学平台。

三基于MOOC理念的“微课”网站设计分析

首页设计历来是网站建设的重要一环，不仅因为"第一印象"至关重要，而且直接关系到网站各频道首页及频道以下各级栏目首页的风格和框架布局的协调统一等连锁性问题，是整个网站建设的"龙头工程"。不少新闻网站的首页大同小异，毫无个性可言，不免令人可惜。尽管网站建设是以"内容为王"，但其实形式与内容在各个创作领域都是互为表里、相得益彰的。一个网站如果没有一个成功的首页，在内容或其它方面办得再好，也很难跻身一流网站之列。

2000年以来，各省的重点新闻网站纷纷开通，虽说主要定位于新闻网，但一般也是各省的代表性网站，不仅其规模在省内最大，其首页实际上成了某个省份的重要形象之一，是该省在网上的唯一"面孔"。所以各省重点新闻网站的业内同行实际上一直在作无声的较量，力求在开网之日有一个不同凡响的首页。有些网站开通后不久即进行了改版，欲"换一副面孔"即是重要动因；因为在网站开通前的筹备期通常时间窘迫，来不及对首页设计进行全方位的思考，开通后不久即会有较大缺憾并非会在预料之外。

新闻网站的首页要做到不同凡响、一鸣惊人，主要需要考虑三个"冲击力"的问题，即色彩的冲击力、布局的冲击力和logo的冲击力。如果在这三方面都能给网友以全新的感受和强烈的冲击，就达到了一个较高境界的首页设计理念。

一、关于色彩的冲击力

省级新闻网站，实际上也兼作政府网站和地方门户网站，其首页的风格，应当是沉稳、简明、大方。与商业性网站的色彩斑澜和个人网站的简洁淡雅相比，新闻网站宜采用对比鲜明、冲击强烈的色彩作为首页的主色调。即以一两种基色的搭配的为主色，来显示新闻网站整肃而富有竞争力的特性。由于主色构成相对单一，所以宜通过较浓烈的色彩来强化人们的视觉，如果色彩过淡，感觉上会趋向于个人主页，也容易有失轻漂，压不住阵。

千龙网作为首家开通的省级重点新闻网，2000年3月8日首次亮相时采用了黑与白为主的基色，给人留下了较深的印象。而两个多月后开通的东方网，其首页以淡黄色为基调，过份强调了"高雅"，却未能形成"色彩冲击"方面的后发优势，这不能不说是东方网在推出三个月后就进行改版的一个重要原因。东方网（当年8月）改版后给人的第一印象，就是大胆地一扫众多网站"轻描淡写"的首页风格，以红与黑相间的主色调，给人以前所未有的强烈的视觉冲击，不禁令人为之击节叫好。其后，东方网由于种种原因，于2001年元旦进行了第二次改版，但依然保留了这色彩个性极其鲜明的主色调。

2001年5月25日，千龙在正式运行一年后首次改版，断然放弃了开网之初的黑白之色，代之以"京城故宫围墙赭红与皇宫金黄色调的搭配"①，色彩对比依然鲜明，但又成功地体现了千龙地处首都地域的风格定位，并给其它新闻网站提供了从地域特色和文化内涵方面寻找首页主色调的设计理念，深化了人们在首页基色定位方面的思路。相形之下，东方网则很难回答其"红与黑"与上海这个城市或"东方文化"之间的内在联系，而更多是纯美术层面的选择--"红与黑"历来是很抢眼的色调。上海人捷足先登了，其它省市也只有妒忌的份。

目前省级重点新闻网站已有十多家，但千龙、东方首页仍然以其鲜明而强烈的个性色彩鹤立鸡群。

一、企业网站设计现状

有两种类型的企业需要构建网站，其中一种是企业能够深刻地认识到网站对于企业的重要性以及实用性，能够通过网站来提高企业的整体形象，可以利用网站来挖掘其存在的巨大商机，这样可以创建消费者与企业之间沟通的桥梁。一般这些企业都属于门户企业，其对于网站的建设以及维护资金投入比较充足，对网站的设计方面也有着较高的要求。这也导致网站开发的周期较长，同时开发的难度也相对较大，因此，必须要具备良好的网站设计经验，才能胜任。另一种就是企业对于网站设计方面的认识较为浅显，并没有进行深入的了解，对于网站并没有过多的要求，只是简单的图片和文字，网站功能不要求充分地开发出来。因此，开发这类企业的网站较为简单，周期相对较短，开发出的网站实效性不大。从整体上来看，高职计算机教育存在较多不合理之处，过于注重理论或过于注重实践教学都是不可取的行为。因此，高教课程必须结合实际，针对企业需要培养人才，满足企业真实的需求，对课程进行相应的调整。

二、高教课程的网站设计

由于高职院校网站建设方面的课程缺乏系统化与综合化，学习的内容主要在开发语言方面，对于网页核心价值的信息以及内容所涉及的都较少。要求网站设计的课程必须适应时代的发展，其教学内容要不断进行更新，只有这样才能满足学生求新和求异以及求实用的心理，从而使学生对新知识的需求得到满足。其他国家目前的网站设计课程已经发展成一门综合的讲授课程。首先讲授的是信息策略和技术，其次是信息体系，最后是因特网技术，由此我们可知设计网站首先要认识信息体系。在进行系统的教学时，我们应该暂时将搭建网站的高级语言放下，可以将网站表现以及一般的架构作为着手点。想要帮助学生理解网站设计不是要堆砌内容，而是将各种多媒体的元素进行有机的整合。建设一个良好的企业网站，其实也就是将其信息进行整合的过程，这必须在了解企业各种需求的前提下进行，并且还要掌握企业在市场中处于的实际状况，以及竞争的状态和销售的渠道等。将信息和互联网技术进行有机的结合，将适合网上操作的工作移到网上来进行，可以使网站的功能得到充分的发挥。并且，还可以加入一些网页布局工具，如Dreamweaver以及flash软件等，这部分内容在今后的工作中具有较为实用的价值。可以适当地将一些国际优秀的网站引到课程中，让学生对其进行深入的分析与讨论，使学生形成最基本的设计以及策划等能力。高校的就业工作不能单单只依靠相关就业部门以及相关的职业指导教师，而要有专业性的教师指导。专业性的教师要在适当的时间内，依照学生所学专业和对学生的毕业跟踪，为学生专业的培训方案提供真实有效的根据，并定时地根据全新的教学内容，将全新的知识、理论以及全新的技术融入到学生当中，同时还要不断地调整学生的专业培养方式，避免供需结构之间的矛盾，拓展学生专业的就业面。对于计算机网站设计方向的学生来说，他们要搭建网站，需要一个较为完整的策划，这种策划需要具备企业的市场分析、可实施性分析、对目标群体的分析、对网站的主要栏目的编制、网站的主要功能类型以及网站的整体性结构等方面的知识内容。在进行了各个方面的调查与分析之后，才可以为企业设计出最符合企业发展的网站策划方案。因此，在讲授网站设计技术知识的基础之上，还可以适当地加入一些相关网站策划的知识，比如市场销售理论、知识传播理论以及网络推广方面的知识，以此来全面地拓展学生的知识面。

想要使高职院校学生具备应该具有的与社会发展相适应的知识与能力，高教课程必须要和社会的实际需求有密切的联系，不断地创新体系以及教学的内容和手段，进行全面的改革，力争做到与时俱进。同时教育的环境必须能够适应教学的新模式，创造一个适合培养复合型人才的环境。因此，高教课程与网站设计行业进行整合是形式所需。

作者:郝文莲单位:襄阳汽车职业技术学院

1网站整体形象

图书馆网站是高校图书馆在互联网上宣传和展示自己的窗口。为了使图书馆的主页在其形象上具有个性，使读者便于识别，在图书馆网站设计时引入视觉识别系统是必要的。对于高校图书馆的网站页面设计的视觉系统包括：网站标志、网站标准字、标准色、版面、专用字体等元素。网站的经营战略、管理理念和服务理念通过网页中各个元素传递给受众，网页设计的成功与否将直接影响到访问人数，影响到网站的生存。此引可见视觉识别系统是网站与受众沟通的桥梁，是网站吸引受众的因素之一，它突出地展示了网站的风格与特点。

1.1网站标识

网站标识是网站视觉识别系统里的核心内容，作为一款符号图形，其隐喻图书馆的管理理念，具有精神上的象征性。现今国内高校图书馆多是将校徽图形进一步演变而产生的图书馆标识，且多是与图书的形象元素有关。国外高校则会采用一些范围更广的元素作为设计雏形，而不仅仅只局限于“书本”这个人人皆知的元素。对于图书馆标识的设计笔者认为更应该紧扣文化、传承以及院校和图书馆的办学管理理念，既不应该死抓“书本”这个耳熟能详的元素，也不应该完全抛弃图书馆这个核心而为了迎合时代潮流去追求一些形式美，毕竟在中国，儒雅、中庸这种儒家文化已经深入办学理念，过分的张扬与外露很容易导致不必要的外界争论。

1.2网站标准字、标准色、版面、专用字体

辅助标识的使用更进一步的加强其网站的可识别性。对于这些元素的使用，除了部分外联的论文数据库外，应该深入实施于网站内的每一个网页。在这一点上，国内很多高校图书馆的网站做得很差，因为其馆内图书目录数据库几乎都是外包与社会中各数据公司进行设计，并且在设计时，公司、图书馆、校园网络中心三者之间没有很好的交流，这就致使设计出的数据库页面与图书馆主页之间有着很多不相符，甚至完全背道而驰的设计元素。这就使得用户在使用时，心理上会有一定的不确定性，很大程度上降低了网站的实用性。

2网站结构

高校图书馆网站的使用应该有明确的对象性，这就可以得出读者在使用时需要什么样的服务。或者说什么样的服务可以更好地满足读者。目前，国内高校图书馆主页为“馆情介绍”、“数字资源”、“读者服务”三大模块是各图书馆的对于网站结构上的共同认识。对国内排名靠前的28所大高校的图书馆进行调查，发现其主页的大部分空间都被这三大主题下的若干二级栏目占据着。主页设有“本馆介绍”“、馆长致辞”“、历史沿革”“、部门介绍”“、规章制度”“、开放时间”等传统栏目的达19所（占67.19%），主页“服务项目（或服务指南）”栏目下由“借阅服务”“、教学与培训”“、代查代检”“、定题服务”“、课题查新”“、文献传递”“、新书通报”“、荐购图书”等排出长长队伍的达25所（占89.13%）。上述这些栏目的主要功能仅仅是用于介绍和展示图书馆本身，这些信息对于一个新的用户而言，的确有一定的意义，但是新生占大学在校生的比例毕竟有限，对于那些已经熟悉图书馆情况以及使用方法的用户而言，可以说没有任何意义了。目前，高校学生对于图书馆网站的使用主要包括两个方面：馆藏图书查询借阅与电子数据库查阅。因此，在进行网站设计时应该牢牢把握这两个模块，将其放在主页的醒目位置，而不是用更多的篇幅去介绍图书馆的自身情况。同时，作为图书馆本身应该对其办馆理念进行相对的调整，图书馆作为一个服务性机构，其首要功效是服务于高校师生，应该充分考虑本校师生对其栏目设置和内容的需要。

摘要：21世纪的今天，人类已经进入了信息时代，互联网这一新兴科技产物，已经融入到了人们生活和工作的方方面面。互联网的普及催生了新的商业模式和企业新的发展战略机遇的出现，实践证明，任何企业在发展过程中，都必须充分从互联网中借力，否则将被淹没在信息时代激烈的竞争洪流当中，对茶企来说，同样如此。当前，茶企在网站建设方面，已经投入了不少的经费与精力，但从网站所带来的营销效果看，仍存在着诸多不足。基于此，本文尝试从营销视角切入，对营销视角下茶企的网站设计进行简单分析，希望对相关从业者可以产生一些有益的启示。

关键词：营销视角；茶企；网站设计

近年来，网络技术发展迅猛，迅速渗入到社会生活的各个领域当中，深刻地影响着各行各业的发展路线。在这其中，互联网的出现与崛起，对茶企产生了显著的冲击。茶企纷纷意识到，唯有迎合互联网的发展大势，抓住互联网中蕴含的丰富商机，才能在激烈的市场竞争中站稳脚跟，通过互联网创造更好的营销效果和更大的收益。在互联网营销中，茶企网站起到了营销门户的作用，可以最为直接、最为全面地展示茶企的全部产品、企业文化和发展轨迹，可以说是茶企网络营销的大本营和重要基地。因此，有必要通过良好的茶企网站设计策略，挖掘茶企网站中蕴含的营销潜力，提升茶企的营销价值，扩大茶企的营销前景。

1茶企网站设计的现状与改进方向

近年来，随着企业网站营销效果的集中体现，茶企对企业网站设计工作越来越重视，并投入了大量的人力、物力与财力，取得了丰硕的网站建设成果。毫不夸张地说，现在中国境内的茶企，无论大小，基本都拥有自己的网站以及网站维护队伍，这是茶企顺应时展的体现，也是茶企积极借力互联网的体现。但客观来看，由于网站设计经验与专业人才的限制，不少茶企在网站设计中仍然暴露出一些明显的问题。一方面，由于企业管理层懂网络的人不多，对网站设计缺乏规划，导致网站虽然设计出来了，但是存在内容混乱、与营销脱节、更新不及时甚至瘫痪的情况，对茶企的网络营销造成了非常不利的影响。另一方面，不少茶企在企业网站的定位上存在摇摆不定、含混不清的情况，在企业网站中的内容缺乏质量，没有意义，在产品栏目摆放的产品内容单一、介绍不够详细，甚至一些茶企完全不知道应当在企业网站当中放什么内容，内容的仅仅是随意为之，这些都限制了茶企优势功能的发挥。此外，茶企尤其是中小茶企由于缺乏专业的网站建设人才，在网站设计方面方法简单，往往是用风格单一的模板直接制作，难免落入大众化、单调化的泥潭，使得网站的魅力大幅削弱，甚至在一定程度上损害了企业在地面营销中塑造的高端形象。与高端的企业网站设计案例对比可以发现，以上都是茶企在网站设计中需要改进的方向。及时改进、及时通过网站设计提升网站营销效果，是茶企长远发展的必然要求。

2营销视角下茶企网站设计原则

企业网站设计的最终目的，是为了帮助企业进行展示和营销，不重视营销效果的企业网站设计，将丧失企业网站设计最核心的功能，对企业的营销乃至长远发展不利。从营销视角来看，茶企网站设计应当遵循以下一些原则：

2.1明确的设计目的

一、视觉设计定位：一目了然

主题内容一目了然是宜家家居网站给用户的第一感觉，这也是“访客至上”网站的重要特征。宜家家居网站能让用户快速了解该网站的主题内容，并让用户快速知道如何使用它，这主要体现在其主页的视觉设计上。主页是一个网站必备的重点要素，其视觉第一印象能否令人心动，直接影响着网站的整体形象。因此，追求“访客至上”的宜家家居网站把主页的设计看得至关重要。从宜家家居的主页设计中我们可以看到，页面一目了然的视觉设计定位清晰明确。显然，其页面设计是为一目了然的“扫描”而设计，而非为理性思考的阅读而设计。因为从整体上看，其内容布局主次分明、疏密得当、规范有序，并具备“站点标识”“站点层次”“功能推介”“快捷方式”“内容简介”“内容更新”“友情链接”（宜家家居网页导引标题）等适合快速浏览的内容，且图文面积搭配也适宜快速识别。其中，大图片的使用不仅使页面形成了视觉焦点，也凸显了其经营家居产品的主题。整个主页设计风格简约明快、干净利落，而且内容完善，重点内容突出，尤其是“绿色调”色彩设计，可谓独特高雅、清新明朗，并且体现了瑞典绿色植被丰盛的国家特征。同时，当用户领略和欣赏此主页时，不仅会立刻感受到网站“为家注入新活力”的经营主旨，也能快速找到自己想要的产品，这无疑极大地增强了网站的向心力和用户的使用信心。

根据宜家家居网站主页的设计，我们可以从用户的角度“体验”一下操作过程。当用户打开宜家家居网站的主页时，可能会遇到以下情况：如果是想了解宜家家居近期的产品动态，用户可以直观地看到网站在页面中间第一时间更新的近期产品信息；若要注册会员，用户可以点击位于页面右下角的“宜家俱乐部”；或者还想查找需要了解的其他相关信息，则可以直接“咨询”网页左侧别具特色的“问问安娜”等，因为这些项目及其点击方位的设计都显而易见、一目了然。也就是说，无论用户浏览宜家家居网页是出于什么目的，都能在这个页面上轻而易举地实现，其过程为：“浏览—定位—点击—获取—满足体验”。相反，我们经常接触到的一些其他网站的页面却大多是大片零碎的文字信息，用户的视觉往往被淹没其中而找不到浏览的起点或方向，其原因多是设计者缺少一目了然的设计意识。虽然这些信息也都是网站设计者花了很大的心思设置的，他们或许认为这些东西都有用或都很精彩，却没有意识到其主题和内容因为这些内容的存在而变得凌乱不堪，用户在浏览时也会眼花缭乱。实际上，大部分时间里用户在浏览网站时不会盯着每个网页仔细阅读设计者精心编制的文字，并通过它们领会设计者的设计意图，而是像在高速公路上坐车看窗外的高架广告一样，只是粗略地感受，不会用心阅读或思考。这就要求网站设计者在设计页面时要省略不必要的文字信息，如欢迎词、非实质性的广告语、类似的指示说明等，以求最大限度地降低视觉噪声，从而保持页面的整洁和明晰。因为在用户看来，重要的并不是设计者提供的信息量有多少，而是设计者能否给他们提供明晰可辨的阅读秩序。可见，站在用户的角度，网页的设计做到一目了然、主题鲜明有多么重要。

无论如何，作为一个网站，一目了然的主题和清爽明确的视觉布局总能让用户的体验过程轻松愉快。因为这样的网页设计会让用户的浏览更有实效性与享受感，也会给用户留下深刻的印象。所以，当一个网站的各种视觉元素都鲜明地围绕特定主题清晰地展现出来时，这样的网站就能够满足用户对其功能的体验需求，进而满足其情感的体验需求。宜家家居网站一目了然的视觉设计定位即展示了这种特性，其迅速吸引用户并快速传达信息的设计效能，也体现了网站“访客至上”的优秀品质。

二、创新设计定位：新意迭出

一个网站想要真正做到实效的持续性，除了要有实在的内容和一目了然的视觉设计之外，还要有创新意识与创新设计定位，并切实做到在设计实践上不断创新。宜家家居网页的设计策划就有其独到和精妙之处，总是新意迭出，让用户在浏览其网页时不断处于惊喜状态。应该说，这也是对“访客至上”诚挚追求的一种体现。人们对第一次看到或接触的事物常常印象特别深刻，宜家家居网站的设计者似乎深谙其道，总是不断为用户制造美好的“第一印象”。其中，宜家家居网站不断花心思让用户听网站讲新“故事”就是明显的一例。新“故事”常常是伴随着新产品出现的，在其网站中，当用户点开其中一项内容时，网站所呈现的方式和内容往往会让用户眼前一亮，新鲜感扑面而来，此时用户会不自觉地意识到新产品又上市了。如，当用户点开“PS2012系列产品背后的设计故事”想深入了解2012年的新产品时，网站就会选择用一种别开生面且生动有趣的方式向用户传达产品的最新信息。

其场景是由2012年的新产品构成，画面轻松幽默、颜色艳丽时尚、氛围生动感人，场景中的三个人物即是这些产品的设计师，他们不断重复着表演性的动作，与用户“互动”，引导用户点击“这里”，这种场景的设计本身就具有十足的创新性。当用户点击其中一个设计师时，会直接链接相关视频，让用户观看他们构思、设计和制作这些产品的过程以及设计这些产品时所经历的有趣故事。这种方式打破了常规的互动模式，更大限度地缩短了用户与网站之间的心理距离，增加了用户对网站的信任度，并且使用户通过设计者提供的视频对原本不了解的产品有了较全面的了解，以此增强了用户的购买欲望。正如宜家家居广告语所言：“我们始终秉承一贯的理念。好设计属于每个家庭，我们将继续不断提供大众买得起的好品质和好设计。”正是这种创新意识与创新举措，使宜家家居网站不断产生新“故事”，并吸引着无数用户期待着新的美好体验。

“视频胜过千言万语”④，这种方式已经被很多网站掌握并利用。而宜家家居的网站设计则是在这种形式的基础上，根据用户求新求异的体验需要，通过不断讲新“故事“的方式进行突破，而且获得了优异、持续的成效，这是其他类似网站所不具有的优势。在人们越来越重视感性因素和符号意义的今天，以互动方式给用户讲一个完整的“故事”，使其获得虚拟的体验并在体验过程中自动开放自己的思维，进而接受设计者的引导，不能不说这是一种有效的信息传播途径。我们都有这种经验，若网页只是“说教式”地展示产品，点击率非常低，而创造性地把讲“故事”与产品捆绑在一起，营造一个特殊、美妙的用户体验过程，点击的流失率则会大大降低。因为在网站这样的开放平台上，虽然用户的口味和喜好千奇百怪，个性和诉求都不一样，但求新求异的心态是相同的。从表达形式上评价，一方面，宜家家居网站以讲“故事”的方式为网站和用户创造了更多互动的机会；另一方面，这种表达风格也显得尤为时尚、亲切和独特，因而深受用户喜爱并为宜家家居培养了更多的潜在消费者。可以说，这是其网站创新设计定位的结果。对于用户来说，宜家家居网站的创新设计定位不仅仅是一种体验的诱惑，更为重要的是其通过这种新体验能及时了解到最新产品的上市信息和销售状况，从而方便消费者形成一个较为理想的选择。这种“访客至上”的诚恳之心，不仅带动了宜家家居网站成为一个新意迭出的网站，也因此使其形成了自己的网站特色。

1电子政务网站设计原则与设计目标

1.1网站设计原则

电子政务网站设计要符合政府部门工作需要与广大人民群众对政府服务监督的原则，网站信息功能操作便捷，满足政务公开与新闻需要，网站设计要具有前瞻性，可实现网站栏目的增加和后台数据库的扩容，此外，电子政务网站的安全性是网站运行的关键内容，电子政务网站设计要充分考虑网站安全的诸多方面因素，不仅要保证网站信息数据的准确性与完整性，而且要具备防破坏和防攻击能力。

1.2网站设计目标

电子政务网站是面向社会的政务信息与在线政府服务的公共平台，电子政务网站设计目标是要实现大量政务信息公布，网上办公及资源共享，政务信息公布是要将政府所掌握的信息资源及时、准确的向社会公布，提高社会对政府公信度的信任值；网上办公，实现政府办公电子化，如会议通知、政府形象、法规办公、信息传达、意见调查，网上办事等功能由电子政务网站实现；资源共享是将政府部门所掌握的社会所需信息资源建立数据库，可通过搜索功能实现对数据库资源的调用，以便民服务为宗旨实现政府网络服务功能。

2电子政务网站结构设计

2.1电子政务网站层次结构

本文所设计的电子政务网站采用B/S架构，建立3层结构即：表示层、业务逻辑层和数据访问层，网站设计分层结构不仅能够提高网站的访问速度，而且数据库与表示层分离增强了网站的安全性。电子政务网站层次结构如图1所示。表示层主要是实现办公自动化、公共信息管理及与群众信息互动管理；业务逻辑层是实现电子政务各项工作分类，根据政务内容进行工作流划分，归类处理；数据访问层是实现网站平台与数据库之间的关联，可实现数据存储与调用，通过数据整合、过滤和转换，将政务数据存入数据库，方便用户进行调用。

一、校内考研网站的设计与制作

校内考研网站设计的总原则是：服务好本校迫切需要解决复习考研过程中出现各种各样问题的学生。网站的整体规划及框架设计必须是具可扩充性的，前台页面的设计必须能保证网站在增加栏目后不会破坏网站的整体结构。后台数据库的设计必须具有高度的扩充性，使得后台管理人员能够根据需要对栏目进行增、删、修改。校内考研网站的设计风格为：综合性考研网站，清新、简约风格，有一个统一的logo图案，背景为学校鸟瞰图。界面创意为标准的图标风格设计，统一的构图布局，统一的色调、对比度、色阶和图文风格。校内考研网站的功能要求为：

（1）具备完善的类别：机构设置、招生工作、学科建设、历年真题、资料下载等功能。

（2）资源的共建共享：使用者可以随时、随地通过网络访问、上传下载存放和使用库中资源。

（3）WEB集成：基于WEB的应用模式，使教学资源制作、管理，信息、教学交流、资源共享与交流都能在网上进行。

（4）自主学习：提供完善的网络课程库、真题库、专家答疑辅导功能、试题库与在线考试功能，学习者可以自主完成专业课程学习。校内考研网站的后台管理包括：

（1）图片管理：对图片的管理包括添加、删除、修改，图片的内容元素主要包括图片的名称、所属的栏目分类，分类由“栏目管理”中动态生成、上传图片，将图片上传到网站页面上。

（2）栏目管理：一般是以设置图片或内容的类别作为栏目，在这里可以进行栏目的添加、删除修改栏目名、菜单的排序、类别排序、首页排序。

摘要：本文分别利用ASP，PHP，JSP这三个动态网站技术，使用跨Windows和Linux平台的同一个数据库MySql，采用统一的三种格式的表单界面，借用三种连接数据库的方法，在三种不同特点的WEB服务器环境下,给出了电子商务网站设计中的主要的前台和后台程序。关键词：电子商务网站，网络数据库，ASP，PHP，JSP，服务器

1．引言：目前动态网站设计技术主要有：利用Perl/C++/Delphi等开发的CGI,两种有名的API-ISAPI/NSAPI,还有ColdFusion，以及最近几年流行起来的3p技术-ASP，PHP，JSP（据Internet上有关网站统计约有近百种）；ASP-AtiveServerPage，由微软公司开发，是一个WEB服务器端的开发环境，主要采用脚本语言VBScript（或javascript/perl等）作为自己的开发语言，可用ODBC或直接驱动法访问Window平台的数据库。PHP-PersonServerPage，是由Rasmus个人创立的一种跨平台的服务器端的嵌入式脚本语言.它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,.是一种很有个性的网站开发语言，它支持目前绝大多数数据库。JSP-JavaServerPage，是Sun公司推出的新一代站点开发语言，Sun公司除Java应用程序和JavaApplet之外，又创立了JSP，其可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序开发，特别是有许多访问数据库的方法。在电子商务平台设计中，主要需要解决"网站结构的设计"，"注册界面"，"交易界面"，"后台数据库"，以及"配套模块"诸如购物/用户/论坛/反馈/搜索/会话等设计；考虑篇幅，本文只给出统一的前台界面及后台数据库的3p设计方法；可以说ASP，PHP，JSP与网络数据库的操作是电子商务网站平台设计的坚强基石。

2．构建三种设计技术的运行环境

2.1构建ASP的运行环境：NT5.0Server,IIS5.0,ASP3.0。安装Windows2000Server(NT5.0Server)时选择IIS5.0有关选项。安装完后ASP3.0便内嵌于IIS5.0中。测试ASP:启动浏览器，在地址栏处输127.0.0.1:80/default.asp,若浏览到IIS服务器的ASP欢迎页面，说明安装成功

2.2构建PHP4的运行环境：NT5.0Server,Apache1.3.12php4.0安装支持PHP的web服务器Apache1.3.12，将Apache服务器压缩文件解压缩，根据提示进行整个安装过程,自己选择安装到目录d:\apache下。安装PHP4，将PHP4压缩文件解压缩到d:\php4即可，同时将其中的php.ini-dist文件拷贝到winnt目录中，将文件更名为php.ini,打开该文件将其中extension_dir设置为：d:/php4,并加载扩展模块：将文件中含有;extention=*.dll的各项前面的";"号去掉即可；修改设置Aphache服务器，用文本编辑器编辑目录d：\aphache目录下的子目录conf下名为httpd.conf的文本文件，首先将"#ServerName*"这一行下加入"ServerName127.0.0.1/";，其次将"Port80"改为"Port81(或其他与IIS5.0不冲突的端口)",再其次设置更改Apache虚拟目录,将"Documentroot"d:/Apache/htdocs""改为Documentroot"d:/trade"(该目录即是电子商务网站目录，可用任意方法建立目录trade)，最后加入支持php4的如下语句：ScriptAlias/php4/"d:/php4/"AddTypeapplication/x-httpd-php.phpAddTypeapplication/x-httpd-php.phtmlActionapplication/x-httpd-php4"/php4/php.exe";测试php：完成上述步骤后，在d:\trade目录下，用如何文本编辑器,生成扩展名为.php(或phtml)的文件test.php,在文件中输入如下php代码,存盘后，启动Apache,接着你在浏览器中输入127.0.0.1：81/test.php，若看到php的版本和扩展模块等信息，说明环境安装设置成功。

2.3构建JSP的运行环境：NT5.0Server,Resin1.13,jdk1.3安装Java编译器jdk1.3：运行jdk1_3-win.exe，按照提示完成安装即可,将其安装在d:\java1.3目录,也可安装在其他目录。设置系统环境参数：控制面板/系统/环境页中选择path参数加入d:\jdk1.3\bin;增加新的环境参数classpath=d:\jdk1.3\lib\tools.jar;d:\jdk1.3\lib\dt.jar;，然后重新启动计算机即可安装支持JSP的web服务器Resin1.1.3,将RESIN-1.1.3.zip释放为d:\Resin1.1.3即可。配置服务器端口,打开d:/resin1.1.3/conf/目录下的resin.conf文件在

8080

标签处将端口设置为82(在我的NT5.0上装有三个服务器,这样三个服务器的端口分别为IIS:80;Apache:81;Resin:82其实也可设置为其他互不冲突的端口号).测试JSP：启动Resin服务器，启动浏览器，在地址栏处输127.0.0.1:82/,若浏览到Resin服务器的JSP欢迎页面，说明安装成功

一、茶企网站设计原则

茶企网站视觉设计是以互联网作为载体，以互联网技术和数字交互技术为基础，依照客户和消费者的相关需求设计，同时遵循艺术设计规律，实现商业目的与功能统一，是商业功能和视觉艺术的统一。设计具有江西文化特征的茶企网站，需要把握以下设计原则:

(一)主题鲜明性。创建网站首先必须具有明确的目的和目标群体。既然是作为宣传江西茶叶的网站，首先需要考虑广大消费者对于江西茶叶的了解和印象。明确设计网站的主要目的是为了宣传产品、介绍企业还是推广电子商务?例如云南大益茶业集团官网设计，网站宣传主题目的非常明确，宣传和推广大益品牌的茶文化和茶产品。

(二)信息专业性。网站的信息内容应该充分展现茶企的专业性。通过各类信息、数据向外界介绍茶企的业务范围、性质和实力。作为江西茶企，应通过网站各类信息，向消费者和客户宣传江西茶文化和茶叶的优势和独特之处，塑造良好的品牌形象从而创造更多的商机。

(三)功能实用性。茶企网站提供的各种功能服务应符合浏览者实际需求并且体现企业文化。如英国著名茶叶品牌“立顿”茶中文官网中，在栏目设置上从立顿品牌诠释、品牌历史到立顿产品简介、立顿广告营销等等提供了丰富的功能设置。

(四)设计艺术性。茶企网站设计将企业文化内涵与现代界面设计理念相结合，创造出能够充分体现茶企独特的企业文化理念、卓越的产品特性等视觉形象，塑造茶企良好的品牌形象。如江西“大鄣山”茶企网站首页设计(图1)，以美丽茶园景色为背景，绿色充溢整个页面。页面设计丰富而单纯，将受众带入到情景之中，极具视觉冲击力。具有良好视觉形象设计的企业网站，不仅能达到宣传企业、提高企业知名度的效果，而且“人性化”的设计理念也会给予用户以视觉和心理上的双重愉悦感和美的享受，使用户发自内心地接受并喜欢浏览网站的信息，从而使企业和用户达到了双赢。

二、茶企网站设计中的视觉表达

企业网站的视觉设计不仅仅只是网页的装饰设计，更重要的是体现了企业的形象和文化。茶企网站设计中的视觉表达必须遵循基本的设计规律且符合基本的美学原理和排版原则。江西茶企网站设计的视觉表达从以下几个方面进行分析。