浅谈教育网站中网页背景的设计

摘要：网页的背景直接影响着网站的形象。如何进行背景设计，应遵循什么原则是每一个网页设计者必须要了解的一个基本问题。面对因特网上各种各样的网站，教育网站作为其中一类特殊的网站，它的背景设计在遵循其基本原则的前提下，同时又要体现其自身的教育风格特点，使其具有更高的教育内涵。

关键词：网站；网页背景；设计

中图分类号：TP311.52文献标识码：A文章编号：1007-9599 (2011) 06-0000-01

Educational Background of the Design of Web Site

Liu Guoyin1,Li Liangbin1,Song Jianyun2

(1.Vocational Education Center in Qingzhou,Qingzhou262500,China;2.Experimental High School in Qingzhou,Qingzhou262500,China)

Abstract:Web site a direct impact on the background of the image.How the background design,what principles should be followed each and every web designers have to understand a basic problem.The face of a variety of sites on the Internet,educational Web site as one of a special kind of website,it's the background to follow the basic principles of design in the premise,but also reflect the characteristics of their own teaching style,it has a higher Educational content.

Keywords:Website;Page background;Design

网页的背景直接影响着网站的形象，好的网页背景给人以自然、轻松、舒适之感。那么如何设计才能成为好的网页背景？这首先要掌握网页背景设计的基本原则：首先，背景及其色彩色调的选择不能一意孤行，而要统筹网站的内容，包括网站类别、网站主题、文字、图片等各个方面进行合理的选择。其次，背景和主题内容的对比要尽量大一些。不管选择、设计那种背景，要尽可能与网页中的文字、图片统一色彩或色调，尤其是以花纹或繁复的图案做背景时，更要突出文章的内容，这样才能使整个网站的色彩看起来“总体协调，局部对比”，令浏览者使用、阅读起来更加轻松、舒适。总之，网站的背景设计在整个网站总体设计中显得非常重要，其设计思维也没有固定的模式，我们要根据各方面的因素综合考虑使其更好地为网站和主题内容服务，使我们的网站具有更深刻的艺术内涵，近而提升网站的文化品位。

教育网站中网站背景的设计首先在遵循上述背景设计的基本有原则下，同时又要体现教育网站自身的风格特点。通过对大量教育网站背景的考察得知，一般说来，教育网站中的网页背景运用颜色背景的较多。从国内教育网站看，尤其以白色占大多数。白色象征着虔诚与信仰，也象征着完美、理想与纯洁。在网站设计中，白色是一种非常普遍的底色，这在美术中称作“留白”艺术，给人以遐想的空间，使人浏览起来舒适、畅快，比较适合教育网站的风格。从国内外教育网站背景设计的主流来看，图案背景、图片背景、复合背景应用较少，仍以颜色背景为主，白色占主流。下面分别介绍一下这四类背景的设计。

一、颜色背景的设计

颜色背景的设计是最为简单的，同时也是最常用和最重要的，因为相对于图片背景来说，它有无与伦比的显示速度上的优势。颜色背景虽然简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。

颜色背景即单纯地使用某一种色彩作为网页的背景。那么如何为教育网站设置颜色背景呢？在网页设计制作软件Dreamweaver中选择“Modify”（修改）菜单下的“Page Properties”（页面属性）命令，或者按下Ctrl+J组合键，在页面属性对话框中对Background（背景颜色）一项进行设置，可以直接在颜色框中选取一种颜色，也可以在其后的文本框中输入一种颜色的代码#FFFFFF（白色），#000000（黑色），可根据网站的要求选择最适合的颜色背景。在其它网页设计制作软件中颜色背景的设计与在Dreamweaver中的设计步骤相似。

二、图案背景的设计

图案背景即由一张小图片平铺而成的背景图片，其整个背景是这张小图片在水平方向和垂直方向上的反复排列。图案背景的形式灵活多样，但做法类似：首先要绘制一张适合自己网站的小图片（可在相应的绘图软件中精心绘制），然后参照下面的步骤将它设置为网页的背景图片即可。步骤如下：

第一，打开Dreamweaver的“页面属性”对话框。

第二，在该对话框“background image”（背景图片）后面的文本框中输入已绘制好的小图片的存放路径，或者直接点击其后的Browser（浏览）按钮，选择小图片文件。

第三，点击Dreamweaver的“页面属性”对话框的Ok按钮即可生成图案背景。

经过上述三部操作之后，就制作好了网站的图案背景。

三、图片背景的设计

何谓图片背景？图片背景，即使用一张已经制作好的图片作为网站的底图，其大小和网页的大小相当（以一张图片作为网页的背景，这样比较容易控制。做好背景图片以后，在网页中插入一个与图片大小一致的表格，然后选中表格，在表格属性面板中输入图片的完整路径。这样，背景图片并不影响我们对表格的进一步操作，比如表格的拆分、嵌套等，当然也可以在这其中输入文字、图片或动画等元素。

四、复合背景的设计

复合背景即使用颜色、图片或者图案作为整个网页的背景，同时局部又有它单独的背景覆盖在整个网页背景的上面。设置好页面背景后，再在页面上为其某个局部内容设置单独的背景，最为常用的方法是使用表格，可以为表格设置一个表格背景，也可以为某一个单元格设置单元格背景，设置单元格背景的方法是按下Ctrl键单击单元格将其选中，然后打开属性面板进行设置。在各种不同形式的背景中，网页背景处于最底层，然后是表格背景，最后是单元格背景，也就是说，如果一个网页同时设置了页面背景、表格背景、单元格背景，那么在浏览器中，有单元格背景的地方会覆盖掉表格背景，有表格背景的地方会覆盖掉页面背景。

总之，教育网站中网页背景的设计首先在遵循上述背景设计的基本原则下，同时又要体现教育网站自身的特点、风格。提倡以颜色背景为主，同时颜色的选择要体现教育网站的思想，严谨、谦逊、理想。当然，不同的教育网站也要根据内容、对象的不同，选择合适的颜色背景，从而更好的提升教育网站的教育内涵。

参考文献：

[1]王璞.网页制作三剑客入门与提高[M].北京:清华大学出版社,2002

[2]埃娃,海勒（EVA Heller）.色彩的文化[M].北京:中央编译出版社