设计网站十篇

导语：如何才能写好一篇设计网站，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

设计网站篇1

1.1企业类网站的概念

企业类网站通常就是指应用网络在信息传播领域的特征，以互联网作为重要的手段和载体进行网站的建设，以达到为企业扩大社会影响力的目的，让更多浏览者通过网页对企业更加详细和深入的了解，从而也帮助企业建立一个更有利于自身发展的社会形象，同时也为目标客户提供一定的服务。当前，按照企业的行业特点以及企业建立网站原始目的的差异可以将企业的网站分成三个大类，第一类是基本信息类，第二是电子商务类，第三是多媒体广告类。

1.2版式设计的定义

版式设计通常就是指将网站版面上的图片、文字以及色彩进行合理的安排和规划，同时还要将这些元素通过一定的方式和手段凸显出来，从而能够实现更加艺术化的视觉效果，在提供给浏览者企业的一些关键信息的同时也可以充分的满足人们对审美的需要，版式设计的内容包括很多项画册、刊物、唱片封套和网页整体的页面等等，所以网站的版式设计在实际的工作中是表达视觉效果的一个十分关键的途径，它也是现代艺术设计领域一个重要的环节。

1.3网站版式设计网站的版式设计通常就是指在一定的空间内将视觉和听觉的内容进行合理的整合和编排，它和平面媒体的设计有比较多的相似之处，二者实际上都是将一些非常基本的要素进行整体化合理化的布局，同时还要根据主题和风格的需要对整个版面进行设计，一个成功的网站在给浏览者提供全面的信息的同时也可以很好的给浏览者以美的享受，这样一来，网站整体的价值再一次的得到了提升。

2.企业类网站版式的设计

2.1企业类网站版式的尺寸

企业类网版式在具体的尺寸方面和平面媒体的板面设计存在着比较大的差异的，后者的尺寸是比较固定的，但是网页版式的设计是不固定的，它也是相对性比较强的一个要素，因为浏览者和使用者在视觉习惯上都有着一定的不确定性，这样也就使得设计师在进行版式设计你的过程中无法对每一个元素的尺寸和位置进行有效的掌控，网站结构本身也和报纸杂志等平面载体有着非常大的差异，所以在网站版式设计的过程中难度也更大，在设计之前首先应该对网站空间和具体的页面尺寸进行了解，之后才能对其进行更加科学和合理的布局。科学技术的发展水平有了很大的提升，同时显示器屏幕的尺寸也有了很大的变化，由以前的15寸变成了现在的24寸，因为在网站运行的过程中浏览器的工具条实际上也要占用一些空间，所以网站的页面会因为屏幕尺寸的不同而展现出不同的视觉效果。按照当前很多人显示器中分辨率的常规设置，很多网站版面尺寸都是按照1024×768的像素进行设计的，这样就可以保证浏览者在浏览的过程中可以更舒服的进行信息的读取。为了能够更好的对浏览器水平方向的滚动条所占的尺寸进行考量，同时还要使得网站版式可以显示出更好的视觉效果，在网站版式设计的过程中应该将网站的安全宽度控制在合理的范围之内，这一数值通常都是1002像素，这样才能更好的保网站在水平方向上能够完全处在屏幕的范围之内，网站的页面长度实际上是可以无限延长的，它的实际长度和网站设置的具体内容有着非常密切的关联，但是为了保证整个网站的下载速度都能在一个比较合理的范围内，其长度应该控制在1到3屏之间。

2.2企业类网站版式的常用结构类

型企业类网站版式的常用结构有“国”字型、左右框架型、上下框架型、封面型、Flash型等。国字型又称为“同”字型，是网上见到最多的一种结构类型，也是一些大型企业网站所喜欢的类型。即最上面是网站的logo、标题以及横幅广告条，接下来是网站的主要内容，分为左、中、右三个部分，中间是主要部分，与左右一起罗列到底，最下面是一些企业的基本信息，联系方式和版权声明等。左右框架型，是由左右两个部分构成的网站整体布局，通常左边为导航的链接，右面是正文。通常企业类网站喜欢采用这种类型的结构，因为它使网站的内容一目了然，非常清晰，可以迅速吸引浏览者的眼球，快捷地捕捉到网站的信息。上下框架型类似于左右框架型，不同的是分为上下两个部分。封面型一般出现在网站的首页，多以精美的平面结合动画设计制作而成，设计一个“进入”按钮和一些简单的链接来完成页面的跳转，如果处理得好会给人赏心悦目的感觉。Flash型等同于封面型，与封面型不同的是它采用具有强大功能的FLASH软件制作而成，使得页面的信息内容更加丰富多彩，最显著的就是交互性和多媒体的运用。

2.3企业类型网站版式的构成要素企业类型

网站版式的构成要素有很多，logo、导航条、色彩、文字、Banner、快速通道等等很多的内容。首先logo是一个企业的主要标志，它是一个企业内在含义和企业文化的一种最为集中的体现。在使用的过程中它也是和其他网站建立链接的一个最为重要的内容，所以在网站版式设计的过程中它也是首先应该考虑的一个要素。其次是导航条，它能够为用户浏览网页提供重要的指引，同时它也是连接不同页面的一个重要的纽带和桥梁，浏览者通过鼠标对导航条进行点击就可以进入到相应的页面，了解不同的信息，这一要素设计的合理性直接影响到了网站设计和使用的整体效果。再次是色彩，企业网站版式的色彩实际上包含很多方面的内容，色彩的选择和搭配实际上是合格企业自身的经营项目和自身的性质有着非常密切的联系的，应用不同的色彩能够很好的体现出企业自身的文化和内涵，但是需要注意的是色彩的种类不要过多，同时色彩的饱和度也不要太高，这样才不会让网站的浏览者产生眼花缭乱的感觉。第四就是文字上的选择网站导航当中字体的可读性会对企业网站的点击量产生非常重大的影响，所以在进行文字设计的过程中一定要注重文字的美感，要使用多种字体去提高阅读的趣味性。

3.结语

设计网站篇2

企业需不需要网站？几乎所有有远见的企业家都会毫不犹豫地说：当然需要！但一个不容忽视的问题是，许多企业仅仅停留在"有网站"的阶段，他们并没有意识到一个界面粗糙、内容单

一、流程混乱、安全性差的网站，其实给访问者留下了极差的感觉，严重破坏了企业的形象。

怎么样的企业网站才算成功？时代财富顾问公司在为众多企业设计网站的过程中，总结出了一套完整的、有较高参考价值的《企业网站评定标准》，期望以此引起企业界对自身网站的重视，使企业网站真正成为企业宣传、管理、营销的有效工具。

企业网站定义：主要为了外界了解企业自身、树立良好企业形象、并适当提供一定服务的网站。根据行业特性的差别，以及企业的建站目的和主要目标群体的不同，大致可以把企业网站分为：

基本信息型：主要面向客户、业界人士或者普通浏览者，以介绍企业的基本资料、帮助树立企业形象为主；也可以适当提供行业内的新闻或者知识信息。这种类型网站通常也被形象的比喻为企业的"WEBCatalog"。

电子商务型：主要面向供应商、客户或者企业产品（服务）的消费群体，以提供某种直属于企业业务范围的服务或交易、或者为业务服务的服务或者交易为主；这样的网站可以说是正处于电子商务化的一个中间阶段，由于行业特色和企业投入的深度广度的不同，其电子商务化程度可能处于从比较初级的服务支持、产品列表到比较高级的网上支付的其中某一阶段。通常这种类型可以形象的称为"网上XX企业"。例如，网上银行、网上酒店等。

多媒体广告型：主要面向客户或者企业产品（服务）的消费群体，以宣传企业的核心品牌形象或者主要产品（服务）为主。这种类型无论从目的上还是实际表现手法上相对于普通网站而言更像一个平面广告或者电视广告，因此用"多媒体广告"来称呼这种类型的网站更贴切一点。

在实际应用中，很多网站往往不能简单的归为某一种类型，无论是建站目的还是表现形式都可能涵盖了两种或两种以上类型；对于这种企业网站，可以按上述类型的区别划分为不同的部分，每一个部分都基本上可以认为是一个较为完整的网站类型。注意：由于互联网公司的特殊性，在这里不包含互联网的信息提供商或者服务提供商的网站。

企业网站第一原则：目的性Intension必须有明确合理的建站目的和目标群体

任何一个网站，必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部？主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务？如果目的不是唯一的，还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。

建站的目的应该是经过成熟考虑的，包含几大要素：

目的应该是定义明确的，而不是笼统的说要做一个平台、要搞电子商务，应该清楚主要希望谁来浏览，具体要做到哪些内容，提供怎样的服务，达到什么效果。

在当前的资源环境下能够实现的，而不能脱离了自身的人力、物力、互联网基础以及整个外部环境等因素盲目制订目标，尤其是对外部环境的考量通常容易被忽略，结果只能成为美好的一相情愿。

如果目标比较庞大，应该充分考虑各部分的轻重关系和实现的难易度，想要一步登天的做法通常会导致投入过大且缺少头绪，不如分清主次循序渐进。

在充分考虑了目的和目标群体的特点以后，再来选择建站类型，并相应的安排适当的信息内容和功能服务。显然如果目标群体的互联网基础薄弱，建立电子商务型的网站就是个失误。在信息内容和功能服务的安排上，还应该避免大而全的十全大补丸式、贫乏空洞的八股文式、以及选材偏离主题的常见错误。

企业网站第二原则：专业性Specialization信息内容应该充分展现企业的专业特性

对外介绍企业自身，最主要的目的是向外界介绍企业的业务范围、性质和实力，从而创造更多的商机。在这里包括：

应该完整无误的表述了企业的业务范围（产品、服务）及主次关系

应该齐备的介绍企业的地址、性质、联系方式

提供企业的年度报表将有助于浏览者了解企业的经营状况、方针和实力

如果是上市企业，提供企业的股票市值或者到专门财经网站的链接将有助于浏览者了解企业的实力

如果提供行业内的信息服务，则这些信息服务应具备以下特性：

全面性：对所在行业的相关知识、信息的涵盖范围应该全面，尽管内容本身不必做得百分百全面

专业性：所提供的信息应该是专业的、有说服力的

时效性：所提供的信息必须至少是没有失效的，这保证了信息是有用的

独创性：具有原创性、独创性的内容更能引起得到重视和认可，有助于提升浏览者对企业本身的印象

所提供的信息是容易检索的

如果企业的客户、潜在客户包含不同语系的，应该提供相应的语言版本，至少应该提供通用的英语版本

企业网站第三原则：实用性Utility功能服务应该是切合实际需求的

网站提供的功能服务应该是切合浏览者实际需求的且符合企业特点的。例如网上银行提供免费电子邮件和个人主页空间就既不符合浏览者对网上银行网站的需求也不是银行的优势，这样的功能服务提供不但会削弱浏览者对网站的整体印象，还浪费了企业的资源投入，有弊无利。

网站提供的功能服务必须保证质量，这包括：

每个服务必须有定义清晰的流程，每个步骤需要什么条件、产生什么结果、由谁来操作、如何实现等都应该是清晰无误的。

实现功能服务的程序必须是正确的、健壮的（防错的）、能够及时响应的、能够应付预想的同时请求服务数峰值的。

需要人工操作的功能服务应该设有常备人员和相应责权制度。

用户操作的每一个步骤（无论正确与否）完成后应该被提示当前处于什么状态。

服务成功递交以后的响应时间通常不应超过整个服务周期的10%。

当功能较多的时候应该清楚的定义相互之间的轻重关系，并在界面上和服务响应上加以体现。

层次性：

条理清晰的结构，表现为网站的板块划分的合理性，这里需要注意：

板块的划分应该有充分的依据并且是容易理解的。

不同板块的内容尽量做到没有交叉重复内容，共性较多的内容应尽量划分到同一板块。

在最表层尽量减少划分的板块数量，通常控制在4~6之间比较合适。

划分后的结构层次不宜过深，通常不超过5层为佳。

在安排层次的时候要充分考虑用户操作，比较常用的信息内容、功能服务应该尽量放到更浅的层次以减少用户点击次数。

信息内容的获取和功能服务的过程都应该尽量将所需要进行的步骤控制在3~5步以内，不得不需要更多的步骤的时候应该有明确的提示。

一致性：

页面整体设计风格的一致性：整体页面布局和用图用色风格前后一致。

界面元素的命名的一致性：同样的元素应该用同样的命名；同类元素命名满足一致性，做到即使某个元素的表述不清楚也能从上下文推断其义。

功能一致性：完成同样的功能应该尽量使用同样的元素。

元素风格一致性：界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的。

精简性：

每个界面调出的时间应该在可以接受范围之内，当必须耗用较长的时间时应该有明确提示并最好有进度显示。

当不同的方式能够达到相同或近似的效果时，总是应该选取令客户访问或使用更简单快捷的方式（在开发资源差别可忽略的情况下），例如尽量减少客户端插件的使用。

主要界面尽量不超过浏览器高度的200%。

大量信息内容尽量不超过浏览器高度的500%，如果超过，应该使用页内定位或者进行分页。

命名应该是简洁的、定义清晰的、易明且不易相互混淆的；对于目标群体而言，尽量不使用较为生僻的词语，如果一定要，则应给出容易理解的解释。

应该具有明确的导航条和网站地图提供快速导航操作。

错误或者无效的链接是界面设计的大忌之一。

主要的信息应该放在突出的位置上，常用的功能则应该放到容易操作的位置上。

针对目标群体的需要应充分考虑浏览器兼容性、字体兼容性和插件流行程度等。

对于专业的术语、复杂的操作等有直接的容易理解的帮助。

简单有效的个性化有助于增强界面的易操作性。

在风格允许的情况下，可以适当增强交互操作的趣味性和吸引力。

企业网站第五原则：艺术性Artwork网页创作本身已经成了一种独特的艺术

网页创作从某种意义上来说可以称为"eyeballwork"，要达到吸引眼球的目的，再结合界面设计的相关原理，形成了一种独特的艺术，这使得企业网站的设计应该满足：

遵循基本的图形设计原则，符合基本美学原理和排版原则。

对于主题和次要对象的处理符合排版原理。

全站的设计作为一个整体，应该具有整体的一致性。

整体视觉效果特点鲜明：

页面版式结构

用色

线条和构图

配图的精细、美观程度

元素风格

整体气氛表达

字体选用

整体设计应该很好的体现企业CI。

整体风格同企业形象相符合，适于目标对象的特点。

企业网站第六原则：性能Performance网站正常的访问性能

访问速度，取决于服务器接入方式和接入带宽、摆放地点、硬件性能和页面数据量、网络拥塞程度等多方因素。如果目标群体不止本地，则还应考虑地理因素造成的性能下降。

可容纳的最大同时请求数，取决于服务器性能、程序消耗资源和网络拥塞程度等因素。

稳定性：平均无错运行时间。

程序性能：

响应请求并运行得出结果的平均时间

错误的检测和拦截

扩展性

安全性：

关键数据的保护，例如用户数据等

功能服务的正常提供。

网站的防攻击能力

对异常灾害的恢复能力

企业网站第七原则：常维护更新Maintenance网站的最大特点是它总是不断变化的

网站的不断更新是其具有生命力的源泉之一。对于三种类型网站而言，更新的重要性通常为基本信息型>多媒体广告型>电子商务型。网站更新指标包括：

信息维护频度

信息更新数量*质量/时间比

改版频度

影响维护的一个重要元素是网站界面和功能开发所选用的技术。

企业网站第八原则：发挥作用Knownandused网站必须被访问和使用才有价值

再好的网站，如果没有人访问和使用也是毫无价值的。

域名设计是企业网站的重要元素：

域名应该尽量容易理解和记忆，并且尽量简短；当难以简短的时候，宁愿放弃无意义或者难以理解的字符数字组合而选用稍长一点的域名。

域名设计应充分考虑目标群体的特点，例如如果要做到国际化，域名包含汉语拼音显然是不可取的。

域名应该尽量有意义并反映网站实质作用，一定要做到不可有歧义。

企业网站本身应该就是企业CI的一部分：

应该出现在企业常备的名片、Catalog、信封里。

应该出现在企业的各种广告里。

登陆搜索引擎是一种行之有效的推广方法，在常用大型搜索引擎登录，设计更准确和全面的关键词，可以增加被正确检索的机会。

与同类或者相关类型企业网站结为联盟或者结成伙伴关系也有利于网站的有针对性的推广。

结合企业本身的宣传推广活动和促销活动加强网站上的宣传和利用。

企业网站可以针对其目标群体特点采用一些其他的推广方法，例如座谈会等。作用比较突出的甚至包含品牌形象的网站也可以采用单独广告投入的方式进行宣传，例如网上银行、网上酒店等。

企业网站第九原则：反教条Anti-dogmatism原则是为目的服务而不应成为教条

任何原则都是因应目的而制定的，如果所采用的方法确实能够更好的达到目的，那就不必受原则本身的桎梏。

设计网站篇3

关键词：网页设计；基础课程；教学内容；教学方法

中图分类号：TP393.09

近年来，随着信息的发展，互联网的迅速普及，网络已经成为信息传播的重要媒介之一。而作为互联网信息传递的重要载体――网页，它的发展虽然没有多长时间，但作为一种新的信息表现方式，兼容了平面设计的特征，并具有传播速度快、传播面广、交互性好等特点，为互联网络的信息传播提供良好的平台。

1 网站网页设计课程分析

目前，许多高等院校都开设了网站网页设计的课程。希望通过学生对本课程的学习，能够更好的掌握对计算机，能够运用所学的网站网页设计知识进行网站网页设计。其已成为计算机网络技术、信息技术、软件技术、信息管理、电子商务、多媒体技术、计算机应用等专业公共必修课程，受到了这些非计算机专业学生的广泛欢迎。网站网页设计的理论知识主要包括一些语言的学习，首先是HTML语言，然后是PHP、JavaScript等脚本语言；其次就是在网页设计中的图像处理和动画制作等一些技巧性的学习。当然网页网页设计需要在特定的环境下完成，如：Dreamweaver，FrontPage等实用软件就为我们提供了非常方便的环境平台。由于在网页设计中会用到图像、动画等各方面的知识，所以网站网页设计课程并不是一门单独的课程，它需要很多门课程知识作为基础，为本课程的学习提供支撑，构成一个比较完整、科学的课程体系。

网站网页设计这门课程的特点非常鲜明，主要分为以下几点：（1）它的内容实践性很强，能够让学生在较短的时间内积极的参与其中，对学生的动手能力的提高非常有帮助，同时也能提高学生学习自己专业的兴趣。（2）在教学过程中，理论与实践紧密结合非常重要，但是实验是贯穿教学的主线。（3）要给学生创造更多动手实践的机会，让他们能在更短的时间内设计出更好的动态网页来。（4）让理论与实践互相渗透，互相依赖，共同为学生的学习做更好的服务。

网站网页设计课程已在全国很多高校开展多年，已经能够比较全面的了解这个课程的特点，但在教学中也存在很多问题：教学内容很局限，对社会的需求帮助不大；教师在教学中与学生很好的互动很欠缺，很多学生在实践中缺乏积极性，从而形成了学生在实际应用中不能达到预想的效果的现象。

2 网站网页设计教学

2.1 教学安排

教学内容的安排要以学生能够更好的动手操作为目的，以学生能够更多的亲自动手进行网页制作为主线，改变以往的教条式的教学方式和教学内容的安排。但首先要将理论知识以更快更好的方式传授给学生们。

目前普遍的教学方式是以教师的讲授为主，学生被动式的接受，很多学生无法全身心的投入到学习中。为了改变这种局面，让学生能够自主的学习，并且在这个过程中能够体会到应该怎么去学，应该要学什么，就要在教学安排上做改变。首先是将实际项目或较好的教学案例作为教学内容，让学生充分的认识并参与项目的制作中去。让学生更好的体会网站网页设计的全过程，从而更好地调动学生学习本门课程的主动性和积极性。

2.2 分模块化教学

在教学中要重要突出培养人才的应用性、实践性。分阶段的教学会有较高的效率，主要将内容分为四个阶段，然后对每一阶段的教学模块进行详细划分：（1）尽快地让学生掌握网页设计的一些语言，如：HTML语言，C#语言；（2）教会学生如何使用开发工具进行网页开发，如：Dreamweaver；（3）在以上能力掌握的前提下进一步的安排学生在网页中加入图像和简单动画等，实现更完美的效果；（4）在简单的准备工作完成后就是在网页中嵌入脚本语言，如Javascript，实现网页动态效果。为了更好的实现教学效果，让学生更好的掌握每一阶段的内容，在每一阶段的教学完成后，需要对每一阶段的内容进行实践考核。最终让学生能够掌握网站设计的过程和结构。

2.3 实践项目教学

项目教学，最主要的就是挑选经典的教学项目或者适合教学的实际项目，让学生参与项目的分析和制作过程中去。

项目教学是在一定条件下完成的，首先：让学生掌握网页设计的基本知识和一些相关技术；第二，教师要对项目进行策划，对学生进行细心指导；第三，将项目转化为教学，根据教学目的设计教学内容，带领学生详细地进行项目分析；最后，让学生进行独立思考后分组合作，进一步地让他们认识、了解到网站网页的设计，有效地提高解决具体问题的能力。项目教学改变了教学中教师为主体的模式，学生变成了主体，形成了学生自主去学习、学会合作学习、知道如何研究性学习和探索性学习的高效的学习氛围。

相比传统的教学方法，项目教学主要有以下优点：（1）项目教学对学生亲自动手分析问题、解决问题能力的提高非常有帮助。在传统的教学中，老师讲学生听的这种教学模式在本课程的教学中显得尤为落后。项目教学就是打破了以往的教学模式，成为一种开放性的、动态性的教学模式。因为在项目教学过程中，学生将成为网站网页设计的主体，当他们处于项目的环境中、并且融入其中的时候，会遇到各种各样的问题，然后通过自己的阅历或者其他方式独立思考并做出判断和决策，在此过程中充分地锻炼了学生综合运用各种知识、经验的能力，提高了解决问题的能力；（2）项目教学能有助于提高学生自主学习的能力，知道怎么学习。学习型的社会要求每个人要知道怎么学习。通过项目教学后，学生应该知道很多问题的答案不止一个，答案是开放的、发展的。学生知道自己应该怎么学习了，就找到一条适合自己的学习方式。在项目教学过程中，教师仍然是教学的导师，要在无形中引导学生自己去查资料，在查找过程中就可以通过自己独立的思考、分析和判断，从而可以找到更多的答案，这样经过反复多次的积累后，就会获得了适合自己的方法，使其学会学习成为现实；（3）项目教学也是学生之间沟通与合作的桥梁，随着项目的完成，可以增进学生之间的交流，让他们能够互相学习，互相沟通，互相合作。项目教学中，很重要的就是要找到合适合理的教学项目，所以教师要对项目进行精挑细选，既要适合教学又要让学生容易理解。在教学中要明确地告诉学生需要掌握的理论和技能，让学生在项目中去体会这些内容，让项目贯穿于整个教学。具体做法：首先根据项目的需要，将项目中的各个任务分配到教学课堂中去，根据任务难度的不同可以分不同课时完成；然后老师需要调动学生学习的积极性，让他们主动去学，最常用的互动方法就是，教师提出一种常见的完成任务的方法，让学生举出其他的解决方法；最后就是让学生采用一种或几种不同的方法解决课堂上的任务。这些看起来简单细小的教学方法，经过实践证明，对提高教学效果起到非常明显的作用。

3 总结

经过多年的网站网页设计教学和与就业学生的沟通发现，网站网页设计课程教学必须适应社会发展的需求。陪养具有网站网页设计能力、网站管理能力、创新能力、沟通能力和团队合作能力等符合社会需求的人才。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容上合理有效的视觉编排。美是任何网页所必需具备的一个基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣。随着时代的发展，网站的设计越来越接近于一门艺术而不仅仅是一项技术。网页的设计，日益被网站建设者所注重，是设计与技术的高度统一。

参考文献：

[1]吕慧娟.《网页设计》课程教学的创新与实践[J].电脑知识与技术，2007，13.

[2]郭玉.“网页设计与制作”教学改革的思考与实践[J].长沙通信职业技术学院学报，2005，26（13）.

[3]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑，2008，04.

[3]梁益军，冯健文.非计算机专业网页设计课程改革探讨[J].现代计算机，2009，3.

设计网站篇4

1.1审批流程定义

工作流通常指的是工作参与者为了达到某一工作目标而实施的工作以及工作转交过程。工作流属于一种对工作流程的计算模型，是把工作流程前后相关的工作联系在一起的规则。简言之，工作流指的是一系列相互联系且自动实施的业务活动，是业务流程的全部或者部分自动化。按照工作内容和要求的不同我们可以针对不同类型的工作流定义出不同形式与特点的流程，在每个流程中都定义相关的节点信息，同时各个节点和有与其对应的角色。各种单据与报表可以对应不同的流程，如果我们的工作内容或者管理需求发生变化，则可以对其中相关的一项节点或流程信息进行调整，进而极大的提升了整个系统的扩展性与灵活度。

1.2审批流程流转

对流程进行定义之后，开始制作相关单据与报表，正式进入流转过程，各个流程都分成了不同节点，而每一个节点都必须通过具备一定权限的签名之后才能够顺利向下一节点流转。具备权限的用户在打开系统之后能够成功查看自身所在节点的一系列流程信息，主要包含有需要签名的单据、接受的回退申请或者撤销的流程等。

1.3审批流程撤销

Java网站设计中的工作流的设计文/康晓林蒋少莉良好的审批流程设计不但能够摆脱时间与空间的制约，管理者也能够不受时空的限制而下达相关指令，从而极大的提升工作效率。本文主要探讨了基于Java的网站设计中工作流系统的设计。摘要流转结束之后能够撤销，让其恢复到流转开始时的状态，另外在流程流转过程中数据库中已经被修改的信息也会恢复到原始状态。在流转开始之前，我们可以利用存储过程将定义好的流程进行初始化，进而生成流程实例。若流转已经完成的流程因某种原因必须撤销，管理员能够直接对流程信息进行查看并下达撤销指令，进而让其作为新流程再次流转。

2系统实现

2.1加密封装可灵活设置的数据库连接

在Java平台下设计的系统之中，一般我们选择把需要连接的主机名、用户名以及数据库都写在JavaBean内，若用户数据库产生变化或者主机名、用户名被修改，则必须对连接数据库的JavaBean进行修改，再编译为Class文件，之后通过JSP客户端或者应用程序进行调用。这样一来就能够避免对源程序进行修改和重新编译的繁琐问题。在本文所设计的系统中，主要是把需要连接的数据库、主机名和用户名共同写在一个加密文件内，在与数据库连接时仅仅需要利用JavaBean来读取这一加密文件。如果连接信息变化，则只需要对加密文件进行修改，而不对连接数据库程序进行修改就能够实现与数据库的有效连接，进而在很大程度上提升了连接数据库的灵活性。

2.2封装数据库处理逻辑

该系统是基于互联网的网站系统，我们无法明确的了解有多少用户会同时上线使用，如果有成千上万人同时登陆，系统所承受的负荷非常之大。其中，数据库连接的建立与释放是这一系统中代价最大的操作，系统在数据库的建立与释放的过程中运用连接池技术，建立了相应的数据库连接对象，当客户端应用程序对连接产生使用需求时，便从中取出，之后再放回其中，减少了连接重新释放所消耗的时间，同时其余客户端应用程序需要与对象进行连接时可以直接从中取出使用，节省了建立连接的时间。

2.3审批工作流程的实现

在本系统中，对审批流程的定义、流转以及撤销进行了设计，运用微软GryptoAPI技术、CAPICOM控件、JDK扩展库IAIK控件以及数字签名技术，有效的实现了单据和报表等网上审批流程。

3结语

设计网站篇5

1.1网站设计原则

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

1.2网站设计目标

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

2电子政务网站结构设计

2.1电子政务网站层次结构

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

2.2电子政务网站体系结构

将电子政务网站划分为6大模块，包括信息模块、面向公共服务的服务模块、针对于政务内部业务流程的业务模块、安全支撑体系的安全模块、数据库模块和网站管理模块。电子政务网站体系结构如图2所示。电子政务网站数据库模块是存储政务信息及服务数据的中心模块；信息模块是政务公开、政策信息的平台模块；公共服务模块提供政府面向社会的网络办公服务，是政府工作于社会需求互动平台；内部业务模块是实现部门内部、部门之间的报文传递、公文审核等实现无纸化办公；网站安全模块提供网站安全运行和信息安全保障；网站管理模块是网站后台管理，可实现信息与各项功能的管理。

3电子政务网站功能设计

电子政务网站功能分为前台服务功能和后台管理功能，前台服务功能包括：政务公开、公共互动、在线服务、最新资讯和在线资源5个板块；后台管理功能包括：信息管理、文件管理、公共服务管理和用户管理4个板块。电子政务网站功能板块如图3所示。

3.1网站前台板块政务公开：政务公开板块中包含政府机构简介、政府工作人员信息、政府工作内容等。公共互动：公共互动板块包含公共邮箱、网上调查、邮件订阅、论坛等。在线服务：在线服务功能包括网络办公服务指南、在线咨询、行政审批、申请表下载等便民服务。最新资讯：最新资讯板块中包含政府工作动态、政府工作新闻报道、政府通知等内容。在线资源：在线资源板块包含地方日志、政府工作总结、各类报表、公文报告等内容。

3.2网站后台板块信息管理：信息管理板块内容包括信息、信图1电子政务网站层次结构息分类、信息管理、图文管理、网站前台信息管理等。文件管理：文件管理板块是提供在线资源的上传与下载，可为群众提供申请表下载和上传服务。服务管理：服务管理是便民服务板块，其中包括公共邮箱管理、在线资讯管理、网站资源管理、在线调查等。用户管理：用户管理包括网站登录用户管理、网站管理用户管理和部门管理，并具备登录IP记录和登录此次统计功能。

4电子政务网站安全设计

电子政务网站安全设计要从信息安全技术层面和信息安全管理层面两个方面入手，信息安全技术层面主要包括：网络安全性设计、服务器安全设计、网站应用安全设计和数据安全设计；信息安全管理方面主要包括安全管理策略、系统建设管理策略和网站运行与维护管理策略。

4.1信息安全技术设计

网络安全性设计：电子政务网站是一级安全保护级别网站，其所运行的网络应配置网络防护设备及防入侵设备，网络防火墙限制端口开启，只提供与网站应用相关的服务接口。服务器安全设计：网站服务器时网站的核心部分，服务器必须及时更新系统补丁，并安装最新杀毒软件及防火墙，定期更改网站口令了，设置网站服务器管理与审核方案，利用审核策略和安全侧罗保护服务器安全。网站应用安全设计：网站应用安全设计要加强网站防入侵和攻击的能力，网站前台设计采用静态网页形式，网页数据与数据库数据分离管理，增强网站不良信息审核过滤性能，减少SQL注入点，及时为网站升级补丁，利用防篡改软件对加强网站自身防护能力。数据安全设计：电子政务网站数据库包含了政府公文、地方日志、政策导向等重要数据，因此，在数据安全设计方面网站自身要建立数据备份系统，一方面可设计成为人工手动定期备份，另一方面网站系统自身可保存近期网站互动数据，如果网站遭受攻击，数据库被入侵和破坏，可及时对数据库进行修复和复原。

4.2信息安全管理策略

安全管理策略：电子政务网站安全管理需要贯彻到每一位网站建设与管理人员思想中，严格执行网站安全管理制度，明确工作人员岗位安全职责，建立统一的网站操作规范与统一的问题标准回答，提高网站的运行执行力。网站建设管理策略：网站建设要与时俱进，积极将新技术引入网站建设中，在网站栏目设计中要与公众需求紧密结合，网站模块设计完成后需要进行安全测试，保证网站的安全性，针对网站功能面向公众发放调研问卷，最求网站最大的实用性。网站运行与维护管理策略：建立电子政务网站安全管理制度，每日对网站进行监控，并定期对网站及服务器进行维护，对网站运行出现的问题进行记录备案，做好工作总结，严格执行网站运行操作规范。

5结束语

设计网站篇6

关键词：网站规划；网站设计；布局

中图分类号：TP393文献标识码：A文章编号：1009-3044(2008)31-0829-03

Site Planning and Design

JI Lei

(College of Finance and Economics, Qinghai University, Xining 810001, China)

Abstract: The rapid development of Internet, a web site to promote the emergence of the website is the business or individual in the image of the show on the network platform, is here to understand the businesses or individuals a way. This paper describes the process of building the web site, site planning, principles, the layout of the website.

Key words: Site Planning; web site design; layout

1 引言

Internet已成为当今时代人们获取信息的重要途径，它改变了人们的生活、工作和学习的各个方面。人们可以Internet信息，交流思想，推广科技，检索行业信息等。它所具有的数字化、多元化、全球化、多媒体化、实时性、交互性等众多特征使它也具有了越来越广泛的商业用途。但是离开各种网站，Internet的众多应用都无从谈起。

2 网站规划

在网页设计前，首先要给网站一个准确的定位，是属于宣传自己产品的一个窗口，还是用来提供商务服务或者提供资讯服务性质的网站，从而确定主题与设计风格。网站名称要切题，题材要专而精，并且要兼顾商家和客户的利益。建设一个有影响的商业网站，从结构设计、页面设计到时数据库的集成，每一个环节都非常重要。

2.1 网站的基础规划

在Intenet中，网站成千上万，浏览者常常是走马观花，一带而过，只有精彩、内容极其丰富的网站，才能吸引住浏览者。这种结果首先要归功于网站的规划。独具匠心的网站规划就像一幢宏伟的建筑前期的规划设计一样，要进行认真、科学的总体规划，之后才可以“破土动工”。网站规划主要有两大部分：一是规划涉及的内容，包括每一步的目标、内容；每一步的人力安排；每一步生成的文档。二是网站的要素，包括网站的内容、网站的功能和网站的表现形式。网站建设的基本流程如图1。

2.1.1 明确网站设计目标

展示公司形象，公司信息和提供服务，宣传公司产品是商业网站建设的要求。所以在设计网站时必须明确目标，从而做出切实可行的计划。

2.1.2 迎合客户需求

会有越来越多的人使用Internet，Internet也将成为人们生活中不可或缺的部分，越来越完善的网络服务走进千家万户。我们的网站必须能满足众多网民的需求。

2.1.3 产品宣传的需要

通过Internet进行产品、宣传无疑是最理想的途径，人们越来越习惯到Internet上查找所需要的信息，并且作为首选的途径。宣传单、产品介绍，这些都只是一张静止不动的纸。而网站，在代表公司的网页上，客户却能听见公司真诚的声音，看到友好的笑容，而且它是动态的，可以随时加入最新的内容。这无疑接拉近公司与客户间的距离。

2.1.4 与客户沟通的桥梁

客户对公司产品的意见，对公司的建议，可以通过客户留言板即时得到并迅速反应，然后通过网站中的站长回复功能再反馈给客户。还可以通过信息交流论坛与客户在线交流。

2.1.5 优化工作提高效率

行业资讯提供公司最新的动态介绍，公司的一些最新决策、促销活动等，还可以将客户经常关心的问题在网站上，不必再为重复答复这些问题而苦恼，从而使工作更具效率。

2.1.6 和谐页面

要将丰富的内容和多样的形式组织成统一的页面结构，形式和语言都必须符合页面的内容，体现丰富的内涵。运用对比与调和，对称与平衡，节奏与韵律以及留空白等样式，通过文字、图像相互之间的关系建立整体的均衡状态，产生和谐的美感。

2.1.7 网站信息更新与维护

当访问者与网站进行信息交互、用户信息时，该网站才会动态显示，才具有生命力。要把网站规划为动态网站，具有后台数据库的支持和远程维护的功能。 这样只有当网站投入运行后才能及时地更新网页信息。一个网站必须要保持经常性的更新，才能不断吸引访问者再次光临，使潜在消费者变成客户。如果网站一成不变，是无法获得更多商业机会的。

2.2 网站规划原则

在设计之前，先画出网站结构图，其中包括网站栏目、结构层次、链接内容。首页中的各功能按钮、内容要点、友情链接等都要体现出来，一定要切题，并突出重点，应把大有大段的文字换成标题性的、吸引人的文字，将单项内容交给分支页面去表达，这才显得页面精炼。也就是说，首先要让访问者一眼应能了解到这个网站能提供什么信息，使访问者有一个基本的认识，并且有继续浏览的兴趣。要细心周全，不要遗漏内容，还要为扩容留出空间。分支页面内容要相对独立，切忌重复，导航功能要好。网页文件命名开头不能使用运算符、汉字等，分支页面的文件存放于自己单独的文件夹中，图形文件存放于单独的图形文件夹中。

2.2.1 明确建设网站的目的

建立网站之前，要有明确的目的，即所要建立的网站的作用是什么，服务的对象是哪些群体，要为浏览者提供怎样的服务，只有找准了网站的定位，才可能建成一个成功的网站。

2.2.2 进行可行性分析

可行性分析就是分析是否有能力、财力建设和维护这个网站；分析网站建成以后是否有一定的经济效益或社会效益；分析网站建设需要花费多少时间、精力、人力，性价比是否合算。

2.2.3 网站的内容设计

建设网站就要为用户服务的，根据网站建设的目的，分析浏览者的需求，确定网站的内容。例如一个电子商务网站，就要根据消费者的需求、购买力、购买习惯等要素设计网站每个网页功能，以满足客户的需要。

2.2.4 网站的表现形式设计

有了好的内容，还要有好的表现形式，这就是网站本身的设计。例如设计网站的CI标志、网站的文字排版、平面设计、三维立体设计、静态无声图文、动态有声影像等。

2.2.5 技术需求

提供网站建设的技术综述。利用什么样的工具，运用什么样的语言。例如HTML、JavaScript、ASP等。

3 设计布局

布局就是以最适合浏览的方式将图片和文字编排在网页的不同位置，使得浏览者的视觉效果与使用效果达到最佳状态。网页的整体布局在网站设计中占据着关键的位置，起着主导作用。

网页设计首先涉及到的就是网页的编排问题。网页作为一种版面，有文字和图片。而文字有大有小，有标题与正文之分；图片也有大小，有横幅与竖条之别。文字和图片要同时展示给浏览者。如果只是把它们简单的罗列到一个页面上，会使得页面零乱不堪。因此必须根据内容需求，将文字和图片按照一定的次序进行合理的编排和布局，使它们组成一个有机整体，展示给浏览者。

3.1 布局设计元素

网页布局设计就是在有限的空间内，合理安排组成网页的各种元素的位置，使页面美观，达到最好的视觉效果和艺术效果，把网页要表达的信息有效地传达给浏览者。网页布局必须以网站主题和页面内容为依据，以准确、有效的表达信息为目标，达到形式与内容的统一。一般网页都包含页面标题、网站标志、页眉、导航栏、内容版块和页脚等部分。

3.1.1 网页标题

每个网页都有一个标题，用于标识网页，指示网页的主要内容。网页标题显示在浏览器窗口的标题栏中。在设计网页时，网页制作软件一般自动为网页文件指定“未命名”作为网页的默认标题。显然， 这样的标题是毫无意义的。在设计网页时，应该养成给网页指定标题的习惯，使浏览者看到标题就能了解网页的主题内容。

3.1.2 网站标志（LOGO）

LOGO是网站特色和内涵的集中体现。如果是企业的网站，网站标志常常采用企业的标志或者注册商标。一个好的LOGO可以给浏览者留下深刻的印象，在网站和企业的宣传推广方面起着十分重要的作用，一看见LOGO就能联想起该网站。

3.1.3 页眉

页眉指页面的顶端，通常水平放置于导航栏上面。有些网页的页眉比较明显，有些网页则没有明确的划分，有的甚至没有页眉。通常，页眉左边放置LOGO，右边往往安排网页的服务宗旨或者广告口号，或者放置商业广告。页眉是浏览者打开网页首先看到的部分，一些商业网站大多作为广告们出租，可谓黄金位置。页眉的设计风格应该与页面的整体风格协调一致。设计独到的页眉也可以像LOGO一样，起到标识网站的作用。

3.1.4 导航栏

导航栏是网页的重要组成元素，它的任务是帮助浏览者在站点内快捷查找信息。好的导航系统应该能够引导浏览者尽情浏览网页而不会迷失方向导航栏的形式多种多样，可以是简单的文字链接，也可以是设计精美的图片，或者是形态多变的按钮，还可以是拥有下拉菜单的导航系统。导航栏在页面中的位置相对不定，一般分布在页面上、下、左、右，在页面上部的居多。设计自由的页面，导航栏的放置位置比较灵活。

3.1.5 内容版块

内容版块是页面的主体，往往根据内容的多少划分为几个栏目。每个栏目中放置内容标题的链接或者内容摘要，具体内容包括文字、图像、动画等。页面的内容才是浏览者关注的根本目标。拥有丰富的内容，才能吸引众多的浏览者。因此，对应内容版块应该合理安排、精心设计。

3.1.6 页脚

页脚指页面的底端部分，通常放置版权信息、联系方法，有时也把导航栏、友情链接安排在页脚位置。

3.2 布局设计的过程

布局设计的过程也就是一个创意的过程，在设计的过程中把布局设计元素合理化、有序化地应用到网页的制作和编排上，达到点、线、面相互穿插，相互衬托。布局设计过程比起整个网站的设计要容易得多、有规律得多，它可分为以下6个阶段。

3.2.1 方案设计

方案设计就是在布局设计前，对网页的整体布局进行的构思，画出页面的结构草图。在这个阶段，可以借鉴他人的布局设计经验，参考他人的布局结构吸取精华融入到自己的整体构思中。充分发挥自己的艺术想像力，结合网页素材，进行整合创作。

3.2.2 初步设计

初步设计是在方案设计的基础上，确定如何把功能模块安排到页面上。功能模块主要指网站标志、导航栏、动态新闻、搜索、留言板、交流论坛、版权信息等。在这个阶段必须遵循主次分明、突出重点、平衡协调的原则，将网站标志、导航栏等重要模块放在最醒目的位置，然后再考虑其他模块的排放。

3.2.3 技术设计

技术设计的主要任务是在初步设计的基础上，进行草图细化和方案确定，在绘制出的草图上，具体运用页面元素，包括网站标志、导航栏等。进一步解决各部分的技术问题，在确定了功能模块的大致位置后，需要对网站标志、导航栏和背景图片进行设计，然后把设计好的模块放在初步设计中确定的位置上。

3.2.4 定案设计

将初步的页面布局精细化、具体化，也就是一个调整的阶段。如网页的颜色搭配，文字和图片是否搭配平衡等。

3.2.5 量化描述

量化描述就是确定各种页面元素的具体大小。主要包括以下几种：

网页外形大小网页外形大小受计算机显示器的大小和分辨率制约。

图片大小：图片大小应该根据具体的布局要求确定，以像素为单位。

字体大小：指定网页文本，如标题文字、段落文字大小。

色彩搭配：在网页的制作过程中往往采用多种颜色搭配，包括背景颜色、文字颜色等。

网页文件大小：初步估计网页文件的大小，一般应该控制在500KB左右。因为网页文件过大会影响下载速度。

3.2.6 方案实施

根据上面几个阶段确定的网页布局方案使用网页编辑软件（如Dreamweaver）和图像处理软件（如Photoshop）进行布局设计。Internet上的网页风格万千。常见布局类型有同型布局、框架布局、自由式布局等。

4 结束语

网站的规划、设计看起来很简单，但要制作出真正有创意、精美的网站不是件容易的事情。它需要我们不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。

参考文献：

[1] 胡剑锋,赵怀明,淦述卫,等.网页制作与设计[M].北京：清华大学出版社,2004.

[3] 腾飞科技.Dreamweaver 8完美网站建设从入门到精通[M].北京：人民邮电出版社,2007.

[3] 陈笑.Dreamweaver 8实用教程[M].北京：清华大学出版社,2007.

设计网站篇7

1．1信息构建的核心内容

1．1．1信息组织系统。作为信息构建的重要内容，目的是对网站所有信息进行有序分类。组织系统通过确定网站结构和信息的组织方案，对网站信息进行逻辑分组，并确定组与组之间的关系。设计组织系统充分体现了网站人性化的设计理念，可使用户更容易对网站信息进行浏览，更方便快捷地查找定位信息，达到浏览的目的。

1．1．2标识系统。标识系统是对网站信息内容的精确概括，其表现形式可以是为内容确定名称、标签或描述等，用它代表大量信息内容。用户进入网站都需要引导、指示、说明、提醒或介绍，以便用户能够很快熟悉网站信息组织。

1．1．3导航系统。导航系统的设计最能体现出网站是否以用户为中心的，好的导航系统能使用户访问网站的时候，不管浏览到哪个页面，都不会迷失方向。导航系统的设计能够帮助用户快速准确定位自己需要的信息，让用户时刻清晰地知道自己处在网站的哪个位置。

1．1．4检索系统。基于信息构建的网站检索系统设计要符合结构清晰、容易理解、操作方便的特点，要能够实现查询和帮助功能，方便用户获取和使用网站信息，强调系统的可操作性。检索系统能有效地引导用户做出下一步的行为，是网站建设的必备功能。

1．2信息构建对优化网站设计的作用组织系统有利于网站信息的分类及呈现，导航系统规范网站信息访问路径，标识系统加强网站信息的表征意义，检索系统方便用户快速获取网站信息，从而帮助用户更好地获取信息，加强系统信息之间的关系，规范网站的整体结构布局。

2基于信息构建的《蒙古族民俗》蒙古文网站设计

《蒙古族民俗》蒙古文网站，主要提供蒙古族民俗主题的资源，类型包括蒙古文文字资源、图片资源、音频资源、动画和视频资源。目标访客为懂蒙古文的学生、教师、民俗研究者和民俗爱好者等四类人员。

2．1组织系统的设计

本网站是一个资讯类教育主题网站，所以要保证蒙古族民俗知识的系统性和专业性。为此，笔者参考民俗学分类法，将网站内的信息分为物质生产民俗、物质生活民俗、社会组织民俗、祭祀民俗和娱乐游戏民俗等五大类。大类下面又分了若干小类。在不影响知识体系前提下，依据用户感兴趣的主题顺序呈现信息。调研发现，大部分人对饮食习俗、服饰习俗、居住习俗更感兴趣。所以，把这几项内容放在前面。在信息组织结构的选择上，以自上而下的树形层次结构为主，以超文本结构为辅。设计层级时平衡了广度和深度，严格遵循信息组织在广度上不超过10项，信息深度不超过5层的原则。

2．2标识系统的设计

标识系统主要负责网站信息类目的标识，为信息资源确定名称、标签或图标。网站的标识是向浏览者展示信息组织和信息导航的手段，使用户更能清晰地理解信息的含义，网站标识是对信息组织和信息导航的良好补充。设计有效的标识对于一个网站清楚地表达信息起到至关重要的作用。例1：菜单导航中添加恰当的图标、帮助用户快速定位。例2：全局导航中使用用户熟悉的win－dows资源管理器和大部分教育资源通用的结构导航标识图标，方便用户使用结构导航。例3：由于蒙古文计算机术语未统一，所以一定要借鉴中文网站中常用的图标标识，文本和图标结合使用。例4：通过给关键词加底纹、标题文字加粗、增加动态效果等方法标识重要内容。

2．3导航系统的设计

本网站主要提供系统的、专业性的知识，因而参考教学资源数据库，提供树型导航，使得信息层次明显。为给用户提供多种浏览方式，还设计了菜单式的导航，提供了网站地图（可利用导航），有了它网站结构一目了然，把它与全局导航分开放置，用户按需使用。设置“当前位置”（路径导航）可以使访问者在网站中清楚地知道自己所在的位置，节省访问者的时间，避免发生信息迷航。

2．4检索系统的设计

本网站考虑到不同用户的需求，提供简单搜索和高级搜索两种检索方式。由于当前蒙古族教育信息化水平低导致大部分蒙古族学生和教师的信息素养水平低，简单搜索的利用率较高，所以在主页上只设置了一个关键词搜索项，而在另一个页面上设置了高级搜索。高级搜索可以根据主题、标题、著作者、全文、资源类型等多种途径进行检索。搜索资源类型选择界面，设计成复选框的形式，提示用户可选择不同类型的资源，内容选择和主题选择的界面设计成下拉列表框形式，便于用户操作。（本文来自于《内蒙古科技与经济》杂志。《内蒙古科技与经济》杂志简介详见。）

3结束语

设计网站篇8

Internet得出现和发展对人类的生活、工作等产生了巨大的影响。在21世纪里电脑网络将成为信息产业的支柱，随着计算机及网络技术的发展，电子商务凭借其成本低、效率高、机会多等优势，吸引着越来越多的商业企业。网络的出现和发展，给商业领域带来的巨大革命，使得全球范围内蓬勃发展的”电子商务”对各行各业都产生了积极而深远的影响，建立商业网站，成了企业走近电子商务的第一步，一个设计成功的商业网站无疑是走好这一步的关键。那么，什么是成功的商业网站设计呢？简练的网站内容、简洁的外观设计，提高网站"人性化"的设计，真正想用户所想，实现双赢目的的网站就是设计成功的网站。本文通过简单分析现今知名网站，提出了如何设计成功的商业网站的构想。介绍了从网站的内容定位、模块结构、外观设计三方面着手的方法，作者设计了一个商业网站----高得咨询管理公司，更直观的说明网站设计与制作。

关键字：设计 网站设计 商业网站设计

l ABSTRACT

The article is about Website Designing， and it is pided into 5 parts. Firstly， it tells us the importance of establishing an Internet Site. It is the first step to do E-commerce for many enterprises. Secondly， it tells us how to design an effective website from 3 aspects， that is， contents， procedure and appearance. Thirdly， it tells us when a website was completed what we can do. After that， the writer gives us a self-designing website-GaoDe Management Consulting Ltd. in order to make the article more specific. Finally， it says that website designing is only the beginning of doing E-commerce， meanwhile， it suggests us to do any other things， such as having transport systems， solving the security of E-commerce， to make E-commerce perfect.

Key words: Design， Website Design ， E-commerce Website Design

：9000多字 有目录、参考文献 200元

备注:此文版权归本站所有；。

设计网站篇9

随着长江黄金 1 号邮轮的下水，重庆市委和重庆市人民政府促进三峡邮轮产业转型升级、打造长江三峡黄金旅游带的旅游战略拉开帷幕．[1]邮轮网站作为邮轮企业对外的 EIP（Enterprise Information Portal，企业信息门户），对人们的交流和沟通起着重要的作用，对邮轮企业的营销起着难以估量的作用．企业网站不仅代表着企业的网络品牌形象，同时也是开展网络营销的根据地，网站建设的水平对网络营销的效果有直接影响．网站是一系列文档的组合，文档之间通过各种链接关联起来，这些文档可能描述相关的主体、采用相同的设计、或实现相同的目的．文献[2]阐述了网站设计的艺术性，包括合适的网页布局和个性化的色彩基调，对于邮轮网站的艺术设计具有一定的指导意义．文献[3]分析了邮轮网站存在的问题，提出了邮轮网站的一些建议，对于需要新建邮轮网站的企业具有一定帮助作用．文献[4]介绍了一种网站自动生成系统—WAGS，它以 ASP 和 SQL Server 为基础，使用者不需要具备任何 HTML 语言、VBScript 和 JavaScript 脚本语言的知识，就能轻松完成网站的开发．文献[5]从软件工程的角度总结出了 Web 信息系统数据流图模型，该模型包括数据结构信息库、界面信息库和用户权限数据库 3 个主要部分，并指出最理想的 web 信息系统是一个程序生成器．

上述文献对建设网站提出了比较好的建议和方法，但是，长江邮轮有别于常见的海洋邮轮，其网站内涵除具有一般网站的共性之外，还应该独具三峡特色．在此，通过对国内和国际著名邮轮网站的分析，明确指出长江邮轮网站应该具备“长江邮轮、三峡风光和企业宣传”三个主要内容，对应“品长江豪华邮轮、赏三峡诗画风光、享尊贵典雅人生”的旅游理念．这些邮轮相关网站包括：

/

/newweb/cn_sc/default.aspx

/B2C/RC/Default.htm

在确定长江邮轮网站的主题之后，以重庆交通旅游邮轮网站建设为例，介绍一种该类网站信息结构设计方法，该方法基于数据库设计，用户可以灵活地对多级栏目进行增加、删除和修改，以使网站结构具有灵活性；用户可以详细地设置功能操作权限，以使网站管理具有较大伸缩性．

1 栏目结构设计

文献[3,6]提供了邮轮网站建设的大量资讯．文献[3]的网站是最成熟的长江邮轮网站，也是唯一一家上市公司的邮轮网站，网站侧重介绍了邮轮和三峡的主题内容．文献[6]为海洋邮轮网站，主要内容包括邮轮和景点两大主题，部分网站对邮轮企业做了介绍．上述网站中，邮轮、景点和企业是网站的三大主题，绝大多数网站以提供资讯和信息为主，个别网站具有在线预定服务．邮轮主题展现船队、邮轮设施和邮轮生活等内容；景点主题展现航线、沿岸景点等内容；企业主题展现企业简介、企业文化、联系客服、投诉反馈等内容．在主题展现方法上，诸如 flash、图片和文字各种数字媒体应有尽有．基于此，我们认为长江黄金邮轮网站可具有图1 所示的网站栏目结构．其中，“在线预定”栏目可视邮轮企业是否需要使用电子商务功能进行确定．

2 后台结构设计

长江黄金游轮网站后台结构设计的目的是要保证网站栏目的灵活性和网站管理的严格性，以适应公司业务发展和日常管理的需要．为此，网站设计采取了两项措施，一是后台结构基于数据库设计，二是数据处理基于通用数据表处理设计．

2.1 后台数据库设计

长江黄金游轮网站的后台结构基于图 2 所示的数据库而设计．该数据库结构包含栏目表、新闻表、管理员表、权限表、管理员和权限对应表共 5 个数据表．在网站后台应用程序的管理界面中，程序开发人员、或者具有一定权限的用户都可以自由编辑、或修改这 5 个表的内容，前台网页程序根据数据表中内容，动态自成页面。栏目表用于定义栏目的相关．一级栏目的属性包括：一级栏目名称、是否导航栏显示、首页显示位置、显示排序值、显示启用等；二级栏目的属性包括：二级栏目名称、所属一级栏目、显示排序值等；三级栏目的属性包括：三级栏目名称、所属一级栏目名称、所属二级栏目名称、显示排序值等．在网站交付使用后，不改变网站原程序，操作员也可以通过“系统设置”动态增加、删除或修改栏目名称，修改栏目在网站上的显示位置，修改栏目在导航栏中的先后顺序，比一般网站更加灵活．新闻表用于定义网站新闻记录的相关信息，其属性包括：标题、内容、创建日期、最后修改日期、创建人员、最后修改人员、备注、点击数、是否显示、最后修改 IP、显示排序值、所属一级栏目、所属二级栏目、所属三级栏目、强制显示新标志、链接到其它网址、是否弹出显示等．可以调整新闻所属栏目、显示先后顺序、重要新闻除了正常在网页中显示以外是否弹出显示、是直接显示“内容”还是链接到其它网址．可以记录新闻由谁、由谁最后修改、IP 地址等信息，便于后期追踪和严格网站管理．管理员表、权限表、管理员和权限对应表主要用于定义网站操作人员属性和权限属性．管理员表的属性包括：ID、姓名、密码、建立时间、是否启用、显示排序值；权限表的属性包括：ID、权限名称、显示排序值；管理员和权限对应表的属性包括：ID、人员 ID、权限 ID．管理员表与权限表分开，可以灵活定义各种操作权限，管理员的权限可以灵活选择、自由组合，相比传统的“系统管理员、一般管理员、普通用户”这种分层权限设置，功能更加灵活，权限组合更加丰富．

2.2 通用数据表处理程序

每个网站的后台管理程序都将面对大量数据的处理问题．数据是网站的核心，是网站的生命．没有数据输入，即网站数据更新，就没有数据输出，即用户浏览．因此，按照信息系统数据处理的要求，及时、准确、适用和经济地处理数据就变得非常重要．传统方式的数据处理，针对每个数据表设计一个操作程序，有多少个数据表，就有多少个应用程序．这种方式不仅开发费时，而且操作界面不统一．在长江黄金邮轮网站中，设计了一个通用数据表处理程序，只需要用参数方式将数据表名传递进去，就可以完成任何一个数据表的浏览、增加、删除、修改等操作．而且生成的界面中，根据不同字段类型，自动使用文本框、单选按钮、复选按钮、下拉列表等控件．这种方式的优点是界面友好、程序的通用性强．

设计网站篇10

所谓的对比色调，就是在同一个空间里，把完全不同的色性，搭配在一起。比如蓝与黄，红与绿等等。网站版面上运用这种对比色调，可以给人们的视觉上带来强烈的效果。看上去鲜艳亮丽，还会感觉很喜庆。这种对比色调的弊端就是如果没有很好的运用，不但没达到预期的效果，还会让观赏者感觉刺眼，俗气，这就得不偿失了。因此，能够适当运用对比色调，在网站设计中色彩搭配工作上起到很关键的作用。

二、网站设计中色彩搭配的运用

色彩搭配这项工作的艺术性很强，还具有技术性。因此，对设计者的要求不光有精深的技术来完成这项工作，还要具备很深的艺术品位。设计者在设计网站时，不光要顾及到网站的文字内容和要表达的情感，重要的还要搭配好网站的版面色彩，这样才能制作出一个性格独特，色彩鲜明的成功网站。

那么，我们怎么样运用好这些色彩呢？首先，我们要尽量避免网站使用单一色系，因为那样会给网站带来单调的感觉。如果必须用单色调，可以调整色彩的透明度或是饱和度，对色彩进行调节。网站设计上，还可以使用邻近色，这样可以有效的避免色彩的杂乱性，是网站设计的色彩搭配上产生和谐统一的效果。在这基础上，可以大胆的使用对比色，合理的运用对比色，可以起到突出重点，视觉色彩鲜明的作用。在实际设计中，一般是以一种颜色为主色调，再加上作为点缀的对比色，就会更加突出网站所要表达的含义了。黑色在网站设计的色彩搭配中，也是必不可少的。合理恰当的运用黑色，可以给网站带来神秘感觉，还会有很强的艺术效果，一般作为背景色出现在网站设计中。提到背景色，一般避免使用一些纯度很高的色彩和花纹复杂的图片做网站的背景，应该在色彩上选择清淡素雅，和网站文字有强烈对比的色彩。

对于网站设计上色彩数量的运用，并不是越多越好，大多在三种色彩以内来调控，如果色彩运用的过多，不但会给网站带来过于花哨的感觉，还会缺乏网站的协调和统一性，看着很俗气，会适得其反。如果感觉色彩不够鲜明，可以通过色彩的饱和度和透明度等各项属性进行调节，以达到最好的效果。

三、结论