关于网页设计中要素及技巧应用.docVIP

关于网页设计中要素及技巧应用［摘要］在信息技术飞速发展的今天，互联网成为人们获取信息的重要途径和方式，网页要具有出色的视觉效果、信息量丰富、使用起来方便快捷等特点，这样才能获得浏览用户的青睐，进而提升浏览量和点击率，所以网页设计十分的重要。本文从网页设计的角度出发，着重介绍了网页设计中的要素和技巧。 ［关键词］网页设计 要素 技巧 ［中图分类号］TP393.092［文献标识码］A［文章编号］1009-5349（2011）09－0045－01 随着科技的不断发展，互联网在人们的日常生活中起到的作用越来越明显，成为人们快速获取、发布和传递信息的重要渠道，在人们的政治和经济生活等各个方面都在发挥着重要的作用。网页的信息量是否丰富、是否具有出色的视觉效果、使用起来是否方便快捷，是影响网页浏览和点击的主要原因，所以网页设计的作用十分重要。 网页设计是伴随着网络的快速发展而快速兴起的，它作为上网的主要依托，由于人们频繁地使用网络而变得非常重要。在进行网页设计时，讲究的是排版布局，其最主要的功能就是为人们提供一种浏览形式，从而使人们可以迅速、快捷地了解和掌握网站所提供的信息。 一、网页设计的要素 在网站的网页设计中，主页是非常重要的页面，所以在此以主页为例简单谈一下在网页设计中关于版面设计的问题。从版面设计的角度出发，优秀的网页应包涵四个要素，即文字、图片、排列方式和主色调，这四者是相辅相成、缺一不可的。 （一）图片要素 图片并不适合于所有的网页，而是和网页的主要内容有关，像股票网站、医药网站等，来访者并不在意网页是否可以做出精美的图片，他们所关心的只是网站中的内容，如果加入大量的图片，来访者反而觉得过多的图片会影响访问的速度；而像游戏网站、风景名胜网站和影视介绍网站，则需要大量精美的图片作为依托。在这类网站中，图片是一个极其重要的要素，如果这类网站少了做工精美的图片，那么整个网站都会显得黯然失色。要做出精美漂亮的图片，就需要设计者熟练掌握图形图像设计软件，还要有一定的美术基础和创意技巧。 （二）排列方法要素 网页的排列方法也叫做网页布局，这是网页设计中尤为重要的一环。网页作为一种版面，既有文字又有图片，文字有大有小，有标题和正文之分，图片有横竖之别。我们要用完美的格式将文字和图片同时展现给来访者，而不能将其简单地罗列在一起，给人一种杂乱无章之感。关于网页布局，常见的有“国”字型、标题正文型、拐角型、左右框架型、上下框架型、综合框架型等多种方式，我们要根据网页的内容来进行选择。如网页内容丰富繁杂，就需要考虑用“国”字型或拐角型，而如果网页内容比较少则可以选择标题正文型。关于网页布局，我们要灵活多变地来进行设计，这样才能不断提高和丰富我们的网页。 （三）主色调要素 主色调要素也就是色彩要素，色彩在网页中占有很大的比重。我们在进行网页主页设计时，利用合理清新的色彩可以弥补主页上的其他不足。当然，在网页页面的色彩搭配选择上与网站的主题是分不开的，一个网站在色彩的选择上不能太多也不能太少，这样既可以避免浏览者因色彩过多而迷失方向，也不至于色彩单调而乏味。 二、网页设计的技巧 一张完美的主页设计需要积累丰富的知识和掌握大量的技巧，笔者在这里主要从框架和CCS样式的运用这两个方面来介绍网页设计的技巧。 （一）框架的使用 框架（FRAME）是Web上经常看到的页面结构，其最主要的功能就是导航，一组框架通常包括一个含有导航条和另一个要显示主要内容页面的框架。 框架的使用具有以下优点：浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都有自己独有的滚动条。在使用框架时有以下的缺点：难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能耗费时间很长。 对于网站是否使用框架，我们要进行仔细的筛选，有些网站如果使用框架的效果不佳或没必要使用，那就不需使用，否则可能会影响网站的发展。如果框架对某些网站有用，那么则可以使用，还是可以取得不错的效果的。 （二）CSS样式的使用 CSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示HTML元素，用于控制Web页面的外观。在网页设计中使用CSS，可以通过它实现页面的内容与表现形式分离，极大地提高了工作效率。在网页设计中使用CSS有以下几点优势： 1.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。 2.提高页面浏览速度。对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的