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

无需加好友免费技术支持

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

摘 要

在当今社会，互联网是一个庞大的系统，网页是互联网的基本单元。如何使网页设计更加美观，使网页更加艺术，我们不仅要考虑网页的颜色、风格和效果，还要考虑网页的主题、结构和布局。本文以图书馆系网站的设计和制作为例，对网站制作的各个方面进行了全面的分析。

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

1引言

随着计算机网络技术的不断发展，信息化对社会的影响越来越明显。该网站是一个收集信息的平台，为访问者提供可筛选的信息。网站的建立需要有其特定的主题方向，以满足一定客户群体的需求，并通过实时更新使网站的发展具有更持久的活力。通过本学期网页设计课程的学习和实践，本文以图书馆系网站的设计和制作为例，从网站建设的许多方面进行了探讨。

2网站的设计

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

2.1配色方案

网页颜色的设计不是随意的。网页设计师必须在基本艺术规律的前提下，综合考虑网站本身的特点，不仅要协调各部分，还要形成一定的局部比较，从而设计出独特的网页效果。[1]作者主要基于图书馆系网站的网页颜色搭配。

2.1.形成自己的网页颜色风格

只有拥有自己的色彩风格，我们才能给用户留下深刻的印象，从而在各种网站中脱颖而出。因此，作者在设计图书馆系网站的色彩搭配时，力求追求简约的风格，整个网站的色彩相对简单。然而，在制作过程中，作者故意将蓝色插入局部小范围，白色对比强烈，既能达到整体和谐，又能突出局部艺术效果。

2.1.网页色彩与主题和谐统一

不同的颜色带来不同的视觉感受，产生不同的情感体验。此外，网页颜色和主题的和谐统一有助于网站概念的表达。作者在图书馆系网站的颜色构建中表达的主题是简单和正式的。由于冷色网页主要能突出安静庄严的主题，作者在图书馆系网站建设中使用的主色调是白色和蓝色。

2.2图像处理

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

作者设计的图书馆系网站主要根据本专业的实际情况确定。在了解了陕西师范大学秘书系等网站后，设立了主栏，同时努力为用户提供简单界面的高效服务。

2.布局及功能模块

随着网页制作技术和访问者需求的提高，访问者不再愿意看到只关注内容的网站。设计师只能通过合理的布局和协调匹配来加强网页中闪亮的内容，这不仅可以生动地表达设计师的想法，还可以留住过于挑剔的访问者。

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.网站设计中的主题难以确定或不清楚

内容是网页的核心，是网页的生命力[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