DIV CSS在计算机网页设计中的运用

第一篇：DIV CSS在计算机网页设计中的运用

DIV+CSS在计算机网页设计中的运用

【摘 要】互联网发展至今，网络已经成为人们生活的重要部分，各色网站层出不穷，众多网页各有千秋。本文从计算机网页设计中的布局入手，分析了传统网页布局的局限性，介绍了计算机网页中典型的 “DIV+CSS”布局方式。通过对DIV 和CSS 技术的研究，介绍了DIV+CSS布局方法及其优势，为计算机网页设计提供思路。

【关键词】DIV；CSS；计算机网页；布局

一、前言

传统的计算机网页布局的方法主要有框架布局和表格布局。框架布局比较灵活，若有效运用，则能使网页更整洁、清晰。但是，对于内容多、布局复杂的网站，不宜采用框架布局，因为，过多的框架会影响网页下载所需的时间，影响网页的读取速度，而且浏览器对框架结构的兼容性也不是很好。

表格是计算机网页设计制作中的一个重要网页元素，用来对网页进行排版，使页面的信息布局合理、简洁。但是表格排版也存在以下的问题：

1.用表格排版的页面很难再修改或升级。当页面制作完成后，如果要将其中的某些位置对调，那么表格排版的工作量相当于重新制作一个页面。而CSS排版利用position和float属性可以轻松地移动和重新定位各个块，实现让用户动态选择界面的功能。

2.用表格排版的页面在下载时必须等整个表格的内容都下载完毕后才会一次性显示出来，而利用DIV+CSS排版的页面在下载时，各个子块可以分别下载显示，从而提高了页面的下载速度。

3.复杂的表格设计使得设计极为不易，修改更为复杂，最后生成的网页代码除了表格本身的代码，还有许多没有任何意义的图像占位符及其他元素，文件量庞大，最终导致浏览器下载及解析速度变慢，网站的维护和更新困难。

二、DIV和CSS的具体内容

DIV元素是用来为HTML文档内大块的内容提供布局的结构和背景。它是HTML中的一个标签，此标签的作用就是定位网页内容中的图片、文字、视频等相关信息。一般我们也叫为DIV层定位。

CSS（cascading style sheet），层叠样式表，是用于控制网页样式并允许将样式信息与网页分离的一种标识性语言。CSS 是 1996由W3C 审核通过，并且推荐使用的。CSS 的引入就是为了使 HTML语言更好的适应页面的美工设计。它以 HTML语言为基础，提供了丰富的格式化功能，如字体、颜色、背景和整体排版等，并且网页设计者可以针对各种可视化浏览器（包括显示器、打印机、打字机、投影仪和 PDA 等）来设置不同的样式风格。CSS的引入引发了网页设计一个又一个的新高潮。使用CSS设计的优秀页面层出不穷。

DIV+CSS布局方式使网页结构和外观相分离，极大地简化了代码，而且使站点加载的速度变得快捷、维护也更加方便，无疑对传统布局的网页方式造成了极大的冲击。除此之外，DIV+ CSS布局方式的使用，使传统的网页布局的不足得到很好的弥补，当前国内多数比较著名的网站都利用此类方式方法进布局，给用户带来了全新的体验模式。

三、DIV+CSS设计计算机网页布局

采取DIV和CSS的网页布局结构，首先需要用DIV来分块，定义语义结构；然后用CSS来定位和添加样式，如浮动、位置、对齐属性、加入背景等；最后在这个CSS定义的各个块中添加相应的样式，如文字、图片等。下面通过一个布局实例介绍使用DIV+CSS布局网页的基本方法。

首先，把网页区分成不同的三个区块，包括header、content（其中有main主体区域，并将main主体部分分为两个区域lside和rside）、footer三个区域，分别作为网页的头部、内容和版权区域。编写HTML部分文档代码如下：

第二篇：平面构成在网页设计中的运用

平面构成在网页设计中的运用

易 星

目前，中国互联网的发展已经形成相当规模，据中国互联网网络信息中心（CNNIC）报告显示，预计中国网民数量在未来5年后将要超过美国，互联网已是继报纸、广播、电视等之后的第六大媒介。

随着互联网的发展，各类网站有如雨后春笋般。然而，有的站点日访问量高达几千万人次，而有的站点访问者寥寥无几。究其原因，访问量大的站点，除资源丰富外，网站的策划和精美的外观也是吸引访问者的重要因素。所以将美的形式规律和平面构成的手法结合到网页设计中，是当前网页设计的重要理论依据。

一、当网页设计遇上平面构成

（一）了解网页设计

网页有如门面，小到个人主页，大到政府及国际组织等，是构成一个网站的最基本单位。而网页实际上只是一个纯文本文件，它通过各种标记对页面上的元素进行描述（如颜色、大小），网页上传到互联网之后再由用户的浏览器对这些标记进行解释并生成页面，于是便有了现在千姿百态、百花齐放的互联网络。

打开一个网站，首先映入眼帘的是该网页的界面，如按钮的摆放、文字的组合、色彩的应用等等，这些都是网页设计的范畴。其实在网络刚兴起时，没有太多视觉设计的概念，很多网站都是程序员用HTML语言设计出只有功能取向的网页，那时候网页无法一边写一边观看，只能写好后到浏览器上执行，所以程式设计常常无法和基本的美观结合在一起。然而，在一个个可视化的网页编辑器相继问世，特别是许多平面设计师投入网页设计的行列后，整个网页视觉设计的行业起了重大的变化！

随着这几年网络的飞速发展及人们对美的不断追求，网页设计逐渐受到人们的重视，形式了一门新兴的学科。简单的讲，网页设计就是从审美入手，结合平面设计的特点，运用平面构成中的基本形式到网页中，让网页更加富有美感。例如将平面构成中的节奏与韵律、骨格与肌理溶入到网页中，会使内容繁多的页面更加有条理、主次分明，因此对平面构成的掌握与了解是关系到网页成功与否的重要基础。

（二）了解平面构成

艺术设计是人类文明的重要部分，涵盖了当代人类生活的各个领域。构成是一个近代造型概念，含义是指将不同或相同形态的几个单元重新组合成为一个新的单元，是以研究视觉语言的特性、构成原理以及审美规律为目的，重在研究和分析视觉的形态、空间、运动、比例等因素的变化和形式。

平面构成的认识源于自然科学和哲学认识论的发展，是建立在量子力学基础之上的微观认识论，这种由宏观到微观认识的深化，逐渐影响了造型艺术的发展。构成观念早在西方绘画中就可见其影子，如立体主义绘画、俄国的构成主义、荷兰的新造型主义，到后来的德国包毫斯设计学院的不断完善发展，形成一个完整的现代设计基础的教学体系，奠定了构成设计观念在现代设计应用中的地位和作用。二十世纪七十年代以来，平面构成作为一门设计基础课程，已广泛应用于工业设计、建筑设计、平面设计等领域。

（三）何为网页平面构成

平面设计在网页设计中占有相当大的比重，而平面设计的重要理论基础则是平面构成，所以说，平面构成也是网页设计的重要理论依据和知识基础。

在一堆杂志中，人们往往会拿起色彩丰富、图片艳丽、结构清晰的那本。同样，一个布局合理、重点突出、富有美感的网页，它不但能吸引用户点击，更能够完美表达网页的创意思维。所以，平面构成的出现，不得不让我们对单调、乏味、缺乏美感的HTML页面进行反思，为了拓展网页设计的艺术视觉，丰富网页设计的思维及表现手段，我们引进了网页平面构成的理论，这有点类似于传统平面设计中的构成理论，一般包含风格策划、页面构图、布局与色彩等方面，我们不妨将平面构成理论作为网页设计的理论指导，即“网页平面构成”。把网页设计看成是平面设计的一种审美方式的延伸，而点线面作为平面构成中的基本元素，在网页中巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，完美表达设计意境。因此，网页设计作为一种视觉设计，特别讲究编排和布局，虽然主页设计不同于平面设计，但它们有着许多相近之处，如：对比、渐变和节奏美、韵律美，图/底关系或通过文字与图形的组合形成空间上的立体感。所以，灵活运用平面构成中的各种手法，通过页面各元素之间的有序排列使浏览者达到某种共鸣产生一种和谐的美感。

平面构成是一种设计语言，已为当今社会各个艺术设计领域所应用，它以一个全新的造型观念，给我们的网页设计注入新鲜的血液。

二、为网页设计注入新的血液

（一）人性化的网页设计与策划

“人们总以为设计有三维：美学、技术和经济，然而更重要是第四维：人性。”------美国设计师普罗斯

人类的艺术设计是一种审美活动，设计的任务是要实现设计者或用户的意图。网页设计是指设计师将客户要表现的主题和达到的效果，组合页面元素，通过艺术手法创造出符合大众审美观的界面。开始进行网页设计前，需要做很多调查，如客户的需求、站点的性质等，这些要求的不同设计出的网页也会不同，用现在最时髦的话来讲就是更具有人性化。

在网络的虚拟世界，互联网提供了天下大同的机会，充斥着无数站点，然而大多数网站的设计都缺乏灵魂和主旨，页面结构都比较松散、混乱，其原因就在于缺乏有效的策划。因此要想使你的网站从那些数不清的站点中脱颖而出，就必须对整个站点作好统筹规划，对所有的内容进行斟酌，再合理组织页面结构与色彩。

首先，了解一下同类站点的风格、特色，吸取他们的长处，找出自己的优势，做好市场调查，明确自己网站的主题、规模、主要特色及主要受众目标，再确定整个网站的整体风格。其次，网页的制作，设计者先要在纸上用笔画出大概的设计草图，等待客户确认后，才用计算机绘图软件画出平面效果图（色彩与页面结构），之后才能投入实际的制作。

（二）网页平面构成手法

平面构成是一种视觉形象的构成，其形态的抽象性特征和产生不同视觉引导作用的构成形式，组成严谨而富有节奏和动感的画面，营造一种秩序之美、理性之美和抽象之美。其构成形式主要有重复、近似、浙变、变异、对比、集结、发射、特异、空间、分割、肌理及错视等等。它的研究对象主要是在平面设计中，如何构造形象，怎样处理形象与形象之间的关系，如何掌握美的形式规律，并按照美的形式法则，构成设计所需要的图形。

平面构成中最基本的形态要素是点、线、面，其构成要素有大小、方向、明暗、色彩等，以这些基本要素为条件，加以组合构成，便会创造出无数理想的抽象造型。

网页上的所有元素都可以看作构成的基本要素。在一幅成功的作品里，需要点、线、面的共同组合来构造整个页面。通过三者的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让访问者在感受美的过程中领会设计的主旨。

1、构成的基本元素点、线、面及其在网页设计中的运用

在页面构图中凡是表现视觉图形或文字，都可以简化或趋近于点、线、面的视觉感受。网页版面中的各种视觉元素正是以点、线、面的形式相互依存、相互作用，组合成各种视觉信息，形成千变万化的视觉空间和感受。因此，只有协调处理好点、线、面之间的相互关系，才能设计出最佳视觉效果的网页。

（1）点的运用

点是可见的最小的形式单元。在网页中，点是相互比较而言的，任何一个单独的细小的形象都可称之为点：按钮、字符、小色块等等。在网页中合理的安排点的布局，或者在页面设计中将某些视觉形象进行点化处理，并运用恰当的构成手法进行版面布局，不但可以协调画面，甚至可以起以画龙点 睛的作用。图1为个人主页，所以在形式上比较轻松活泼。网页中大面积的空白与中间的四个点形成强烈的对比，而且在点的处理上采用传统的中国水墨画的手法，更富有意境。在点的位置安排上也体现了一种节奏与韵律，形成视觉上的跳跃。

图１．点的运用（来自www.xiexiebang.com）

由这两个典型的例子可以看出，无论是什么样的法则都源自设计者本能的审美观的驱使，再应用到实际当中，当然在设计时不必十分刻意追求什么法则。应该从日常生活中，从自然界的事物中观察美的规律，培养构图的艺术美感。

（五）网页色彩构成

1、色彩的基础知识

“接天连叶无穷碧，映日荷花别样红。”-------杨万里

每次读这首诗，闭上眼睛仿佛就能看到：碧波万顷，微风吹拂，满塘荷叶轻轻摇曳，艳阳下的荷花鲜红欲滴。这句诗里的“碧”、“红”其实就是色彩。所以色彩对我们来讲是不陌生的，因为我们生活的世界中无处不存在着色彩。色彩以一种特别的方式传达信息，这些信息会影响观看者的心理和感受，左右他们的判断和选择，色彩对于设计而言实在太重要。

首先熟悉一下色彩的基本概念，三原色——红、黄、蓝，三间色——橙、绿、紫，三种间色互为“补色”。将图10中圆环中的任意一种颜色和黑色、白色、灰色按照不同比例混合就可以得到更多的颜色。例如，当色彩RGB值为（0，0，255）时为纯蓝色，饱和度100%。随着饱和度的逐渐降低，颜色会越来越接近灰色。

2、色彩心理

色彩，在不知不觉中作用于人的心理，据说伦敦泰姆士河附近有一座黑色的桥，它因每年在桥上自杀的人数惊人而著名，后来人们将 它改成了绿色，自杀人数剧减。有专家分析，如果将它改成粉红色、天蓝色等更明亮的色彩就可能使自杀人数将趋于零。图10．色环

当你看到色彩时，首先会勾引起对生活的联想与情感作用。蓝色来自天空和大海，它给人一种心胸开阔，文静大方的情操。绿色是大自然的颜色，它能令人充满青春活力。黄色饱含智慧与生命力，让人显得年轻有朝气。看到白色，使人觉得纯洁可爱，而紫色却有着神秘高雅的感觉，这些对于网页设计而言特别重要。我们经常说“第一印象最重要”，用户在访问网站时的第一印象实际上是来自整个网页的色彩！

所以色彩具有一定的含义和感情上的象征作用，人类确实存在色彩联想的共通性。在炎热的夏天人们更容易接收蓝色的“百事可乐”，而在较为冷的天气喝红色的“可口可乐”人是不是更多一点。在我们谈到这种象征印象时，不能过于主观、片面地看问题，人们对色彩的联想是相对，不同的色彩组合在一起也会起到不同的效果。

3、合理搭配色彩

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，及色彩对人们心理的影响，合理地加以运用。将不同的色彩进行组合、搭配来构成丰富的页面。单纯的颜色 并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。但也要考虑到网页的适应性，应尽量使用网页安全色。不同网站应当使用不同的色彩方案，与站点的主题相吻合的色彩方案决不仅仅可以让网站 “更加好看”，更重要的是在访问者心目中建立对这个网站的感性认识。所以，色彩方案的选择决不能草率，是网站建设的第一步。

按照色彩方案中色彩使用方式的不同，可以将色彩方案划分为几种常用类型，单色方案、相似色方案、对比色方案等。

（1）单色方案，是指在网页设计中使用一种基本颜色，通过调整这种基本颜色的灰度和亮度来得到更多的颜色。单色方案是一种比较稳重的方案，或者说比较保守的方案。给人整洁、经典的感觉，商业网站也比较适合使用此种颜色方案，使访问者容易建立对网站的信任感。

（2）相似色方案，在色彩圆环上彼此相邻的几种颜色构成的配色方案就是相似色方案。例如橙色、橙红色以及橙黄色就可以组成一个相似色方案。通常，相似色配色方案可以给人非常协调的感觉，因此在网站设计中非常实用。典型的运用方法就是，用一种颜色作为页面背景，而另外一种在颜色环中与其相邻的颜色作为前景色。

（3）对比色方案，把一个颜色和它补色的左右边的色彩配合起来，可以得到强烈的视觉效果。运用这种方式容易塑造活泼、运动的网页效果，在设计时要注意主体色彩的运用，即以一种或两种色彩为主，其他色彩为辅。

4、色彩构成在网页设计中的细节体现

-----中国移动网与MTV网之色彩比较

图11．中国移动网（来自www.xiexiebang.com）

图12．MTV网（来自www.xiexiebang.com）由两幅图比较可以看出，企业的不同性质决定了网页的用色，首先，中国移动是一家面向全国用户的大型企业，他所服务的对象决定了网页用色必须考虑到所有用户的接受能力，必须稳重大方，可以看出整个界面采用冷静开阔的蓝色调，但是页面色彩却不单调，当用户将鼠标移动到导航栏上，蓝色的横线变成了明快的翠绿色，就这一点小小的细微动作却增强了用户的交互性。但整体而言，色彩还是比较单一，稳重有余而活力不足，作为一家年轻的企业，应该要有年轻人的活力。所以在大片的蓝色中夹杂了鲜艳的橘红色作为点缀，立刻整个页面就会显得比较活泼，再用渐变色丰富了色彩的层次。整体来看是一个比较成功的功能与美感并存的企业网站。

另外再来看看第二幅图，感觉立即不一样了，全黑的底与白色的文字形成视觉上的冲击力，而页面中间被等分成四块，分别用了淡、浅、深三种灰色引起视觉上的分割。并且在色彩上明显比第一幅图丰富，有桔色、黄色、绿色、青绿色、紫色等等。这是一家以娱乐服务为主的网站，他所面向的用户是以年轻人为主，符合潮流，走在时尚前沿。在用色上也大胆出位，全黑色的底，象征年轻人的叛逆与不羁，以及时尚感较强的紫色和青绿色的搭配更能吸引人的视线。

在细节上的设计与处理最能体现一个网站是否成功，可以看出来两个网页都是比较注重在这方面 的用色，总的主色调不变，以丰富多彩的小色块点缀，起到画龙点睛的作用。所以一幅比较成功的网页在色彩的设计上也要独具匠心，充分合理的利用细节，结合色彩的感情，才可以使作品具有更加深刻的艺术文化内涵，才能够让网页设计的个性创造和审美意识得到淋漓尽致的展现，设计出的网页会更加富有生命力。

三、不同审美文化中的网页设计

（一）文化背景对网页设计的影响

美学(Aesthetics)，德文原义为“感性学”，是一门研究人类审美活动的学科。“审”者，看也。通俗地说，就是人们对现实生活中各种美好现象的感受和欣赏，是人类最基本的精神文化活动，因而也最通俗、最具大众化，在东西方都有着极为悠久的历史。

21世纪是一个经济飞速发展的时代，是一个时时事事讲求审美格调的时代，其实审美就是一个民族精神世界的流露。中国的审美观是中国人的人格、修养、品行、文化、艺术的高度统一的综合表现。具有时代的、民族的和阶级的烙印。也就是说不同时代、不同民族和不同阶级在文化艺术审美格调的追求上有着不尽相同的倾向和标准。且不说汉代人如何会在卢浮宫不屑一顾；古希腊人如何会在故宫拂袖而去，就是同为中国的唐汉两代对美的欣赏都不一致。所以说，各国的地域环境、气候条件、经济情况、人文思想不同所形成的审美观也会不同，从网页设计方面来看，各国都有自己的特色。

1、欧美风格的网页设计

欧美国家进行工业化比较早，经济相对比亚洲发达。美国早在二十年代就已经是世界上工业化程度化最高的国家，特别是二战后，更成为世界上的经济大国。随后进入90年代，计算机业迅速发展，高度的工业机械化对其网页设计也有一定影响，除注重实用性之外特别在细节元素上的处理更显精致，网页的艺术表现更是别具一格，其中肌理的表现形式独具特色。另外，美国是一个移民国家，有着一个多元化的社会，其短暂的历史，自由的人性，在网页设计中表现出丰富的幽默感与创造性。图13中所示：整个网页由机械化式的线条相互组合构成，刚强有力，将金属的质感充分的表现出来。

图13．欧美网页中肌理的表现形式（来自www.xiexiebang.com/fr）

德国则不同，气候干燥而寒冷，地形复杂多山的自然环境造就了严肃的德国人，因而，德国设计更加体现其科学性和逻辑性，德国网站设计也充分体现了 “实用”和“简洁就是美”的观点，如图15所示。

图15．简单实用的德国网页（来自www.xiexiebang.com）20），对字体、字型及字号的选择除要符合审美标准 外还要考虑到显示屏的大小，及整个页面结构的把握，是借助框架（也叫骨骼）或是其他，以及如何更有效的在手机上使用多媒体技术，使得网页艺术设计的表现力更加丰富。

在未来，网页的显示模式将会发生翻天覆地的变化，不论是在电脑、手机、手表抑或是电视上，我们看到的网页对美的追求会更加彻底，平面构成中的重复、变异、韵律、连续以及图/底关系处理等，是任何一种设计的基本原理，尽管处于不同文化背景中的设计师在运用这些视觉构成元素时都不经相同，但是，所有的文化都涉及到这些视觉基本要素，都离不开形式美的法则。美与技术并存将会在未来完美体现，所以，在未来网页设计将真正走进每个人的生活，设计将会不再不拘于形式，更加的灵活，看重的是网页设计的灵魂。因而，平面构成也就必然成为网页设计的重要基础。

五、主要参考资料

①．毛溪，2003．平面构成(第一版)．上海：上海人民美术出版社，122． ②．李凇，2000．中外美术对谈录（第一版）．中国工人出版社，2 ③．姜伟，2004．网页美工传奇（第一版）．机械工业出版社，2 ④．徐希景、陈笋，2003．网页平面构成的创意手法分析．福建商业高等专科学校学报，47 ⑤．刘永翔、唐良瑞，2004．网页设计中的视觉构成分析．北京工商大学学报，58 ⑥．杨萍，2005．抽象形、空间、肌理——平面构成在教学实践中的思考．黔南民族师范学院学报，78 15

第三篇：计算机网页设计毕业论文（范文）

计算机网页设计毕业论文

计算机网页设计毕业论文

asp技术在交互式网页设计中的运用

一、asp技术简介

asp技术 asp（active server pages动态网页）是微软公司推出的一种用以取代cgi（common gateway interface通用网关接口）的技术。目前，internet上的许多基于windows平台的web站点已开始应用asp来替换cgi。简单地讲，asp是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式web服务器应用程序，如交互式动态网页，包括使用html表单收集和处理信息，上传与下载等等。通常情况下，用户通过浏览器看到的网页大多是静态的，目前internet 上的许多站点，仍然提供'静态'（static）的主页内容。所谓'静态'，指的就是站点的主页内容是'固定不变'的。当浏览器通过internet 的http(hypertext transport protocol)协议，向站点服务器(web server)要求提供主页的内容时，站点服务器收到要求后，就传送原已设计好的静态的html 的文件数据给浏览器。一个'静态'的站点，若要更新主页的内容，必须手动的来更新其html的文件数据。而随着web应用的发展，用户希望能够看到根据要求而动态生成的主页，例如响应用户查询数据库的要求、生成报表等。当在浏览器上填好表单(form)的输入数据，以提供http要求时，可以在站点服务器中执行的应用程序，而不只是一个html 文件。

站点服务器收到要求执行的应用程序，分析表单(form)的输入数据，将执行的结果以html的格式传送给浏览器。根据用户请求生成动态主页的传统方法有cgi、isapi等。cgi是根据浏览器端的http请求激活响应进程，每一个请求对应一个进程。当同时有很多请求时，程序挤占系统资源，造成效率低下；isapi针对这一缺点进行改进，利用dll（动态链接库）技术，以线程代替进程，提高了性能和速度，但要考虑线程的同步问题，而且开发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术java都还存在着另外一个问题，那就是开发困难，程序的开发和html写作是两个完全不同的过程，需要专门的程序员开发。而较简单的开发技术如javascript和idc(internet database connector)等功能有限，不敷使用。

asp使用的activex技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的cgi等程序所远远不及的地方。asp与常见的在client端实现动态主页的技术如java applet、activex control、vbscript、javascript等不同，asp中的命令和script语句都是由服务器来解释执行的，执行结果产生动态生成的web页面并送到浏览器；而client端技术的script命令则是由浏览器来解释执行。由于asp是在服务器端解释执行，开发者可以不必考虑浏览器是否支持asp；同时由于它在服务器端执行，开发者也不必担心别人下载程序从而窃取编程逻辑。

asp通过后缀名为.asp的asp文件来实现，一个.asp文件相当于一个可执行文件，因此必须放在web服务器上有可执行权限的目录下。当用户从浏览器输入了.asp文件的地址后，浏览器就将这个url请求发给web server，如果web server上装了asp，就调用asp。asp读出相应.asp文件，解释并执行命令，动态生成一个html页面回传web server，然后web server再把结果发送给浏览器。asp文件的制作和html类似，且和html开发集成，可以在同一个过程完成，利用asp将可以执行的脚本嵌入到html文件中(将html文件的后缀名改为.asp)，这使得html文件的编写与脚本的开发融合在一起。通过asp内置的对象、服务器组件（server component）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。asp比较网关及服务器扩展模式有着以下优点：

(1)完全与html文件融合在一起；

(2)容易创建，不需要其它编译、链接程序；

(3)面向对象的并通过activex server对象可扩展。

二、电子商务数据访问方式

电子商务是指通过电子方式，并在网络基础上实现物资、人员过程的协调，以便商业交换的活动。在电子商务系统中，web提供了与客户进行通信联络的有效手段，利用web技术，实现web服务器与数据库系统的连接，完成对数据的处理与查询，用户可以通过操作简单易学的浏

览器来查询处理所需要的各种数据。实现web服务器与数据库的连接一般有两种方法：一种是利用中间件技术在两者之间建立连接和通信，如cgi(通用网关接口)和api(应用程序编程接口)。

web服务器通过调用cgi程序实现与web浏览器的交互，即cgi程序接受浏览器发给web服务器的信息，进行处理后，将相应结果再送回给web服务器，通过web服务器将信息传送给浏览器。但cgi程序在响应速度和资源利用等方面有较大局限性，客户端每请求一个cgi程序，服务器端便打开一个进程，当请求的数量较大时容易引起瓶颈现象，开发人员常利用api编程来扩展服务器功能，api程序占系统资源少，运行效率较高，但它的编程较cgi程序更为复杂；另一种是由浏览器中的java小应用程序(java applet)通过浏览器访问web服务器上的数据库，利用了jdbc(java database connectivity)技术，它通过jdbc提供的api实现对web server的访问。由于java applet本身的局限性，目前大多数的应用是基于中间件技术的。asp也是属于中间件的一种模式，但在windows平台上它比较网关及服务器扩展模式有着较大的优点。网关的最大特点是它的平台无关性，但网关程序通常较难编写和改变。网关程序通常是一个独立的程序，并不和html文件融合在一起，它需要用如c、c++、vb、perl等语言来编写独立的应用程序，而asp应用改变了这一点。使用asp不仅可以读取access和 sql server的数据库，而且还可以读取其他odbc（open database connect 开放式数据库互联）兼容的数据库。

在asp中访问数据库是通过ado(activex database object活动数据对象)及事务处理语句来实现的。ado是一种操作microsoft所支持的数据库的方法，是一项容易使用并且可扩展的将数据库访问添加到 web 页的技术。ado对象的使用与dao（数据访问对象）、rdo（远程数据对象）的方式相似。在asp中，ado可以看作是一个服务器组件，更简单点说，是一系列的对象，应用这些功能强大的对象，即可轻松完成对数据库复杂的操作。

三、asp在电子商务中的应用

在电子商务中，对用户而言，进行网上信息查询的目的是寻找自己需要的产品或服务，而对于商品或服务提供者来说，其目的则是向用户推销自己的产品或服务。因此，让用户通过浏览器查询服务器的后端数据库是许多web服务提供者必需有的服务，asp通过内置的adodb组件来实现这一功能。可以使用ado去编写紧凑简明的脚本以便连接到odbc 兼容的数据库和 ole db 兼容的数据源。具体的操作步骤可以归纳为以下几步：

① 创建数据库源名（dsn）adodb通过odbc工作，因此要在odbc中设置dsn（数据源名）。打开windows的'控制面板'，双击'odbc'的图标，然后选择'文件 dsn '的属性页，单击<添加，选择数据库驱动程序，然后单击'下一步'，按照屏幕的指示键入数据源文件的名称，然后单击'下一步'，再单击'完成'创建数据源。

②创建数据库链接 链接用以保持一些关于正在访问的数据的动态信息，以及链接者信息。利用adodb的成员函数open和先前设定的dsn与数据库连接，其语法如下：

setconnect=server.createobject('adodb.connection')’创建了链接对象connect。connect.open('dsn=dsnname；uid=userid；pwd=password')’打开链接。dsnname为数据源名；userid为用户名；password为用户口令。③创建数据对象 ado中的数据对象通常保存的是查询结果。recordset 是ado中最复杂的对象，有许多属性和方法，灵活运用，可以达到许多好的效果。其创建方法如下： set recordset =connect.execute(sqtstr)’创建并打开了对象recordset，sqtstr是一个串，代表一条标准的sql语句。例如： sqlstr='select*from b1' set recordset =connect.execute(sqlstr)这条语句执行后，对象recordset中就保存了b1中的所有记录。

④操作数据库 可利用execute方便地执行数据的插入、修改、删除等操作。如执行插入操作： sqlstr='insert into b1values(1,2)' connect.execute(sqlstr)⑤关闭数据对象和链接 在使用了ado对象之后，一定要关闭数据对象和链接。在asp中通过调用方法close实现关闭。关闭创建的数据对象：record set.close set record set=nothing 关闭创建的链接对象：connect.close set connect=nothing 完整的程序片段：

//产生组件实例

<％

setconnect=server.createobject('adodb.connection')//连接数据库

connect.open('dsn=dsnname;uid=userid;pwd=password')//执行查询

sql=select＊fromtablename setrs=connect.execute(sql)％

//显示结果

<％dowhile not rs.eof％

<％=rs(fieldname)％ <％

rs.movenext

loop ％

上述是用asp访问数据库的全过程，由于应用面向对象思想，所有操作都比较简单，用户需要注意的仅是对数据结构的了解、当前所操作的对象及对象的属性等等，只要对这些有了清晰的认识，再加上asp强大功能，在网络上使用数据库，实现用户与页面间交换信息，就再也不是什么难事了。

第四篇：计算机在物业管理中的运用

计算机在物业管理中的运用

尤成

(山东工商学院管理科学与工程学院，山东烟台，264005)摘要: 随着计算机技术的成熟与发展，计算机已经被越来越多的行业和领域所使用。而和计算机技术相得益彰的智能化、自动化管理设备与系统，在物业管理行业也被越来越多的接受和运用。本文对计算机在物业管理中的运用现状做了简单描述，并且列出了几点计算机在物业管理中的优势。最后，简述了计算机物业管理中的开发方向。

关键词: 计算机 智能化 物业管理

随着科学技术的进步和人们对生活品质的追求，计算机智能管理技术正受到越来越多的关注和发展，必将成为物业服务行业未来发展的趋势。现在，一些物业企业已经采用微型计算机、自动控制、通信网络、智能卡等技术，建立由物业管理中心与安防系统、信息通信服务管理及智能化系统组成的“三合一”物业服务与管理集成系统，使单位拥有一个安全、舒适、温馨和便利的环境，使每一位业主都能享受到有品位的便捷物业服务。计算机智能管理已经成为现代物业服务中不可缺少的必要工具和管理模式。

一、现状

计算机技术和各式软件的发展和运用，使现代物业服务的运作模式和服务理念悄然发生改变，因此物业服务企业需要更多的专业技术人才和自身的技术开发。可是，就目前而言，很多物业企业对自身技术进步依然缺少足够的重视，仅仅运用业主提供的设施设备（甚至因为不会使用而摒弃），缺乏自主创新与进步，依旧进行简单重复枯燥乏味的纯体力劳动，从而使物业服务质量受到局限。

在计算机OA系统逐渐普及化的今天，很多物业企业也开始在日常工作中将其运用，但是，OA系统在某些物业企业完全没有发挥其应有的功效和作用，仅仅作为一种摆设。深圳北方物业的OA系统运用相对比较完善和实用，其运用OA系统进行派工，做到有据可查，跟踪完善，便于监督和统计。而在自我创新与开发中，江南大学后勤服务管理系统、东吴物业宿舍智能管理系统、东吴物业房管理系统等则是一种新的尝试与发展。

二、优势

计算机技术正被越来越多的行业和领域所运用。会计电算化进程已经相对成熟，而且越来越多的专业考试也开始进行计算机网络化、无纸化。所以，现代物业管理的计算机进程也是不可避免的。计算机之所以能被越来越多的行业和领域所承认和使用，正因为计算机有着不可比拟的优越性。下面仅列出计算机在现代物业管理中的几点优势：

1、计算机智能化管理系统和软件的运用，提高了物业管理的工作效率。运用计算机管理系统和软件，可以简化日常工作中的重复劳动，而有效运用计算机软件可以为物业行业带来更多的效益和品质。比如无锡师范的学生宿舍智能电力控制系统，一方面可以控制学生的高功率用电，保证学生宿舍的用电安全；另一方面，节省了定时送电、断电与用电抄表的人力与时间，并且保证各项数据的准确性和及时性。

2、多样化智能设备系统的运用，使物业管理更加自动化、智能化。传统的设备管理只可能靠人工现场巡查、看护，而计算机物业管理系统只需在中央监控室便可了解各种设备的运行状况，调节设备的运行，并可根据设备自动报警信号显示故障区，及时到位抢修，确保设备正常运行。像南晓图书馆中央空调控制系统，在控制室就能对整个大楼的每个房间进行空调开启和关闭，并能进行温度监控和调节。

3、数据准确，方便处理与统计。运用计算机进行数据收集或处理，只要保证原始输入数据的准确性，在后续数据收集和数据修改变化中，系统能够自主处理对应的多处数据，不会因为需要多处修改而遗漏。从而保证所有数据的准确性，并且能够满足数据的整合处理和多样表现形式。比如南邮宿舍智能管理系统，能够对住宿信息、学生信息、维修情况、床位情况和物业管理状况进行准确地数据处理和查看，满足业主各种要求并提高物业服务质量。

4、规范清晰，图表美观。计算机物业管理系统能够对日常物业管理中的规范化管理行为进行程式化处理，形成清晰简单的操作界面。并且能对收集到的数据制作成清晰美观的图表，方便查看和使用。比如南晓琴房管理系统，在首页面就能查看琴房使用和使用者情况，并且能够把一段时间的使用情况制作成Excel表格打印或者直接Email给业主。

5、协同办公，实现网络化管理。传统的物业管理是自成体系的独立管理模式。计算机物业管理则是通过网络来实现物业管理信息的传递和交互。通过与其他计算机管理系统的信息交流与互换，从而更方便快捷地学习先进的管理方式，来改变自身在管理上存在的漏洞和不足，为业主提供更好的服务。

6、便于归档、保存和备份，实现无纸化办公。计算机在物业管理中形成的资料和档案，可以存储在现代技术介质中，比如U盘、移动硬盘、光盘等。相比较传统的纸质文档，便于保存，携带和备份。并且减少办公过程中的纸张使用，向无纸化办公目标前进。

三、开发方向

计算机在我国经济管理的各个方面都得到了广泛的应用，在其他行业的管理中效果是明显的。一方面是取得了可计量的直接效果，如节省了人力，减少了费用，防止损失，增加收益等;另一方面取得的效果是无形的，是无法直接计量的。如提高了企业的管理水平，提高 了管理人员的素质，促进了管理的现代化等，而这些效果的取得正是由于计算机应用于企业管理的各个方面、各个层次的结果。如决策、计划、生产过程等。同样，要使微机在小区物 业管理中发挥其应有的效果，就要不断地拓宽微机在物业管理中的应用范围，使微机真正成为管理的助手。因此，从微机应用范围的趋势看，应在下述3个方面进行开发

1.应大力开发物业管理的规划与决策软件

不言而喻，物业管理不仅是为房屋及其设备设施等进行维修保养，对治安、环卫、小区绿化等进行定期管理，而且它还要为住户提供全方位的管理服务，如建立商场、医院、学校及一些家庭生活上的需求服务等。这就要涉及到整个物业管理的规划和决策。为此，不仅需 要管理者具备管理经验，还需要依赖管理者对信息的处理、投资理财、大量的原始信息、资料整理以及严格的投资计划可行性分析等能力，如若没有计算机的协助处理，管理人员要在 短期内提出规划和决策方案是相当困难的，而采用微机情况就不一样了，它可对各种方案进行计算机模拟并加以评价，很快就可以为管理者提供出快捷的科学决策依据。开发出这样一 套规划与决策软件，马上会使物业管理在短时间内达到一个较高的水平。

2.应大力开发物业管理范围的计划管理软件

在计算机模拟结束和决策方案制定后，管理的任务就是依据模拟结果，选用最佳决策方 案，然后就是具体地执行计划。可以说，包括收集、统计资料在内的绝大部分工作都可以由计划管理软件来完成。由于物业管理与服务项目较多，以往通过人工去制定计划，还有赖于 对有关资料的收集、记录和分析十分繁琐。若是有了软件程序使用计算机就可以完成统计预测，以便管理人员在掌握所需情况后，有的放矢地制订出房屋、设备与设施的维修计划，通过信息反馈系统，计算机还可对维修计划执行情况，作出统计分析，并且能够提供房屋、设备、设施的完好率、故障率和其他具体情况。开发出这样的计划管理系统软件，已是计划管 理工作的多年愿望。

3.应大力开发财务会计系统软件

物业管理作为自主经营、自负盈亏、自我发展的经济实体，其资金的运营状况是其存在 和发展的关键。

作为小区物业及其物业管理的资金来源，一方面来自管理服务收入;另一方面还要开展多种企业化服务流动，借以扩宽资金来源渠道。由于小区物业管理涉及的业务范围，多而杂，管理人员要详细、全面了解其资金的收支状况，并不是件易事，若大力开发物业财务会计 系统软件，就使物业管理的财务状况一目了然，不仅使管理者对具体业务的资金收支状况了如指掌，而且还可借助计算机进行新的投资计划决策和及时调整原有计划中的失误。然而，以计算机为信息处理工具，使财务会计进入全面的电算化编程系统，替代手工核算，尚存在较多的困难，除经济条件的限制外，包括小区物业财务会计在内的企业会计系统不是独立存 在的系统，它不仅与企业内部发生直接联系，它还要和外部、上级主管、财税、银行等发生经济往来，所以难度很大，但根据实际需要，大力开发内部财务会计系统软件的范围、目标 是可以积极探索的。

总之，对小区物业微机管理与应用及其发展趋势的认识，应持机遇与挑战并存的态度。办公自动化、小区服务信息化，是社会科技进步赋予物业及其物业管理的历史必然，是人类社会进入21世纪之后，所要经历的必由之路。但人类社会要全面实现电脑社会，矛盾也是客观存在的。迎接挑战，探索适合小区物业微机管理的新路，应是我们追求的最终目标。

近年来，随着我国自动化设备和智能管理系统的大量涌现，计算机在物业行业的运用也越来越多，成为物业管理自动化、智能化的现代管理手段。物业管理公司已不能再简单沿用计划经济时代落后的管理模式，而应与时俱进、努力创新，认识到高新技术和全新服务理念在保证物业服务正常运转过程中所起到的不可替代的作用。为业主创造一种从物质到精神的理想生活氛围，进而提高人们的精神文明素质并展现当代物业的人文风貌。

参考文献

[1] 王保和.试论物业管理智能化发展趋势[J].山西建筑，2010，20.[2] 陈刚.智能楼宇物业设备现代化管理探讨[J].建材发展导向，2010,5.[3] 沈瑞珠，杨连武.物业智能化管理[M].同济大学出版社，2004.[4] 徐超汉.住宅小区智能化系统[M].电子工业出版社.2003.

第五篇：网页设计中色彩的运用分析论文

摘要:通过对网页设计中色彩运用的一般规律和方法的论述，总结了网页的色彩的风格与搭配特点，为提高网页设计的能力和色彩运用的水平做出理论上的准备。

关键词:色彩运用;网页风格;色彩搭配

随着社会的发展，网络在经济、文化和人们的交流中越来越重要，同时人们对网页的审美要求也越来越高，这也反映了网络技术提高后人们对其产生的更高需求。我们知道，受众对网页内容的获取不是以阅读的方式而是以浏览的方式进行的，这就意味着网页主色彩的选择将直接影响受众的兴趣，与网页内容相符合且搭配好的色彩所在的网页是生动且有吸引力的，它总是能够获得较高的点击率。从这点上来看，色彩在网页设计中居于十分重要的地位。

1适用于网页中色彩运用的一般规律

色彩运用一般着重研究色彩本身的色相、明度、纯度之间的对比、调和关系以及色彩的感觉、意象和表现性等方面的特征。掌握色彩运用的特征和规律，对于网页设计中的色彩运用起着基础性的指导作用，我们可以从三个方面来探讨色彩运用的一般规律。

1．1色彩的心理感觉

色彩的心理感觉是人们在受到色彩的视觉刺激时所产生的感觉、知觉、情绪和联想等心理活动，包括以下几种给人的感觉:色彩进退、胀缩的感觉:比实际距离近的前进色、比实际距离远的后退色、比实际大的膨胀色、比实际小的收缩色。被称为色性的冷暖感觉:给人的视觉刺激强，使人联想并感到温暖的红、黄、橙等色相是暖色;使人联想并感到寒冷的青色、蓝色等色是冷色。色彩的轻重感觉:明度高的色彩感觉轻，明度低的色彩感觉重;同明度、同色相条件下，纯度高的色彩感觉轻，纯度低的色彩感觉重;暖色感觉轻，冷色感觉重。色彩的华丽和朴素的感觉:相同条件下，暖色、或明度高、或纯度高感、或质地细密而有光泽的感觉华丽，冷色、或明度低、或纯度低、或质地酥松、无光泽的感觉朴素。色彩的积极和消极的感觉:相同情况下，暖色最令人兴奋、高纯度的色彩和明度高的色彩刺激性大，它们给人的感觉是积极的;而冷色、低纯度、低明度的色彩给人的感觉是沉静而消极的。

1．2色彩的意象

色彩的意象是人们在社会活动和心理活动中积累的，对色彩所反映的具体或抽象的事物的印象，是色彩运用的基础。以下是比较常用的几种色彩的意向:红色的纯度高，刺激作用大，对人的心理产生巨大的鼓舞作用，具体可联想到火、太阳等，抽象可联想到热情、活力、危险等。橙色既有红色的热情又有黄色的光明和活泼，具体可联想到橘子、秋叶等，抽象可联想到温暖、欢喜等。黄色充满明亮，给人以柔情，具体可联想到光、黄土地等，抽象可联想到光明、希望、快活等。绿色是植物的色彩，极为温和，给人以宁静的感觉，具体可联想到草木、树林等;抽象可联想到和平、安全、新鲜。蓝色给人的感觉是开阔、稳定，具体可联想到天空和大海，抽象可联想到平静、理智、深远等。紫色富有神秘感，具体可联想到丁香花、葡萄等，抽象可联想到优雅、高贵、神秘等。白色不含纯度，除因明度高而感觉冷外基本为中性色，具体可联想到白云、雪等，抽象可联想到纯洁、无暇等。黑色给人以肃穆、稳固的感觉，具体可联想到夜晚、墨、炭等，抽象可联想到严肃、恐怖、死亡等。灰色是没有纯度的中性色，与其它色彩配合可取得很好的效果，具体可联想到乌云、草木灰等，抽象可联想到平凡、失意、情绪低落等。

1．3色彩组合的表现性

色彩组合是指对不同的色彩进行有意识、有目的的搭配，给受众在视觉上和心理上产生优美的愉悦感和满足感。色彩表现是指借助形态与色彩的构成关系来表达作者的创作内容和目的。现代色彩的表现主要侧重于心理效应的追求，倾向于展现积极、进步、向上、乐观、光明、新颖、热情、朝气等这类能够表现充满生命活力和具有奋斗精神的色彩意向。色彩组合的基本方法有色彩对比和色彩调和两种，色彩对比是两个以上的色彩以空间或位置关系相比较而产生相应视觉效果的色彩搭配，构成符合目的性的色彩关系。色彩调和是两个或两个以上的色彩有秩序、和谐地组织在一起产生的令人感觉愉悦、和谐的色彩搭配。配色时我们可以用互补关系的色相去获得强烈的对比效果。也可以用临近色关系去取得和谐安定的调和效果。对比强的高纯色相组效果具有扩张性和刺激性，富有热情和活力的特征，由色相对比关系的强弱因素，形成不同的意象表现。同类色属弱对比效果关系，主调明确，是协调、单纯的色组;邻近色属中对比效果关系，是色调和感情特征一致的色组;对比色属中强对比效果关系，是色相感鲜明、活泼且醒目的色组。互补色属最强对比效果关系，是具有不安定感和视觉冲击力强的色组。

2网页设计的色彩运用

网页的色彩设计与搭配，一定要遵从以上所述的色彩运用规律，同时既要服从于所要表现的总体风格又要经过适当的搭配体现出独特的美。从风格上来说，当今网页的色彩运用多姿多彩，在追求动感的同时仍然注意寻求静美、和谐的文化底蕴，富有浓厚的时代的气息的同时，又有传统文化的美妙，且兼顾西方的浪漫与东方的质朴，繁复与简约并存，表现出设计者的智慧。例如以下几种类型:浪漫型:主色调以清淡的玫瑰水红色调为主，用天蓝或鹅黄作点缀，这样体现出轻盈和浪漫。梦幻型:多以朴朔迷离的色彩组合着意营造闪烁鲜亮、虚无缥缈的“梦幻”神奇感，以达到一种理想效果，多用放射状醒色彩。典雅型:页面以端庄、稳重为表现目的，强调页面的对称和平衡，可选棕色、赭红、黑褐色。优雅型:页面配色以同系色彩为宜，使颜色和谐。可选用玫瑰红系或蓝、灰、绿等冷色系，表现出智慧和沉静感，会给人以超凡脱俗的风格。古典型:可选用白色配以黑、灰、黑绿或棕色，如古诗文网，突出清致、典雅。另外，在实际应用中必须要注意的是:遇到重大节日和喜庆事件，页面往往以红色作为背景色，表达喜悦的气氛;遇到重要的新闻、活动、公告等，要采取明亮的色彩引起人们的注意;而遇到悲哀伤痛的事情时，则页面要以灰色为背景色。从搭配上来说，不同的网页内容需要有不同的色彩搭配与之相适应。搭配恰当，才能表达出相应的效果。在网页色彩设计中，我们要做的两个重要步骤是:1)选定主色:主色是支配页面整体的色彩印象，是留给受众的第一个印象，选色时要注意色彩明度的变化，可选两种颜色的类似色，对比色，补色或无彩色与有彩色;也可选多种颜色中的一种颜色，将其面积扩大，这种颜色为主色来统领整个页面的色彩，即为主调色;亦设定某一中间色作为多个颜色的基本色，以此来达到整个页面色彩的协调，即为基调色。2)确定色调:选定主色后，则要确定由色相、明度、纯度三要素形成的色调组合，以形成自然的色调感。

3结语

网页色彩在具体的使用中，无外乎有三种情况:用一种色彩，然后调整透明度或饱和度，这样的页面看起来色彩统一，有层次感;用两种色彩，先选定一种色彩，然后选择它对比色;用一个色系，即用使受众产生一个感觉的色彩。除此之外，切忌使用很多种颜色，同人的穿衣规律一样，页面色彩的使用尽量控制在三种以内。

参考文献

〔1〕旭日东升．网页设计于配色经典案例解析〔M〕．北京:电子工业出版社．2009．

〔2〕张新伟．网页经典配色艺术〔M〕．北京:．电子工业出版社．2009．

〔3〕范文东．色彩搭配原理与技巧〔M〕．北京:．人民美术出版社．2006．