网站内容与功能设计(图书馆学系网站的设计与制作摘要在当今社会，互联网)

　　网站内容与功能设计(图书馆学系网站的设计与制作摘要在当今社会，互联网)

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

　　概括

　　当今社会，互联网是一个庞大的系统，网页是互联网的基本单元。如何把网页设计得更漂亮，让网页更有艺术感，不仅要考虑网页的色彩、风格和效果，还要考虑网页。主题、结构和布局。本文以作者图书馆系网站的设计与制作为例，对网站的制作各方面进行了综合分析。

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

　　1 简介

　　随着当今计算机网络技术的不断深入发展，信息化对社会的影响也越来越明显。网站是一个聚合信息的平台，为观众提供可以过滤的信息。一个网站的建立需要有它特定的主题方向，满足一定的客户群体的需求，并且能够通过实时更新让网站的发展具有更持久的生命力。本文通过本学期网页设计课程的学习与实践，以图书馆系网站的设计制作为例，探讨网站建设的各个方面。

　　2 网站的设计

　　网站初步设计是网站*敏*感*词*中非常重要的因素，但也是网站建造者最容易忽视的因素。笔者在图书馆学系的设计中主要考虑了以下几个问题网站。

　　2.1 配色方案

　　网页的色彩设计不是随意的，网页设计师必须以基本的艺术规律为前提，综合考虑网站本身的特点，不仅要各部分的整体协调，还要形成一定的局部对比鲜明，所以要设计出独特的网页效果。[1]作者在图书馆学系网页配色中主要基于以下两个原则网站。

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

　　拥有自己的色彩风格可以给用户留下深刻印象，并在各种 网站 中脱颖而出。作者在设计图书馆系网站的色彩搭配时力求追求的风格是简约。整个网站的颜色比较简单，但是作者在制作的时候打算插入小范围的零件。蓝色与白色形成强烈对比，既达到了整体的和谐，又突出了局部的艺术效果。

　　2.1.2网页颜色和主题和谐统一

　　不同的颜色带给人不同的视觉体验，由此产生的情感体验也不同。此外，网页色彩与主题的和谐统一，有利于网站概念的表达。作者想在图书馆学系的色彩建设中表达的主题网站是简洁和形式。由于冷色调的网页主要能突出宁静和庄重的主题，所以作者在图书馆学系网站的建设中的主色调是白色和蓝色。

　　2.2图像处理

　　图片在网页设计中占有非常重要的地位，其主要目的是为了吸引观众，引起他们对网站的关注，这也是决定整个网页设计风格和模式的最重要的部分。图像的主要功能是吸引观看者的眼球，并通过图像引导信息。[2]作者在进行图像处理时主要考虑以下几个部分。首先是整个网站的标志。在网站中，网站logo基本决定了网站的点击率。作者制作的图书馆系标志网站来自河北大学的校徽由图书馆系组成。会徽是蓝色的，字体颜色也是蓝色的。两者拼接在一起，可以很好地代表河北大学图书馆学系的品牌。第二个是网页的背景图片。作者构建的网站的背景图片使用了一张竹林图片。图上有两栏：“牵笔生火，拼搏创未来”。对于学院类网站来说，这个图文结合既能突出主题，又能感染。另外，在图像处理技巧上，作者在自己制作的网页中使用了大图和小图的组合。主页上的大图用来突出网页的内涵，小图用来使网页更加个性化。第二个是网页的背景图片。作者构建的网站的背景图片使用了一张竹林图片。图上有两栏：“牵笔生火，拼搏创未来”。对于学院类网站来说，这个图文结合既能突出主题，又能感染。另外，在图像处理技巧上，作者在自己制作的网页中使用了大图和小图的组合。主页上的大图用来突出网页的内涵，小图用来使网页更加个性化。第二个是网页的背景图片。作者构建的网站的背景图片使用了一张竹林图片。图上有两栏：“牵笔生火，拼搏创未来”。对于学院类网站来说，这个图文结合既能突出主题，又能感染。另外，在图像处理技巧上，作者在自己制作的网页中使用了大图和小图的组合。主页上的大图用来突出网页的内涵，小图用来使网页更加个性化。图上有两栏：“牵笔生火，拼搏创未来”。对于学院类网站来说，这个图文结合既能突出主题，又能感染。另外，在图像处理技巧上，作者在自己制作的网页中使用了大图和小图的组合。主页上的大图用来突出网页的内涵，小图用来使网页更加个性化。图上有两栏：“牵笔生火，拼搏创未来”。对于学院类网站来说，这个图文结合既能突出主题，又能感染。另外，在图像处理技巧上，作者在自己制作的网页中使用了大图和小图的组合。主页上的大图用来突出网页的内涵，小图用来使网页更加个性化。作者在自己制作的网页中使用了大图和小图的组合。主页上的大图用来突出网页的内涵，小图用来使网页更加个性化。作者在自己制作的网页中使用了大图和小图的组合。主页上的大图用来突出网页的内涵，小图用来使网页更加个性化。

　　图片

　　1

　　2.3 结构信息图

　　图片

　　2

　　作者设计的图书馆学系网站主要是根据本专业的实际情况。了解了陕西师范大学文秘系网站，主要栏目已经设置完毕。以简洁的界面为用户提供高效的服务。

　　2.4 布局和功能模块

　　随着网页制作技术的提高和浏览者的需求，浏览者不再愿意看到只关注内容的网站。设计者只能对网页的内容和颜色进行安排和协调，才能使网页熠熠生辉。既能淋漓尽致地表达设计师的想法，又能留住过于挑剔的参观者。[3]

　　2.4.1 网页布局类型

　　网页排版的类型主要有“国”字排版、“厂”字排版、“框架”排版、封面排版和flash排版。作者设计的网站主要使用了“国”字排版，因为“国”字排版适合比较正式的大中型网站，虽然作者设计了一个缩略版，主体结构还是比较适合“国”字排版的。

　　2.4.2 网页布局技巧

　　作者在图书馆学系制作网站时使用的排版工具是Dreamweaver。使用Dreamweaver设计网页时，一般用于页面布局技术的有表格布局、框架布局和CSS+DIV布局。作者的库网站部门的一小部分使用CSS+DIV布局，DIV用于构建网站结构（框架），CSS用于创建网站性能（style/美化）。它的优点主要体现在：呈现和内容分离，设计部分被剥离出来放在一个独立的样式文件夹中，HTML文件只存储文本信息，大大提高了页面浏览速度。此外，还有易于维护等优点。

　　CSS+DIV虽然功能强大，但是设计起来太费时费力。对于笔者这样的初学者，需要更深入的学习过程才能灵活掌握。所以对于笔者来说，使用table+css是一个完美的组合，css修改了页面效果，表格快速布局。是笔者设计的图书馆学系网站的一种比较快捷方便的构建方法。所以作者的网页大部分都是使用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