手把手教你怎么套模板制作网页 如何套模板

图书馆学系网站的设计与制作

摘 要

在当今社会，互联网是一个庞大的体系，而网页是互联网依稀的基本单元，怎样将网页设计的更漂亮，使网页更具有艺术性，我们不仅要考虑网页的色彩、样式和效果，还要考虑网页的主题、结构和布局。本文以笔者对于图书馆学系网站的设计与制作为例，对于网站制作的各方面进行综合的分析。

关键词：网页设计；色彩；布局；课程学习

1引言

伴随当今计算机网络技术的不断深入发展，信息化对于社会的影响越来越明显。网站是一个汇聚信息的平台，为浏览者提供可以筛选的信息。一个网站的建立需要有其特定的主题方向，满足一定客户人群的需求，并能够通过实时的更新来使网站发展具备更持久的生命力。通过对于本学期网页设计课程的学习与实践，本文以图书馆学系网站的设计与制作为例，从网站建设的诸多方面作论述。

2网站的设计

网站前期的设计是在网站制作的过程中非常重要的因素，但是同时也是网站建设者最容易忽略的因素。笔者在图书馆学系网站的设计中主要考虑到以下几个问题。

2.1配色方案

网页色彩的设计并不是随心而欲的，网页设计者必须以基本的艺术规律为前提，综合考虑网站本身的特点，既要各个部分整体协调，又要形成一定的局部对比，如此才能设计出独具特色的网页效果。[1]笔者在图书馆学系网站的网页色彩搭配上主要依据了以下两个原则。

2.1.1形成自己的网页色彩风格

拥有自己的色彩风格才能够给用户留下深刻的印象，从而让在五花八门的网站中脱颖而出。因此笔者在设计图书馆学系网站的色彩搭配时竭力追求的风格是简约，整个网站的色彩相对来说比较单一，但是笔者在制作时刻意在局部小范围的插入和白色对比比较强烈的蓝色，既达到整体的和谐，又能够突出局部的艺术效果。

2.1.2网页色彩与主题和谐统一

不同的色彩带来人的视觉感受不同，所产生的情感体验也不同。另外，网页色彩与主题和谐统一有助于网站理念的表达，笔者在图书馆学系网站的色彩构建中所要表达的主题是简约和正式。由于冷色调的网页主要能够凸显出宁静与庄严的主题，因此笔者在图书馆学系网站的构建中采用的主色调是白色和蓝色。

2.2图像处理

网页设计中图像占据着非常重要的位置，其主要目的是吸引浏览者，引起他们对于网站的注意，这也是在整个网页设计的风格和模式确定中最主要的部分，在网页中图像的主要功能就是吸引浏览者的眼球，通过图像来进行信息引导。[2]笔者在进行图像处理时主要考虑到以下几个部分。首先是整个网站的logo，在网站中网页logo基本决定着网站的点击浏览率，笔者制作的图书馆学系网站的logo是由河北大学的校徽和图书馆系组成，校徽为蓝色，字体颜色也为蓝色，二者拼接在一起，可以很好的代表河北大学图书馆学系的品牌。其次是网页的背景图，笔者建设的网站的背景图使用的是一幅竹林的图片，图片上有两列字分别为：“笔耕传薪火，实干创未来”。对于学院类网站，此图和文字的结合既可以突出主题，又可以带有感染力。另外，在图像处理技巧上，笔者制作的网页采用的是大图和小图相结合的方式，使用主页面大图突出网页的内涵，使用小图使网页更具有个性化。

笔者设计的图书馆学系网站主要是依据本专业的现实情况而定，在对陕西师范大学秘书学系等网站进行了解后设立了主要的栏目，同时也是在力求界面简洁的情况下为用户提供高效的服务。

2.4布局及功能模块

随着网页制作技术和浏览者需求的提高，访问者不再愿意看到只注重内容的网站，设计者只有将网页内容和色彩通过合理布局、协调搭配，将网页中具有闪光性的内容加以强化，这样既可以将设计者的思路淋漓尽致的表达出来，同时也可以留住太过挑剔的访问者。[3]

2.4.1网页布局类型

网页布局的类型主要有“国”字型布局，“厂”字型布局，“框架”型布局，封面型布局和flash型布局，笔者设计的网站主要采用的是“国”字型布局，因为“国”字型布局适合于比较正式的大中型网站，笔者设计的虽然是简略版，但是主体的结构还是比较适合“国”字型布局的。

2.4.2网页布局技术

笔者在制作图书馆学系网站时使用的布局工具是Dreamweaver，在使用Dreamweaver设计网页时,一般用于页面布局技术的有表格布局，框架布局和CSS+DIV布局，笔者的图书馆学系网站小部分采用的就是CSS+DIV布局，DIV用于搭建网站结构（框架），CSS用于创建网站表现（样式/美化）。其优势主要体现在：表现和内容相分离，将设计部分剥离出来放在一个独立样式文件夹之中，HTML文件只存放文本信息·，大大提高页面浏览速度。此外还有易于维护等优势。

虽然CSS+DIV功能强大，但是设计起来过于费时费力，对于笔者这种初学者来说，需要一个更加深入学习的过程，才能够灵活的掌握。因此对于笔者来说使用table+css才是一种比较完美的组合，css修饰页面效果，table快捷布局。对于构建笔者设计的图书馆学系网站来说是一个比较快捷和方便的方法。因此笔者大部分网页采用的就是table+css的方法。

3网站设计中存在的问题及应对策略

对于笔者这种网页设计的初学者来说，在网页设计实践过程中暴露出了大量的问题。

3.1网站设计时主题难以确定或不明确

内容是网页的核心，是网页生命力所在[4]。笔者在网站设计时思考了多种主题，但大都由于种种原因不得不放弃，最终确定主题以后在制作过程中由于不明确要为用户提供什么样的服务，以及网页中要出现什么样的内容，总是做了修改，修改过推掉重新修改。在进行多次修改之后，笔者终于找到了解决的方法，那就是设计的网站不求大而全，而求小而精，而且最好是自己感兴趣的内容。

3.2结构混乱

笔者在设计导航条的过程中也是反复的修改，反复的推倒重做，原因是笔者总是觉得网站的结构不清晰。笔者犯这种错误的原因是确定题材以后马上开始制作，但是当一页页的制作完成后才发现自己的结构是混乱的，因此又要花费大力气进行修改。

对于结构混乱的解决方法是在制作之前提前要有一个清晰而明确的构思，网站的导航栏目要紧扣主题，然后按照一定的标准进行分类。可见，在进行网页设计结构的制作时核心就是要有一定的划分标准，有了标准才能够让呈现给用户的网页是清晰，简明的。

3.3出现死链接

笔者在图书馆学系网站的制作过程中最经常犯的错误就是出现死链接，即链接打不开。出现这种情况的原因是笔者自己的疏忽大意，比如总是将相对链接和绝对链接弄混，不注意自己的书写习惯，出现错误的路径等。这种问题的解决措施无疑就是要改正自身出现的问题，在平常制作网页的过程中谨慎仔细。

4 结束语

随着网络的飞速发展和网页设计技术的不断提高，无疑对网页设计者提出了更高的要求，笔者在经过一学期的网页设计课程学习后，深深感受到网页设计这门科目的精深，其知识之多，之杂，远远不是一个学期的学习就能够掌握的。因此在以后的学习和生活中要加强自主学习的能力，提高自己在网页设计方面的技术水平。同时也在网页设计的过程中提升自己的审美能力和艺术素养。

参考文献：

[1]秦盈莹.网页设计中的色彩探析[J],艺术研究,2008(4):55

[2]陈智盖.新时期网页设计中计算机图像处理技术应用分析,[J],应用研发,2015（3）：219-220

[3]严加琼.浅析网页设计中的页面布局,[J],电脑学习,2010(2):41-44

[4]邓成洲.网页设计实践存在的问题及对策,[J],电脑知识与技术,2006(5):126-127