第1篇：基于HTML5技术企业网站设计

　　计算机技术日新月异，HTML已经经历了由HTML4向XHTML发展，到近几年来的由HTML4到HTML5的发展历程。HTML5因具有一些优异的新功能，得到越来越多开发人员的青睐。可以说，HTML5就是Web的未来，也是Web开发者的新希望，所以作为专业的网页制作等相关人员有必要了解HTML5，以便在Web技术的发展潮流中立于不败之地。

　　1初识HTML5

　　HTML（HypertextMarkupLanguage，超文本标记语言）是一种文本类、解释执行的标记语言，用于编写要通过WWW显示的超文本文件。HTML是用于设计网页的主要语言。网页中的文本、图像、表格、超链接等内容都是由HTML中的标签定义和组织的。HTML诞生于20世纪90年代，经历过HTML2.0，HTML4.0，之后推出修改版XHTML1.0，其中X代表扩展。之后推出XHTML1.1和XHTML2，2014年HTML5标准规范总要最终制定完成。

　　2HTML5的优势

　　2.1解决了跨浏览器问题

　　在HTML5之前，各种浏览器对HTML，JavaScript的支持都不统一，这样就造成了同一个网页在不同浏览器中的显示效果不一样，HTML5的目标是分析各种浏览器所具有的功能，并以此制定一个通用规范，要求各个浏览器都能支持这个通用标准。支持HTML5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器）、Safari、Opera等；国内的浏览器（Maxthon），以及基于IE或Chormium所推出的360浏览器，搜狗浏览器，QQ浏览器，猎豹浏览器等同样支持HTML5。

　　2.2增强了web应用程序的功能

　　HTML5提供了前所未有的数据与应用接入开发接口，使外部应用可以直接与浏览器内部的数据直接连接，如视頻影音可直接与话筒及摄像头相连。

　　3基于HTML5的网页设计与实现

　　本文介绍一个企业网站的设计与制作，通过对本网站的制作，可以让读者对HTML5+CSS网站制作过程有所了解。

　　（1）网站规划：网站规划，即网站定位，主要是明确网站的类型。经过策划，我们确定将创建的网站是一个企业网站，主要用于宣传企业形象，企业文化和产品。并为企业提供与用户的在线交流。网站主要面对的用户是单位。（2）网站素材收集：根据上面的策划，在网站制作前，需要收集网站中需要用到的一些素材，如网站标志（logo）。Flash广告，公司简介，产品图片及信息等资料。（3）网页规划：网页规划包括网页版面布局和颜色规划。为了让尽可能多的浏览器能在一个窗口中完整的显示网页，本网站将网页宽度设定为800px，根据之前的网站规划，可确定网站包括的栏目主要有首页，公司简介，新闻中心，产品展示，合作伙伴，网上订购，人才招聘和联系我们。网页涉及的版块主要包括logo，导航条，flash广告，侧边栏，主内容区和页脚，页面的总体效果如下图所示通常在规划网页时，会将网站logo、导航条和flash广告作为页面的头部内容，这样整个网页的结构就分成四大板块，分别是头部，侧边栏，主体和页脚。使用DIV+CSS布局页面。接下来是颜色规划。颜色规划需要从两个方面考虑，一是网页内容，二是访问者。在网站规划之中已知道，网站面向的用户主要是一些单位，因而网站可以做到简洁、大方。为此，将网站的背景色调定位白色，前景主色调定为中灰色，对某些需强调或希望引起浏览者注意的地方则使用橙色，整个网页的眼神尽可能不超过三种。（4）网站目录设计：根据网站策划，该网站的目录可包括首页，保存网站公共图片的images目录，保存样式的CSS目录，保存脚本文件的JS目录，保存多媒体文件的media，以及针对导航栏目设置的一些目录。（5）网页制作：我们可以使用任何文本编辑工具制作网页，但为了提高网页的制作效率，建议大家使用Dreamweaver这个可视化的网站管理和制作工具，使用Dreamweaver工具时，首先使用它的“站点”菜单创建一个文本站点，然后在这个站点中把第四步设计好的目录一一创建好，最后就可以开始制作网页了。

　　4HTML5前端技术使用心得

　　HTML5前端开发是一个较新的职业，它是在web2.0的热潮下成熟起来的，要求开发者掌握较综合的技能，除了必要的软件开发技术，还要对可用性有一定的了解，而又对设计有一定要求。

　　对于我们的学生来说，如果要在未来的就业中掌握主动权，必须有一门深厚功底的技术一定要掌握HTML+CSS技术，javscript更是不能轻视，同时，在学习技术的过程中，要不断加强自己的项目处理经验，为自己积累成本。

　　作者：郑华军等

　　第2篇：基于Web标准的企业网站网页设计与实现

　　信息技术的发展，网络环境的不断改善，当前社会下出现了大量的网民。随着网民数量的日益增加，互联网平台成为了一个综合性舞台。在这里既有文化的融合，也有经济的交流。对于企业来说，互联网已经成为了其推广和营销的重要平台，而企业网站也从最初的宣传和营销手段，变成了一个企业的形象代表。在传统的网页设计中，存在诸多的问题，无法满足当前经济发展的背景下，企业对于网页的需求。

　　1Web标准的内涵

　　Web标准是随着网站设计行业的逐步发展和规范所形成的一种标准的集合。是由W3C和其他标准化的组织所制定的。W3C是指Word，Wide，Web，Consortium。对于一个网站的网页来说，它主要包含了三个方面：结构、表现和行为。Web标准也是对应而言，就结构标准来说，主要包括XHTML和XML；表现标准则为CSS；行为标准则主要以W3CDOM为主。这些三个标准的综合，被称为Web标准，用来规范网页设计与实现。

　　1.1XHTML

　　XHTML被称为可拓展标识语言，是由一般的文本和标签组合而成。可退站标识语言，主要是用来复杂整个网页的文档和结构的创建。对于Web标准网页的开发来说，能够使用正确且有实际意义的标签来标注文档是最基本的一步，也就是开发的第一步。同时，结构良好并且拥有意义的可拓展标识语言对于后续表现和提高网站的使用性能来说，也是具有关键性作用。

　　1.2CSS

　　CSS是CascadingStyleSheet的简称，其意译为层叠样式表。它对于Web标准化的网页来说，可以控制该网页的版式，也就是说它能控制颜色，图像大小、布局等所有与网页版型有关的因素。CSS样式表可以由一个或者多个定义组成，或是将其嵌入可拓展语言程序之中，或是将其定义为单独的文件名称。对于一个CSS定义来说，它是由选择器和声明组成的。在实际运用中，它可以取代传统网站中表格式布局，将其与可拓展语言技术相结合，可以实现网站访问与维护的便捷性。

　　1.3W3CDOM是指文档对象模型

　　它是实现网站与浏览器、语言平台的接口。从而让访问者可以进入该网站。就网站制作来说，它是最为关键的一步，无论设计得多么完美的网站，如果最后不能通过网络实现访问，都是一个不存在的网站。尤其是对于企业网站来说，无法访问的网站，将丧失其存在的意义。

　　2Web标准指导下的网页设计与实现

　　Web标准是一系列标准的综合体。在其整个标准中，主要由三个部分组成。通过该标准所设计出来的网页，可以改变传统的结构和外观，进而提高开发速度和维护效率，降低企业对于网站的投资成本，使该网站发挥最大的经济效益。

　　一般来说，网站网页设计流程如图1。

　　2.1内容分析

　　本文主要分析的是企业网站网页的设计，所以，在内容上，主要以企业建设网站的意义和所需要的效果为主。一般来说，企业设计网站都是为了宣传和营销，所以，在内容的选择上，需要先分析企业的运营方向和主营商品。然后针对主打商品进行介绍和宣传，从而加深访问者对于商品的了解度，引起访问者的购买欲望，从而实现营销目的。在网页所需要展示的内容上，需要对其各种逻辑关系进行梳理，分清主次目标，同时，对企业所需要达到的效果的重要程度进行把握，从而在内容的嵌入上，进行适当的布局。

　　2.2结构设计

　　结构设计需要以内容分析的结果为主。就如同报纸一般，需要有头条，也需要有次要内容，在整个结构的设计上，需要保证合理与丰满两个要素。合理是指网页布局与内容分析的一致性；丰满则是指对企业所需要表达内容的完备性进行保证。在结构确定后，搭建出合适的XHTML结构。一般来说，在网站中，这个结构被称为模板。在这个模板之中，会对各个内容进行细致的描述，以达到企业所需目的。

　　2.3方案设计

　　方案设计实际上不属于Web标准的规范之一，但是，由于方案设计对于网站网页的设计具有重要作用，所以在网站设计与制作中，需要方案设计来加以充实。方案设计主要是对其布局进行美化，从而产生一定的视觉效果，可以在一定程度上保障访问的满意度。

　　2.4表现设计

　　在确定好文档的内容和结构后，使用CSS为文档进行样式的添加。在方案设计中，已经对设计的页面进行了美化，表现设计只需将这些美化好的图片进行分割，然后再使用文档进行样式添加。从而实现页面布局的合理化，展现出应有的美观性。

　　2.5网络连接

　　网站的基本功能就是能实现信息的网络化，一个网站网页设计的完成，并不单单只是其结构、内容、表现三者的完美统一。同时，也需要通过一定的方式将其呈现到公众的视线之中。网络，就是一个实现网站信息化的方式，将设计好的网页置入企业网站之中，就能够让其有机会呈现在网民的视野之中。

　　3结语

　　随着互联网对于生活的影响逐渐加大，商业化的网站也越来越多。Web标准是当前国际上所推广的基本网站标准，应用Web标准进行网页设计与制作，不仅可以有效的开发网站，也能够进一步提高网站的性能。本文通过对Web标准的大概介绍，同时对其关键技术和基本思想为基础，对网页的制作流程进行分析，从而形象化Web标准对企业网站的设计和实现的意义。

　　作者：周波

　　第3篇：基于B/S模式的企业网站的设计与实现

　　由于当今网络技术的飞速发展，使信息传播速度达到空前的解放，同时在各行各业中，计算机技术都在不断地融入其中，极大程度地推动了各行业的发展[1]。人们生活品质的提高，大部分原因是因为网络技术的快速发展。网络技术之所以受到人们的青睐，自然有它的亮点所在，一方面，由于这是在PC上操作，所以大幅度减少了人们因为造纸而需要砍伐树木的数量；另一方面是这样的交流方式使我们得到的信息更加丰富。

　　现在，越来越多的人渴望足不出户便可网罗天下大事。面对越来越繁杂的信息，人工操作早已不能满足其要求。如何保证信息的准确性并及时的保存，在企业冗杂的情况下如何能高质量的宣传自己，增加社会对自己的认同度，成了很多企业关心的问题。

　　基于B/S模式的企业网站解决了传统信息传播方式和交流方式的一些缺点，极大地节约了企业的宣传成本[2]。与此同时，也保证了企业员工查阅信息的高效性，提高了工作效率。

　　我们都知道，技术革命会改变产业的结构，也会带动市场竞争标准的变更。因此，网络技术的发展，将是一场大革命，各种网站的建设必如雨后春竹般蓬勃展开[3]。

　　本网站采用Access和ASP（ActiveServerPages）两种工具分别设计系统的数据库和应用程序。ASP语言不需要编译，易于编写，并且能够在PC机上运行[4]。用户可以通过自己的账号和密码登录网站，进入系统，对网站的相关信息进行浏览和管理。

　　本企业网站的工作界面是基于Web的，它能使企业员工不受地域和时间的限制，就可以在浏览器查阅企业最新通知和对个人信息进行各种操作和管理[5]。企业网站操作简单，员工只要能连接到互联网，便可以在自己的计算机上打开浏览器访问本企业网站。一切的操作都只需要通过浏览器，而不需要再配置其他的应用软件，用户也都能根据提示，一步步使用，而不需要提前培训。因此，本企业平台不仅操作简单，而且可以实现对员工信息的管理，具备一定的应用价值。

　　1系统功能分析

　　通过对企业网站的调研分析，系统的工作流程为：打开浏览器输入企业网站网址，进入网站。一般用户只可以浏览部分信息，员工用户有权进入论坛留言，管理员可以对系统信息进行添加、修改和删除，并可以操作系统的其他功能。图1是本企业网站的业务流程图。

　　本系统主要实现两种功能。一是，面向所有用户，他们可以浏览网站内的企业信息，以便对该企业有充分的认识，从而了解该企业。但由于访客的权限关系，未登录的普通用户只能查看和浏览到该企业的部分信息。比如企业简介、产品中心、企业新闻、企业活动等；二是，方便企业内部员工信息的通知和员工之间的交流。企业员工的账号和密码需要在入职时自行注册并通过管理员审核，登录后可以共享企业文件以及在论坛内讨论个人心得等。同时为了企业扩展的方便，我们设计了网站的后台，用来管理和发布信息。企业网站的开发目标如下：

　　1）友好型界面：用户和员工容易上手的用户界面，设计菜单式导航条，让各类信息简单明了地呈现在用户面前。如许多选项包括企业的信息发布、企业论坛等只需要我们点击鼠标从导航菜单中选取，非常的便捷。

　　2）立即操作，便能立即见效：对信息的修改、添加和删除等，刷新后将立马在网页的相应位置显示，达到"即时发布、即时奏效"的作用。

　　3）完善各个模块的功能：不光包含对一般系统信息的管理，还包括信息浏览、查询、键入、删除、修改等，完全实现对基本信息的管理；可以对用户进行管理，包括审核用户的资料和修改、删除用户信息等；还可以有效的更新系统界面。

　　4）拥有较强的移植性：一个系统最需要具备的性质有以下几点：实用性、适用性和可靠性，还有系统的先进性。对于各类企业用户，我们只需要稍微改动，便能够开发一个适合的，并有自己特色的网络交流平台。在企业网站当中，所有需要的各类信息，全部存放在系统数据库中，我们只需要对程序做简单修改，就可以开发出一套属于自己的系统，减少了更改系统源代码的复杂性。

　　5）可以对系统进行动态管理：在后台管理员编辑界面可以直接对系统数据库进行动态操作，对数据库信息进行动态查询、动态修改、动态更新和动态录入。

　　2系统功能设计

　　根据企业管理网站的需求，我们的系统分为前台和后台两个部分。管理员通过登录可以对网站各个模块的信息进行增加、修改、删除，从而使得普通用户和员工通过前台查看和浏览信息以及员工内部的在线交互。

　　2.1系统后台功能设计

　　管理员登录后可以管理的模块有：管理员账号管理、企业简介、产品中心、企业新闻、企业发展、企业论坛、企业文件、联系我们、招聘信息、密码修改等，如图2所示。

　　2.2系统前台功能设计

　　所有访客都可以进入该网站的前台，但由于权限关系，只能查看浏览部分内容。为了企业内部的管理，新入职的员工都需要自行注册并由管理员审核信息真伪。离职后，该员工的账号和密码将被回收并删除。登录系统的员工可以通过企业文件模块分享各种文件或软件，也可以进入企业论坛模块进行发帖，和其他员工进行互动。企业管理网站的前台包括以下几个模块：企业简介、产品中心、企业新闻、企业发展、企业论坛、联系我们、招聘信息、后台登录等，如图3所示。

　　3数据库设计

　　通过对企业网站功能进行分析，得出以下信息需求：

　　1）该网站的用户分为大众访客、企业员工、系统管理员。

　　2）大众访客可以查看企业简介、产品中心、企业发展、企业新闻、联系我们、招聘信息等。

　　3）企业员工登录系统后除了一般用户的权限外，还可以进行企业论坛和企业文件的操作。

　　4）管理员分为普通管理员和高级管理员。高级管理员除了可以管理普通管理员账号，管理论坛，管理企业文件之外，还可以管理整个网站的其他信息。

　　因此，本企业网站的数据库中包括管理员表、前台用户表、产品信息表、论坛表、帖子表、企业文件表、企业信息表和企业简介表，分别用来存放管理员信息、前台用户信息、产品信息、论坛信息、帖子信息、文件信息、企业信息（包括企业新闻、企业发展、招聘信息等信息）、和企业简介信息。

　　5结束语

　　基于B/S的企业网站有效实现了对企业信息（如企业简介、企业新闻等）的浏览、查询、删除、修改等操作，大大方便了用户浏览和了解企业信息以及企业内部信息的传达。随着社会信息化的不断深入，本文设计的企业网站有着良好的应用前景。

　　作者：陈莲莲等

　　第4篇：中小型企业网站的分类及设计策划

　　中小型企业的网站是企业向用户提供自身信息的一种手段，是企业开展网上商务活动的基础信息平台。企业的网站不只是代表着企业的文化和品牌形象，同时也是开展网上营销业务的根据地，所以功能齐全、界面优美的网站对中小企业来说至关重要。

　　1中小型商业网站设计的分类

　　目前，国内大部分中小型企业和部分大型企业仍然使用小型商业网站作为企业在网络上对外展示的窗口。可以说，小型网站仍然是目前中小型企业建站的首选。小型商业网站有结构简单、运营成本低、形式限制小等特点，成为目前网络上数量最多的网站形式之一。小型商业网站并不是因属于小型商业机构而称之为小型，而是由网站本身在内容、信息量和受众范围规模等来决定的。小型商业网站按照其内容的侧重点不同分为两大类。

　　1.1以产品为主的企业网站

　　在商业网站中，有一种以展示企业产品为主的网站，如服装行业、汽车行业、化妆品行业等。要创建以展示产品为主的网站，可以依据产品特点突破传统的商业网站布局格式，设计简约的布局风格以突出产品。在网站配色方面，除了要依据企业的VI设置网站的主色调外，在网站背景色调中应采用与产品图片色彩反差较大的颜色，以突出产品。总之，以展示产品为主的网站，无论是网站色彩搭配还是网页布局方面，都必须以产品为主。同时，网站设计还应遵循“以人为本”的设计理念，栏目的设置要非常贴近用户需求，通过细节体验、换色体验、场景体验、360度体验，让使用者在体验虚拟现实时获得与真实感觉一样的感受，真实地再现产品，给人一种身临其境甚至能够触摸的真实感，以此激发买家对产品的购买欲。

　　1.2以形象为主的企业网站

　　某些公司创建网站是想借助网站宣传自己的品牌和形象，寻求商务合作，如设计行业（其中包括广告设计、动画设计、室内设计和网页设计等）、集团式的大型企业等。此类企业的网站一般都采用独立的网站引导页面作为网站的入口。网站设计者一般都会在引导页面放置大面积的企业标识，突出企业标志形象，集中访问者的注意力，对宣传企业的品牌和形象起到巨大作用。此类网站的首页，页面设计在融合网站标志风格与色调的同时，烘托并突显网站标志，简洁、大气，整体形象鲜明且风格一致。各个栏目在沿袭首页风格和使用公用元素的基础上，根据栏目的不同放置了相应的图片、文字、动画、页面广告等，整体效果统一，风格明确，比较容易给访问者留下极深刻的印象，达到宣传网站与公司实力的目的。

　　2网站策划

　　任何网站的建设都是从网站策划部分开始的。网站策划指的是在网站建设开始之前对企业建站需求进行分析定位，确定网站建设的目的和功能，根据企业需求对网站建设采用的技术、网站内容、建设费用、测试、维护等做出规划，策划对网站建设过程起到指导性的作用。

　　网站建设中前期的网站策划尤其重要，甚至能够影响到网站建设进展是否顺利、网站运行能否成功。在建立网站前应首先进行市场分析，明确企业建设网站的目的，确定网站的规模、功能和建设费用。详细的策划就能够最大限度地避免建设过程中出现问题的风险，顺利推进网站建设。

　　2.1明确企业创建网站的目的和用户需求

　　企业建立网站是就是要拓宽销售渠道，让网站成为企业网上营销的有力工具，所以企业建设网站的第一步就是了解需求，明确建立网站的目的至关重要，如建立网站是为了宣传自己的品牌和形象，还是销售产品；网站对象是哪些，浏览者能从网站上得到哪些信息；打算从网站中获得怎样的汇报等。作为网站设计人员，必须主动与客户进行有效的沟通，了解客户的需求，通过沟通，需要明确以下七个问题：

　　2.1.1建设网站的目的是什么？是为了宣传自己的品牌形象，还是展示自己的产品，还是销售产品等。

　　2.1.2网站的规模有多大，需要哪些栏目？

　　2.1.3网站的目标用户群是哪些人？是分销商还是终端消费者，是青少年还是中老年，或是白领、蓝领等。

　　2.1.4网站有收入来源吗？是不是靠网站赚钱？

　　2.1.5关于网站实现的技术是怎样的？是全FLASH实现，还是全HTML，需不需要程序；或者是局部用ASP、PHP；或者全由动态程序生成等。

　　2.1.6网站设计上有什么要求？是简洁、大气，还是专业，内容丰富，或是没有要求等。

　　2.1.7网站完成后，负责更新的工作是如何安排的？是全部自己做，还是由别人代替管理，还是由网站制作人员负责。

　　通过这七个问题，可以把最基本的内容整理清楚，针对问题的答案做出正确的判断，从而可以有效地确定网站的目的和功能，把网站建设指引到正确的方向上去。作为网页设计师，应该给客户提出有意义的建议和提供专业的咨询。在可能维持自己风格和意见的情况下，尽量满足客户的需求。

　　2.2出具网站策划书

　　了解了客户的需要，网页设计人员就可以出具网站策划书。策划书的内容应该包括网站建设中的所有工作，并力求详细。网站策划书的内容要可行、可靠、真实。网站策划书包括以下内容：

　　2.2.1建设企业网站前的市场分析。策划书的这部分内容重在强调中小型企业网站对企业来说不简单的是一个网站，还是提高企业管理方法和模式的有力工具。企业通过建立网站引进现代化的管理模式，提高企业管理工作的效率和管理工作的质量。

　　2.2.2建设网站的目的及功能定位。策划书的这部分内容要明确企业建站的目的：建立完善的新闻信息发布系统，利用网站发掘产品新的销售途径，寻找更多商业机会，进一步扩大企业效益。正确定位的企业网站，必将推动企业快速发展，为企业在原有的行业运作中创造新的竞争优势。

　　2.2.3网站技术解决方案。

　　2.2.4网站内容及实现方式。中小型企业网站的最主要功能就是通过互联网传播企业文化，树立展示企业良好的形象，为企业吸引更多的潜在客户，掌握新的市场信息，开发新的商业机会，所以一般的中小企业网站新闻发布系统和网站留言系统都是网站不可或缺的内容。

　　第一，新闻发布系统。新闻发布系统的主要任务是把企业的产品信息、业内动态、新闻等需要实时更新的内容统一规范分类管理，最后按照一定的程序流程发布到网站上的信息处理程序。通过一个管理员登陆界面获取网站管理权限，选择一种网页末班，通过排版、审核进行信息的网上发布。新闻发布系统使网站维护工作变得相对简单，网站内容的更新只需要上传图片、视频，录入文字，降低了网站管理人员的工作量，提高了工作效率，从而提升了网站内容的更新频率，加快了信息传播的效率，为企业网站提高了访问量，大大提高了企业的知名度和影响力。

　　第二，网站留言板。通过网站留言系统，用户可以发表自己的意见、建议、需求信息等所有信息，通过留言信息的挖掘，企业能够及时掌握产品市场需求、物流、价格、动态等信息，也能掌握第一手的终端用户和经销商信息。网站留言系统的独特优势在于无论管理员是否在线，用户均能正常使用，实现用户全天候的留言功能。网站管理员可以利用留言管理界面批量处理留言信息，节省人力，所以网站留言系统是大部分中小企业网站的必备功能。

　　2.2.5网页设计。

　　2.2.6费用预算与网站维护。预算网站策划制作、资料编辑录入、功能开发、网站推广、网站维护、网络空间使用等各方面的费用，拿出网站后期具体的维护方案。

　　2.2.7网站测试、发布与推广。在测试、发布与推广工作中，尤其以推广最为重要，前期工作顺利完成的情况下，网站推广成功与否，直接关系到企业网站能否给企业带来真正的效益。主流的网站推广有四种方式：利用搜索引擎，主要是和百度、新浪、搜狐等搜索引擎商合作，推广企业网站；入驻阿里巴巴等大的电商平台；在同行业的网站上进行链接；电子邮件推广。

　　2.2.8网站建设日程表。网站策划工作涉及内容繁多，根据不同企业的特点及企业的建站目的，内容也会有所不同。在建设企业网站的时候，一定要进行充分沟通、细致策划，才能顺利推进网站建设。

　　作者简介：李国才

　　第5篇：现代企业网站版式设计研究初探

　　一、企业网站的设计意义

　　随着人类科技的不断进步，互联网开始改变着人们的生活方式。百度改变了人们传统的查找文献的方式；阿里巴巴改变人们传统的购物方式和做生意的方式；腾讯改变了人们的沟通方式；滴滴打车改变了人们传统的打车方式等。在互联网颠覆一切的时代，企业作为真正为社会做贡献和生产产品的实体，更应该借助互联网的浪潮为自身的发展赢得更多的机会。企业的网站建设是企业在互联网上的门面工程。为了能够更好地满足人们的审美需求，为用户的浏览提供更多的信息，网站的版式设计是重中之重。网站设计的好坏将能够直接影响浏览网站的流量和质量。在网站的设计中，不仅仅要求网络技术达到一定的水准，还要求版式设计能够真正地吸引用户的眼球。这就从侧面要求了设计师必须要真正了解用户的心理需求和视觉需求，从而完成网站视觉和内容上的统一，发挥网站版设计在企业类网站中的商业价值。为此，文章分析了企业类网站的版式构造因素，并进一步探究了企业网站版式设计的表现方式。

　　二、现代企业的版式构造因素

　　（1）标志和导航栏。标志作为企业网站的形象备受关注。一些标志作为超级链接，目的是连接其他网站，代表一个版块或者一个网站，因而一般在版式设计的过程中将标记放置在一个明显的重要区域。例如，唐山钢铁的网站中，页面中间的“进入唐钢公司”和“进入河北钢铁集团”两个标志内编排，能够迅速地向阅读者提供直观的印象，传递信息。导航栏则相当于网站的“地图”，用来指引浏览者方向。同时，其承接了各个子页面的链接。一般而言，在版块设计的过程中，大多数被放置与网页的左侧或者上方，给浏览者直观感受。对于企业来说，其包含有公司介绍、品牌展示、产品展示、客户服务等。只有导航栏合理，才能够更方便的服务浏览者。

　　（2）文字和图像。文字和图像是网站信息传递最主要的方式。也是整个网站中最具有信息的部分。在一些情况下，文字所占的页面篇幅相当大。为此，在编排过程中需要充分的思考视觉上的美感，让浏览者能够获得视觉享受，增加阅读兴趣。图形图像在企业网站中，常常首先能够吸引人的眼球。在现代的企业网站中，大多数将网站中嵌入大量图片，从而更加直观和形象的展示网站信息，增强网站的宣传力和感染力。当然，在大多数情况下，企业网站会使用图文并茂的方式向浏览者提供信息。在使用这种方式进行信息传达时需要注意格式的统一和主题的表达，以更好地发挥图文效果。

　　（3）色彩和多媒体。人类的眼球对于色彩的敏感度较高。因而，在网站设计领域，色彩会使得网站更加具有感染力。不过色彩的选择并非是越浓郁越好。需要根据不同的企业类型来设置色彩。例如，有机绿色食品网站就应该将绿色作为主打色调，彰显绿色环保主题。而服饰类企业则应根据企业自身的定位选择多彩的颜色。同时，在网站的编排过程中需要统筹安排，色彩统一设计，实现风格的统一。例如，“德芙”网站，德芙巧克力的官方网站色彩使用巧克力色，并且整体的色彩安排和区域编制形成统一，给人愉快的感觉，有种视觉享受。多媒体的引入则给网页带来更多的视觉感受。网页中的视频、音频以及动画等都可以叫做多媒体。多媒体的嵌入使网站的展现更加栩栩如生。同样，德芙巧克力官网将一段音乐MV嵌入网页中去，让整个网页在浏览的过程中更加生动，更能够被感染。同时，网站也给予了浏览者深刻的印象，为德芙巧克力做出更好的宣传。

　　三、现代企业版式设计的表现方式

　　（1）设计形式法则。设计形式法则主要从以下几方面进行考虑。第一，节奏和韵律。节奏是设计中与运动相结合的美学法则。透过节奏和韵律的组合，形成动态美。就如同现实生活中雨滴潺潺、漫步雪上足迹、唯美舞姿以及有节奏的乐器敲打给人们留下的美感。网页设计中需要将点、线、面进行统筹管理、合理规划。赋予构成元素以生命，粗细间隔变化、强弱起伏变化，实现网页布局抑扬顿挫的美感。同时，节奏与韵律相辅相成。在韵律的基础上实现美感的搭建，在有限的网页空间中给人回味无穷的遐想。第二，对称与平衡。所有的图形都分为对称和非对称。非对称的概念比较抽象，因为其涉及颜色、尺寸、位置等因素。而我国的禅学以及国人的审美都以对称美至上。因而，通过在网页中使用对称和平衡的手法，能够给人以稳重大气和古典的感觉，更符合国人的审美习惯。第三，变化与统一。这一哲学的境界融入现代企业网站版式设计中，能够达到非一般的效果。网站的设计要想达到一定的高度，就需要实现版式、字体、颜色以及风格的统一。同时，掌握好变化与统一的关系。在网站中追求色彩和版式的渐变。同样在变化中寻求统一，追求美感的统一。

　　（2）企业网页版式设计分割形式。网页设计风格的分割黄金比例是5∶8。也就是说宽度为1个单元时，长度应该为1.618个单元。正方形和长方形比例刚好可以应用在两个分隔中。基本的黄金分隔比例为100x160。网站布局的形状则分为：竖栏形、水平型和垂直型等。各个分栏形状又可以进一步细分。例如，竖栏形可以分为二竖栏、三竖栏。竖栏排版的形式能够将信息更有效的传达给用户，在视觉上具有更好的引导性。文档内容全面而有条理。水平型排版则多采用横向排版方式，这样能够从左到右逐层呈现内容。此外，突出留白也是创意元素之一。在企业网站设计中，要预留一些空间显示优雅、讲究和现代的企业形象，从而给读者以平静祥和的感觉，会使整个网站显得更加人性化。

　　（3）企业网站动态因素设计。以2005年为分水岭，网站开始引入了动态元素。动态元素相对于静态元素来说，让整个网页显得更加充实有活力，也更好地向用户提供网站信息。从2007年开始，一些网站设计是开始逐渐引入3D、电影、FLASH动画以及声音内容，让整个Web有了更完美的体验。对于企业网站来说，合理的嵌入动态元素能够将时间和空间融为一体，赋视觉和听觉为一体，并产生节奏化的动感。在使用网页的动态元素时，我们也要根据设计的企业主题内容安排动态和静态的比例和内容，从而使二者相得益彰。同时，合理的使用网站超链接，跳跃性的展现多媒体和超时空信息链接。至此，网站的浏览思路会更加清晰，让读者更好地感受网站所要表达的内容。

　　（4）融入企业文化。成功的网站设计并不仅仅是简单的文字、图像、多媒体等的设计，还应该包括企业文化的传递。所以，在进行网站设计时需要融入企业文化。如果企业网站版块设计千篇一律，不免审美疲劳，会给人一种空洞没有感情的直观感受。在当前众多的现代企业网站中要想脱颖而出，就必须做到别具一格。在丰富的功能实现和视觉满足的基础上，引入企业的文化元素。从而凸显主题，给浏览者留下更加深刻的印象。

　　市场经济蓬勃发展的条件下，企业类网站已经成了一个不可忽视的问题。版式设计是企业类网站设计的核心。一个合理科学的版块设计能够让浏览者耳目一新，为浏览者留下深刻的印象，从而有助于企业形象的提高和企业信息的宣传推广。在进行版式设计的过程中，基本的设计技巧，如标志、导航栏、文字、图像、色彩以及多媒体需要进行设计和规划。在此基础上，需要进一步完善设计形式法则、分割方法、动态元素和企业文化的引入。做到这几点，就能够将企业网站拉高一个档次，从而打造好企业的网络门面。

　　作者：安然

　　第6篇：花卉品牌推广中企业网站设计的应用研究

　　花卉企业如何树立良好的企业形象，是花卉企业品牌战略中的重要内容，因此，花卉企业也要导入CIS（CorporateIdentitySystem企业形象可识别系统），以企业定位和企业经营理念为核心，为企业内部管理、公共关系、广告宣传、服务等各方面，进行系统性、统一性的综合设计，力求使企业在公众面前展现出统一、良好的企业形象。要做到以上几点，就需要花卉企业利用大众传媒宣传推广自身，比如选择专业性强，在本行业内影响面大、范围广的报刊、互联网发布信息、刊登广告，因此企业门户网站形象设计的必要性在这个竞争激烈的信息时代已变得刻不容缓。花卉企业建立网站，是企业在网络时代的舞台上展现自身实力和寻求发展的重要途径。

　　一、花卉品牌推广中企业网站设计的作用

　　（一）促进花卉品牌的宣传、推广

　　现代互联网技术的发展，使得花卉企业仅通过门户网站就能在互联网上建立一个对企业形象、产品与服务进行展示和宣传的手段，不仅能够实现花卉产品的宣传、销售，还可以与遍布世界各地的商户随时随地进行交流和提供实时的技术服务，而不需要太高的成本。通过网站展示花卉企业形象，利用互联网的高效传播性来宣传企业形象，可以将花卉企业的各种需求实现个性化的网上营销、形象宣传、网上支付等多方面的商务功能，从而吸引更多客户，提升花卉企业品牌的知名度。如荷兰的阿姆斯特丹花卉市场的品牌定位于研究新品种，并通过网络销售空间的展示拍卖产品。由于注重花卉品牌的建立，开设品牌企业网站进行网络营销，阿姆斯特丹花卉市场目前已取得很好的品牌效益，其知名度不仅限于欧洲，而且延伸到了亚洲和美洲地区，甚至成为一道亮丽的旅游风景线，带来的直接和间接的经济效益都十分可观。由此可见，花卉企业网站的建立将会极大地促进花卉品牌的宣传、推广。

　　（二）弥补花卉业传统经营商业模式的不足

　　企业网站通过网络营销能弥补花卉业传统经营商业模式的不足，如消除传统经营中的广告所面临的障碍，打破时空、地域的限制，在企业网站上开展营销，用户通过点击浏览可以迅速提高企业的广告效率。花卉企业可以根据其注册用户的购买行为及时改变向访问者发送广告的内容，也可以根据访问者的特性，如硬件平台、域名或访问时的搜索主题等方面有选择地显示其广告，这样就比传统经营中广告宣传更具有针对性。另外，网络营销形式逐渐成熟，网上选购花卉的方式已被众人接受，企业网站可以展开花卉网络营销业务，以增加销售量，降低销售成本。

　　二、花卉品牌推广中企业网站设计的具体应用

　　企业网站已成为企业CI重要的组成部分，花卉企业网站的设计也不例外，只有符合CI系统的企业网站界面设计才能有效塑造花卉企业的品牌形象。企业网站设计在花卉品牌形象塑造应用时要重视以下几点：

　　（一）网站的整体规划设计

　　首先要仔细分析调研阶段的相关资料，根据花卉企业网站用户的特点，有针对性地构思网站内容，合理地做出网站的规划设计，突出特色。如设置随时更新花卉业动态信息的栏目，将新产品上市、花卉展销会、交易会、拍卖会、技术研讨会等，通过首页新闻动态滚动播放的形式为关注本企业的各类用户提供最新消息。好的网站规划设计是花卉企业进行品牌宣传推广的成功基础。根据花卉企业的特点和网站功能，设计出产品管理、信息管理、订单管理和友情链接管理4个模块。其中产品管理主要分为花卉产品分类管理（根据不同公司经营特色可按花卉产品或花木产品进行大的分类）、花卉产品相关图片管理、价格管理；信息管理主要有最新公告管理（公司上市的最新花卉产品或者公司最近动态）、疑难解答管理和行业活动管理；订单管理主要由审核订单管理和已审核订单管理组成；友情连接管理主要由友情链接添加、修改等组成，这里可以链接一些有关花卉文化的网站，以丰富网站内容。目前，有的花卉企业网站只是设计了简单的栏目，例如企业简介、领导简介、机构设置，能对企业产品做出具体系统而又形象直观介绍的不多，借助网站进行市场调研、产品开发及提供售后服务的就更少了，而且网站内容陈旧，从建立网站之后几乎很少更新，网站的作用形同虚设，更谈不上提升企业品牌形象了。作者随机点击了江苏省花卉先进企业的几个官方网站，如南京市某园林绿化工程有限公司（图1），打开网站页面，左边导航条设置栏目有公司首页、供应信息、求购信息、产品价格、公司介绍、招聘中心、客户留言、联系方式，笔者通过浏览点击发现很多问题，作为形象窗口的首页内容几乎为空，更谈不上设计效果了。还有供应信息和求购信息里面产品没有图片，公司介绍页面是与此无关的内容，很难想象这样一个企业网站能为企业品牌发展提供多少作用。这些都是没有进行合理的网站规划设计而导致的，如果能像图2那样进行合理、完整的网站规划就能吸引客户关注并了解企业网站的更多内容。所以要建立专业、特色的花卉企业网站，合理的网站规划设计将会在花卉品牌战略的长远发展中影响深远。

　　（二）网站的色彩设计

　　企业网站代表的是企业统一的、个性鲜明的品牌形象，所以企业网站主色调的确立不应随心所欲，应以企业VI标准色作为主色调，辅以辅助色彩的使用。网站的设计目的是为了吸引更多的用户登录浏览。因此，设计如何适应观众的色彩需要就成了至关重要的问题。除了文字、图片等内容的合理排版，色彩的均衡是相当重要的一部分。色彩均衡的网站让人看上去舒适、协调。比如一个网站不可能单一地运用一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡包括色彩的位置，每种色彩所占的比例、面积等，但是如果没有处理好色彩均衡的关系就会造成如图3的视觉效果，整个页面没有主色调，页面中间建筑物插图的色彩和黄色的色块之间缺乏色彩联系，显得生硬不协调，加上选用的花卉插图没有经过后期图像处理，所放置的位置排版过于随意，网站整体效果差强人意，没有较好地体现出园林公司应有的绿色、自然、休闲的意境和服务特色。笔者对图4进行了重新设计，将网站的背景色和导航按钮的色调统一成绿色系的主色调，设计的导航按钮为树叶造型的图形，以突出园林公司的绿色、自然、休闲的意境和行业特色（见图4）。

　　网站的色彩带给用户的不仅仅是网站信息、资源和服务，同时还要能提供一种美好的体验。约瑟夫·派恩将体验定义为：“体验是一个人达到情绪、体力、智力甚至是精神的某一特定水平时，他意识中产生的美好感觉，它是主体对客体的刺激产生的内在反映。”色彩能为花卉企业网站用户营造良好的氛围，一旦网站吸引大量访客并能提供给他们美妙的体验使之沉浸其中，那么就有机会被用户加入到电脑收藏夹中，以后将对该网站再次访问，使其对该网站品牌形成满意、信任并产生依赖感，成为公司网站的忠诚顾客。

　　（三）网站标志设计

　　对于企业网站来说，一般直接选用企业的标志或注册商标作为网站标志，以保持与企业的品牌形象一致。标志又名LOGO，是网站所有者对外宣传自身形象的工具、信息传达的载体。网站标志集中体现了企业网站的文化内涵和品牌定位，在企业品牌形象传递过程中，是应用最广泛、出现频率最高且最关键的元素。企业强大的整体实力、完善的管理机制、优质的产品和服务，都被涵盖于标志中，通过不断的刺激和反复刻画，给用户留下深刻印象。花卉品牌的标志设计首先应尊重习俗、符合法律，严格执行《商标法》的规定；其次花卉品牌标志设计应力求简单醒目、易读、易记；再次花卉品牌标志设计应新颖别致、内涵丰富，便于识别和传播。

　　网站标志设计是与其他网站链接以及让其他网站链接的标志和门户。要让其他人进入网站，必须提供一个让其进入的门户。而标志的存在能够起到跳转的作用，动态的表现方式比静态的链接更能吸引人的注意。一个好的标志设计就代表一个企业网站的良好的外在品牌形象，我们可以从中基本了解到这个网站的类型和内容，在一个布满各种标志的链接页面中，网站标志就是品牌无声的宣传者，引导着用户去访问该网站。在网络环境下，用户行为最大的认知特征就是短期记忆，这也意味着网站标志设计应该体现出快速、短期的认知特征，使用户易识别、理解和重复使用。如江苏艺林园花木有限公司的网站标志（图5）是一个由高大的树冠和树干组合而成的绿色图形，整个标志体现了公司经营高大花木的企业特色。在浏览该企业网站页面时需通过点击品牌标志进入，在首页的左上角醒目位置显示的是企业网站标志和企业名称，在整个浏览的过程中，网站的标志给人印象极其深刻，而且也很好地起到引导作用，同时塑造了良好的企业品牌形象。

　　结语

　　综上所述，花卉企业要在未来的网络平台中占据一席之地，塑造线上品牌形象，就必须充分重视企业网站的设计和维护，才能发挥花卉品牌的持久效应，最终通过网络品牌推广，不断使企业网站真正成为花卉企业实现现代经营管理的信息平台。

　　作者：汤洪泉等

　　第7篇：基于真实企业网站的网页设计教学改革

　　一、引言

　　高职院校培养目标定位在培养高素质高级技能型专门人才。这种人才自身，要求不但能够从事相应的工作，而且具备较高的技能。在传统的网页设计教学中，大家采用的教学案例比较简单，许多教学案例的设计围绕知识点进行设计，即为了学会知识而设计教学案例。在考核中也偏重于理论考核。这样培养出来的学生，偏重于简单的网页设计，无法胜任真正的网页设计工作，当然也无法达到培养高素质高级技能型专门人才的培养目标[1]。这就要求在课程改革中，采用真实的企业网页，尤其的主流电商的网页，围绕真正的网站进行教学；在考核过程中注重过程考核，避免单一的理论知识考核。

　　二、课程内容的设计

　　（一）课程定位

　　网页设计课程是计算机应用技术专业职业能力模块中关于网站设计制作模块的一门专业核心课程。该课程是在专业基础平台模块的基础上开设的，与其他课程有着紧密联系。结合开设的《XHTML》、《数字平面设计基础》等课程，实现网页小前端设计。

　　课程围绕企业开发网页前端的整个过程进行设计，目的是使学生掌握网页设计与制作的常用技术和方法，使学生能够开发与制作出具有业界水准的网站，以适应社会对人才的需要。

　　（二）课程设计理念

　　1.以真实案例为中心，实现就业零距离

　　在教学案例的选择过程中，与企业著名的设计企业进行合作，校企双方通过对网页设计与制作必须的职业能力进行调研、分析，从实际工作项目中精选出本课程的教学案例。这些教学案例，全部是有一定专业水准的真实网站。学生通过真实网站的实训，欣赏水准和网页设计能力能够和业界接轨。实现就业的“零距离”。

　　采用“网站开发工作过程导向”的项目教学方法[2]，强调学生所学知识和技能在实践中的应用，各个教学单元采用“应用导向，任务驱动”教学方法[3]。彻底打破原有的网页设计与制作教学体系，重建教学内容，将章节的内容以案例的形式讲述。以网页设计与制作中的各个功能的实现为主线，结合平时上课时讲授的实例展开。

　　充分利用网页设计与制作课程应用性强的特点，把该课程的教学改革与产学研结合起来，开展多项与网页设计与制作有关的科研教研。鼓励老师和同学多参与国家或者学院组织的各项比赛。

　　2.遵循认知规律，先感性、后理性，实现感性、理性认识的辩证统一

　　对于人的认知来说，总是先感性认识，后理性认识。感性认识是理性认识的基础，理性认识是感性认识的升华和总结。

　　在课程设计方面，先进行感性学习，即使用可视化工具进行网站设计；然后对网站进行总结，逐步使用代码工具进行网站设计；最后通过综合实现，实现能力的提升。能力提升示意图见图1。

　　图1能力提升示意图

　　3.课程内容的选取

　　围绕电子商务网站装修新的就业需求，针对性的选择课程内容。对于计算机应用技术的毕业生来说，由于电子商务的发展，近三年来，越来越多的毕业生到服装、饰品等淘宝店铺去做店铺装修。甚至部分学生自己在淘宝上开店自主创业，淘宝店铺的装修成为人才培养的一个新需求。另外，在威客网站上也常见淘宝店铺装修的任务。

　　对于河南省来说，电子商务才刚刚起步，网店形象差，规模普遍较小。追究其原因，很多人还是老思想，认为“酒香不怕巷子深”，不注意网店的装修和自己形象的塑造。而淘宝店铺的装修正是解决这个问题。

　　对于传统的网页设计课程来说，过于强调技术。而淘宝装修就是包括两个方面：即网页设计和与网页相关的艺术设计，是信息学科向文化艺术领域拓展的新方向，是以技术为主，艺术为辅，技术与艺术相结合的新兴方向。

　　因此，在课程内容的选取上，不但要强调技术，也且要关注相关的页面艺术设计，特别是有关电商企业的页面设计。在课程内容的选择上，包括淘宝网、天猫、京东商城等众多电商的网页被选入课程内容。

　　三、考核方式改革

　　由于教学内容围绕网页设计与制作的实际应用进行展开，理论、实践结合紧密[4]。因此，考核方式也要进行改革。

　　改变网页设计与制作的考核方式。为了使同学们更好的掌握网页设计，改变原来那种仅仅笔试的考试方式，增加过程考试权重。过程考核主要考核学生解决网站设计问题的思路和方法，占70%；笔试考核主要靠和学生对该课程基本理论知识的掌握，占30%。

　　四、结束语

　　由于教学内容选自业界真实网页，具有业界水准，学生的网页欣赏水平和设计水平提升明显。考核方式的改变，进一步提升了学生的实际动手能力，收到了良好的教学改革效果。

　　作者简介：尹新富