网页模板怎么套用 网页设计与制作模板

网页模板怎么套用

下面为网友们详细介绍网页模板怎么套用和网页设计与制作模板方面的讲解，具体介绍如下：

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

摘 要

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

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

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的方法。