浅谈网页设计与制作中的基本要素
【摘要】随着internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。

设计创作网页应遵循其特点和结构思路，使其具备实际可行性和外观的时尚。

本文从网页设计的角度出发，讲述了网站建设的一般步骤，介绍了一些网页设计的重点和注意事项。

【关键词】网页设计色彩网站建设布局
【中图分类号】g642 【文献标识码】a 【文章编号】1674-4810（2013）02-0099-01
网页制作作为网站制作中的一个重要环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。

现就网站建设与网页设计过程中，网页设计与制作的重要部分，包括网页设计与制作过程中的网页布局、色彩构造、框架结构等相关事项做以下论述。

网站是相关网页的集合，网页设计是指对网站整体页面的设计，包括页面风格、配色、布局、内容等。

网页设计包含的内容非常多，大体分为两个方面：一方面是纯网站本身的设计，如文字、排版、图片制作、平面设计、静态图文和动态声音、影像等；另一方面是网站的延伸设计，包括网站主题、浏览群的定位、智能交互、制作策划等。

设计页面的第一步就是设计页面布局。

常见网页版式布局结构有以下几种：
两栏式结构，即页面顶部为网站标志或广告条，下面分为左右两栏，一般左栏是导航或分类信息，右栏为主要内容，这种布局很容易掌握，但如果在色彩上不加以注意，很容易给人一种“乏味”感。

三栏式结构是一些大型网站常用的布局结构，一般为上面是横幅的广告条，下面分为三竖栏，中间格局较大，是主要的信息，左右是小条内容或广告条。

三栏式给人一种充实的感觉，但页面拥挤，不够灵活，是网站常用的一种布局形式。

“三”型结构，这种结构多见于国外网站或视频类网站，其特点是分类清晰，展示方便。

左右框架型，是企业网站或论坛常用的布局，页面分为左右两部分，左边一般为导航部分，右边是与导航相对应的内容。

左右框架型的效果非常清晰，内容一目了然，便于信息的查询。

上下框架型与左右框架型类似，其区别仅仅在于形式。

页面整体为横向分布，上面为导航，中间的大展式窗口很突出，整个网站显得简洁明亮，这种结构适合于信息量不大，主要靠图片展示内容的网站。

flash型主要采用现在流行的flash技术，页面表达的内容较为丰富，给人视觉和听觉上很大的冲击，处理得当会达到web页面难以达到的效果。

设计页面的第二步是网页色彩的搭配：在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。

根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。

色彩还具有联
想与象征的特质，如红色象征血、太阳，蓝色象征大海、天空和水面等。

在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。

在设计中要考虑众多因素。

另外，除了页面本身整体的视觉效果外，往往更突出在一些细节上，只有把握住细节，才能更好地提高浏览者的使用友好度，给浏览者留下深刻的印象。

例如：线条的运用，如果制作网页的时候，在两块过渡的地方，有时在banner和导航条之间会用一条细线区分开，此时往往会画上一条直直的线，这样会给人感觉很突兀。

还有图标的适当使用：网站中在各个标题的前面适当地增加图标点缀网页，可以使网页效果更加出彩，但切忌网页图标使用过多，图标的色调也要一致，避免杂乱。

网站中文字的运用，用户在浏览网页时，主要是要看网页当中的文字内容，所以要特别注意文字的处理。

一是文字的颜色不要和背景颜色相近，这样用户在浏览文字信息时会非常的吃力；二是不要乱用字体，尽量要统一；三是注意文字之间的行距，通常我们不对文字进行行距的设置时，文字间的行距会非常小，影响页面的美观度，注意文字间的行距，做到宽松有序。

网站建设主要是使用dreamweaver网页制作软件进行网页制作，并利用图形处理软件photoshop对网页需要的图片进行制作和处理。

一个完整网站的制作过程，每个相关网页的制作都相当重要。

网页设计涉及对多种软件、多种知识的学习和应用，以及个人的审
美观等。

所以要想制作出漂亮的网页，需要一个逐步学习和经验积累的过程。

网页设计还有更多的技巧，有待于我们去研究和探讨。

参考文献
[1]郝军启.dreamweaver cs3网页设计与网站建设[m].北京：清华大学出版社，2007
〔责任编辑：庞远燕〕。