网站设计论文（精编5篇）

【路引】由阿拉题库网美丽的网友为您整理分享的“网站设计论文（精编5篇）”文档资料，以供您学习参考之用，希望这篇范文对您有所帮助，喜欢就复制下载支持吧！

网站设计制作论文1

现在互联网用户对网页设计的质量要求越来越高，没有内涵的华丽设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联系以及虚拟现实。在一个注重用户体验的时代，一个好的文学网站，不是只有华丽的界面或者良好的交互设计就可以，而是要在艺术和功能上做到两全其美。

关键词：网页设计；色彩；图片优化；用户体验

现代设计在中国的发展大概有二十多年的时间了，以前中国很少有人会注意网页界面的用户体验，而且国内宽带水平有限，所以那时候我国的网页界面基本上都是框架式，创新的页面很少。随着我国各方面的发展，我们的设计也越来越有创新意识，我们也越来越注重用户的体验。尤其是在文学网站设计方面，以前很多网站的设计大部分都是大的框架加上链接构成，没有下多少功夫在外观设计和用户体验方面，而现在随着文学网的发展，仅仅是靠老一套的理论来做的设计已经不能满足现在用户的审美需求了。

1文学类网站设计原则

1．1色彩设计原则

众所周知，不管是做招贴、包装或者是VI，给人的第一印象往往是这个作品的色彩设计，它的色彩运用的好与坏，将直接影响到阅读者的兴趣。同样，在网页设计中，色彩也是居于十分重要的地位。现在的文学类网站的网页设计，大部分以比较浅的颜色为网页的背景色，如浅黄色、浅蓝色、浅绿色或者直接就是白色背景，再加上较深颜色的文字来做的配色。一般来说网页中所出现的字体颜色都是黑色，因为浅色背景中黑色字体的视认度最高，但是这种强对比，屏幕刺激较大，也更容易让浏览者产生视觉疲劳。在文学类网页设计中，这种对比过于强烈的配色会使用户长时间在线浏览的时候有不适，但是缓和的色彩搭配视认度不高，也不利于用户阅读。所以笔者认为在网页中出现大面积文字以及考虑到用户会长时间停留在一个页面的时候，比如文学网站的在线阅读界面，我们可以给用户一个选择，让用户自己来挑选网页的背景色以及字体颜色，让用户自己来选择适合自己的颜色搭配。

1．2文字和排版设计原则

在做网页设计的过程中，无论选择什么字体，都要基于网页的总体设想和浏览者的需要来使用。而且浏览器使用的是本地字库显示的页面内容，作为一个网页设计者，不得不考虑到用户电脑中是否有你选用的字体，所以说网页中的文字最好使用缺省字体，在必须使用特殊字体的地方，可以先把文字做成图像，然后再插入到网页页面中去。再者就是文字行距的问题，一般的行距比例为10:12，因为合适的行距可以很好引导浏览者的视线，如果行距过宽会影响行与行之间的文字延续性，影响阅读。而且在视觉传达中文字作为网页页面的要素之一，除了表达文字本身的意义以外，还有传达感情的作用，所以文字设计在视觉上要给人以美好的印象，让浏览者可以获得良好的阅读感受。而且网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，都是通过文字图形的空间组合，表达出和谐与美。在网页文字设计编排中最重要的一点，就是要与网页内容的性质和特点相和谐，其设计风格要与内容特性相一致，而不是相分离冲突，所以在我们把大量的信息整合到一个页面上去的时候，首先要考虑的是怎样把它们以合理统一的排布，达到变化与统一并存的和谐效果。在排版这方面，网页的版式设计同报刊杂志的版式设计有不少共同之处，基本上都是把页面中的文字字体、图形图像、色块线条等要素按照一定的节奏进行编排，同时注意其结构的大小、轻重、虚实等对比因素，并通过对这些要素的编排，使浏览者直观地感受到该页面要传递的信息。

1．3网页图形的优化和应用原则

对于一个网站来说，网页的下载速度是非常重要的，但是影响网页的下载速度的因素除了网速以外，网页中所包含的图像图形对网页的下载速度也有很大的影响。因此，对网页图形进行优化，使网页能够快速下载是网站设计制作中考虑的首要问题。所以，接下来就来探讨一下图片优化的基本方法。首先是图片的裁切，裁切时应尽量沿所需图像边缘裁切，避免不必要区域占用文件大小。如果在页面中有一张过大的图片，也可以先把它裁成小块，然后再使用Table语法所提供的Border=0、Cell-spacing=0、Cellpadding=0的无缝功能，将它们组合起来，这样也会提高图片的加载速度。再者就是图片的输出，一般情况下，色彩少的图片使用GIF或者PNG格式，色彩丰富的的图片使用JPG格式。如果是一些摄影网站，图片要求都是高清图片，那就可以用JPG格式做小图预览，然后链接到TIF格式(无损)的原图，这对没兴趣看这张大图片的浏览者而言，不但可快速下载该网页，而且也是一种体贴的选择。还有些图片，因为要在不同的背景中使用，需要输出为透明的效果，这时，就可以选用GIF格式，因为对于GIF图像来说，色彩越少，文件就越小。所以说在看起来可以接受的范围内，尽可能地将色彩数量减少，就能够对GIF图像进行不错的优化。而且对于网页中所采用的图档，通常会加入Width、Height这两个属性，这样就可以在加载网页的过程中为图像预留空间，在加载图片时，用户就可以先浏览其他已加载项目。如果没有这些属性，浏览器就不能了解图像的大小，也就不能为图像预留下合适的空间，这可能会给网页中其他元素的显示带来很大的延迟，从而影响用户的阅读。

2现今专业文学网站设计趋势

以前，做网页设计基本上都是用PS设计网页版面，仅仅是PS就可以满足用户的需求，但是现在互联网用户对网页设计的质量要求越来越高，没有内涵华丽的设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联系以及虚拟现实。另外在版式设计方面也逐渐加入了一些“留白”的理念，“留白”发源于中国传统的虚实相生、阴阳辩证的哲学思想，发展于传统的绘画行业，表达一种“以无胜有，以简胜繁”的思想，这种设计理念与西方20世纪兴起的一些现代设计理念如出一辙。“留白”不是一个色彩的概念，而是一种形式的概念，通过欣赏者的审美联想和想象获得的一种“秒与生意，能不失真”的意想空间，从而使设计者能够更好地表达出设计的意图，将作品的视觉感染力加强。总之，一个好的文学网站的网页设计，不是只要有华丽的界面就可以，而是要在艺术和功能上做到两全其美。

2．1大背景图的网页设计

高清图片是一种可以产生极具视觉冲击力并迅速抓住读者视线的好方式，而且这些图片一般都是高质量写实的或者是抽象的精美照片，这些图片的用色和表现的内容都十分考究，并且趋向于一些比较柔和，比较透明的图片，不会影响到文字的阅读。不然再漂亮的图片，看起来和网站整体效果不协调，影响用户体验，也是白白浪费资源。除此之外，大背景图的运用还有一种方式，叫做拟真设计，听起来可能有点陌生，但是拟真设计就是和大背景图的运用相似的一种设计，它是指将界面元素设计成用户容易理解的，存在于现实世界中的实体。就文学网站，在书籍阅读的界面平台上，不单单是书籍内容完整无误的呈现，它的呈现方式可以像常见的平面媒体带给读者的愉悦体验一样。可以在书籍阅读的起始部分与结束部分分别放置图书原有的封面与封底；可以模仿纸张的材质，灵活设置；可以在文章的正文界面中配合插图，插图同文字共同营造书中的独特氛围，插图的类型可以配合文章的叙述情境进行绘制；可以与插画师合作，共同创造出良好的阅读环境，从而提高阅读质量和阅读效益。

2．2移动互联网时代

现在这个时代，智能手机几乎是人手一部，而且平板电脑、小型上网本随处可见。所以说，如今的网页设计已经不能只局限在普通电脑的显示效果上，还要考虑到更多的移动设备。但是，设计适合移动设备的网站不是去掉大量装饰，做得简单易于下载就可以，因为它不仅仅是变得简单，更是要表现出原网站的精华。另外，现在很多网站都推出了属于自己的方形的条形码，这种条形码被称为QR，全称就是QuickResponse。这个条形码就相当于一个快捷方式，让用户可以方便迅速地打开自己的移动网页。近几年来，移动媒体的优势越来越明显，利用这个优势所做的网页设计也是现在的热门。

2．3页面布局设计及特效设计

以前的网页设计，大部分都类似于书籍和杂志的版面设计。而随着互联网等各方面的发展，现在的设计更接近于影片的效果，更注重空间艺术，现在的网页设计已经不再是单纯的平面设计，而是立体设计、空间设计，致力于把浏览者带进一个现实的虚拟世界。我们都知道构成网站的是网页，网页本身也是很多个页面的总平面，所以说平面设计原则同样也适用于网页设计。但是网页设计的排版又是对平面设计的延伸，单独考虑平面设计原则的话，这样的网页设计是不能满足现在浏览者的需求的。在网页特效方面，文学类网站运用的不是很多。现在是一个注重用户体验的时代，适当地采用一些网页特效会给网站加分不少。比如说，视差滚动设计，让多层背景以不同的速度移动，形成一种类似于3D的视觉效果，吸引浏览者。但是值得注意的是，这种效果不适于导航。

2．4极简主义的运用

极简主义在早几年就流行起来了，但是在网页设计方面极简主义的影响力在近几年才逐渐大了起来。极简主义风格的网站设计，运行速度快，用户体验效果更好，接入也更加容易，所以无论哪一类型的网页设计都可以运用，文学类网站也不例外。但是就目前来说，还没有哪个国内文学网站尝试这种极简主义设计，因为接下来提到的文学类网站设计的一大要点，就是丰富的内容。但是，极简主义并不是把内容也变得极简。要知道极简主义有一个理念，少就是多，简洁就是丰富。所以说极简主义只是把不必要的东西去掉，使页面的每一个元素都和主题统一，用最简单的元素来传达更丰富的信息。

2．5丰富的内容

内容是一个网站的最有价值的部分，而对于文学网站来说，丰富的有价值的内容比起网站外观来要重要得多。但是做内容的建设时也要注意几点，首先，网站的内容要和网站的主题一致，不可偏离主题。其次，就是网站内容最好是原创内容。作为一个文学网站，不是说拿那些已经现有的作品就可以，还要有新的原创文学，大家没有看过的文学作品，这样才能让用户时刻保持对网站的新鲜感。最后，网站的内容要定时更新，并不是说有丰富的文学作品就万事大吉了，不然一个再好的网站不去更新内容，它也是一个死站。而且一般经常浏览文学网站的互联网用户对文学都是很有见解的，所以说作为一个专业的文学网站，为他们提供的不仅仅是一个文学资源库，更应是一个交流平台，让他们发表自己的原创文学及见解。

3文学网站中多媒体技术的运用

无论是图形文字，还是声音视频，设计者所要考虑的就是怎样才能使它们以最和谐的方式融合到网页这面大屏幕里。所以，多媒体技术的运用在这里必不可少。现在大部分的浏览器本身都可以支持在线播放或收听，比如GIF、JPEG图形和GIF89a动画。另外还有一些比较常见的插件，比如ActiveX，它可以播放更多种类的多媒体文件。总之，多媒体技术随着互联网的发展在网页设计中的运用也越来越多，也使浏览者能够体验到更加完美的浏览效果。在现今有很多网站设计都采用了flash软件来制作，用flash制作导航界面，随着鼠标的动作可以产生动画或者声音，让网页更有吸引力。而且制作flash时用的是矢量图形，它需要的内存和存储空间要比位图小很多。在网页设计中flash还具有一定的交互性，比如说网站导航栏动画、图片展示动画以及网站注册和登陆系统等等。在静态页面中，如果用到这些动画，一定能与浏览者有一个很好的互动，也能使网站看起来更加生动有趣。但是整体不可以太花哨，太杂乱，不然会使浏览者对该网页缺乏信任感。当然也有一些网站，为了表现自己的与众不同，使用flash来制作整个网站。而且设计制作flash时就已经包括网页内所有视听元素和版式的设计，并不会给人眼花缭乱的感觉。这样的flash网站，给人感觉都十分酷，给浏览者一种很特别的感觉，基本上可以完全调动浏览者浏览的积极性，同时给浏览者一种活跃的心理感受。总之，不只是文学网站的设计，所有的的网页艺术设计都需要大胆创新，需要不断地完善和突破，从而达到网络技术与艺术设计的完美结合，让浏览者获得最佳的阅读体验。

参考文献：

［1］王晓峰，焦燕．网页美术设计原理及实战策略［M］．北京：清华大学出版社，2009:8．

［2］张新伟．网页经典配色艺术［M］．北京：电子工业出版社，2009:6．

［3］郑国强．网页设计与配色实例解析［M］．北京：清华大学出版社，2012:6．

［4］张磊．专业色彩搭配手册：网页配色［M］．北京：北京希望电子出版社，2011:11．

［5］刘鹏．浅谈网页色彩的编排设计［J］．科技创新与应用，2012，(1)．

［6］李立伟．浅谈网页色彩设计［J］．郑州轻工业学院学报，2007，(2)．

［7］卫捷．“留白”理念在现代网页设计中的映射［D］．河南大学硕士学位论文，2011．

读书破万卷下笔如有神，以上就是差异网为大家带来的5篇《网站设计论文》，希望可以启发您的一些写作思路。

网站网页设计毕业论文2

1．开题报告作为毕业设计（论文）答辩委员会对学生答辩资格审查的依据材料之一。此报告应在指导教师指导下，由学生在毕业设计（论文）工作前期内完成，经指导教师签署意见及教研室审查后生效；

2．开题报告内容必须用黑墨水笔工整书写或按教务处统一设计的电子文档标准格式（可从教务处网址上下载）打印，禁止打印在其它纸上后剪贴，完成后应及时交给指导教师签署意见；

3．学生查阅资料的参考文献应不少于6篇（不包括辞典、手册）；

4．有关年月日等日期的填写，应当按照国标GB/T7408—94《数据元和交换格式、信息交换、日期和时间表示法》规定的要求，一律用阿拉伯数字书写。如“2004年4月26日”或“2004-04-26”。

毕业论文开题报告

1．本课题的研究意义

在Internet飞速发展的今天，互联网成为人们快速获取、和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

这次我们所设计的课题正是互联网与社会生活之间的紧密关系的体现，现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，他能够把事情的复杂化转为简单化。老干部局网网站的建设不仅能够使该事业单位的工作方式有所改变，也大大地提高了该单位工作人员的办事效率，也增加了该单位的知明度，更重要的是为我们局的老干部们提供了一个网络生活空间，促进了他们对网络知识的进一步地了解。

通过该网站展示了机构设置、政策法规、办事指南、电子刊物、新闻、学习园地、问题集锦、养生保健、生活小常识、旅游简介等系列内容的介绍。同时您也可以利用电子信箱经济而又快捷地与外界进行各种信息沟通。

ASP简介

1什么是ASPMicrosoftActiveServerPages(ASP)实际上是将标准的HTML文件拓展了一些附加特征，ASP像标准的HTML文件一样包含HTML语句并且在一个浏览器上解释并显示。但它为HTML编写人员提供了在服务器端运行脚本的环境，使HTML编写人员可以利用VBScript和JScript或其他

第三方脚本语言来创建ASP，实现过去需要编写复杂的CGI程序才能实现的有动态内容的网页，如计数器等。一个ASP文件的后缀为。asp，其中包含实现动态功能的VBScript或JScript语句，如果去掉那些VBScript或JScript语句，它和标准的HTML文件没有任何区别。ASP提供了一些内建对象（参见后面关于内建对象的章节）。利用这些内建对象，你可以使你的脚本更加强大；这些

对象会允许您从浏览器中接收和发送信息。例如，利用request对象，你可以接收用户的HTML表单中的信息并加以处理。ASP包含标准的ActiveX组件（参见后面关于组件的章节），这些组件可以实现一些复杂的功能，如使用数据库等。不过，你并不会被此局限，你可以轻松创建属于你自己的附加ActiveX组件。这意味着你可以不加限制地拓展你的ActiveX组件（参见后面关于自制组件的章节）。ASP可以和诸如SQLServer这样的数据库行挂接，在本书后面的章节中，我

们将详细地学习这方面的内容。重要的是，这是ASP一个非常强大的功能所在，在线商务以及在线论坛等各种非常高级的、动态更新的站点都需要数据库的支持，而且需要随)(数据库内容的更新而自动更新，这样，你就可以利用ASP自己建立很多类似的高级站点。通过上面的描述，我们可以了解到，ASP就是由服务器端脚本、对象以及组件拓展过的标准网页并为其提供了运行的环境。而它的网页并不是在建立初期存在的，而是当某个浏览器向它提出请求时，它才根据需要产生所需要的标准网页，这克服了过去HTML编写的网页的静态缺点，从而使网页上可以有许多动态的信息存在。如：当前的计算机时间、计数器的计数值等。

2ASP的功能

ASP是一套服务器端的脚本运行环境，当用户从浏览器向Web服务器请求。asp文件时，ASP脚本开始运行，然后Web服务器调用ASP，ASP全面读取请求的文件，执行所有的脚本命令，并将标准的Web页传送给浏览器，而并不包含你所写的脚本命令。

2使用ASP与SQLServer网站架设

而ASP的每一个命令都首先被用来生成HTML文件，因此ASP允许生成动态内容。

下载对于Web服务器来说，ASP与HTML有着本质的区别，HTML不经任何处理送回给浏览器另一方面，对于浏览器来说，ASP和HTML几乎是没有区别的，仅仅是后缀为。asp和。htm的区别，当我们在客户端提出对ASP的申请后，我们的浏览器接受的是HTML格式的文件。因此它根据以上特性，我们用ASP可以方便地实现诸如表格信息收集、计数器、留言簿、公告板、ASP还可以轻松地实现对页面内容的动态控制，为不同的浏览者定制不同的页面内容，实现

适用于任何浏览器。

聊天室甚至电子商务等过去必须由CGI才能实现的功能。

个性化的网站。

3使用范围

用ASP实现各功能时几乎没有什么限制，只要网站存在并正常运行，以下是的应用示例列表：

.在你的网站主页顶部添加一个滚动显示的广告栏。

.从HTML的表单中接受信息并且存到数据库中。

.根据不同访问者显示不同内容，创建个性化主页。

.在你的主页中添加点击计数器。

.根据用户浏览器的版本、类型和能力显示不同档次的内容。

.连接多个主页使之容易网际导航。

.跟踪用户网站上的活动信息并且存入日志文件。

.使用基于WindowsNT的Intranet建立你的MIS应用。

用ASP编写出的系统，完全可以达到原来使用Client/Server的网络数据库系统的水平。使用ASP最大的好处是，在你对程序进行升级时，你只需要修改服务器上的ASP文件，而不需要修改客户端程序。

以上只是简单介绍，看完下面章节，你会对利用ASP做的事情有更加全面深入的了解。你会真正学会如何使用ASP建立各种应用。

2．本课题的基本内容

为了树立中国各级政府各部门在网络上的崭新形象，有利于使各级政府由管理型向管理服务型的角色转换，降低办公费用，提高办公效率，促进勤政、廉政建设，提高政府公务员的信息化水平，市委老干部局网站的建立将为办公网络化，自动化、电子化，全面

信息的共享所提供了优越的条件

本课题介绍了市老干部局网站建设的做法和具体步骤，给出了老干部局网站建设的方案选择、设备配置。还介绍了老干部局网站建设的运用目的和发展方向以充分实现以上目的。还全面介绍了在Internet上建设和管理网站的技术。内容涉及网站的基础建设，对原始数据进行调查，重点放在新闻更新、办事指南等的事务处理以及站点管理，使用ASP，HTML开发前台程序，完成网站的链接，从相关系统中导入数据，编写相应的存储过程，以便联系老干部局的需要开发出功能强大的网站。

老干部局网站为干部的工作、管理、生活、信息交流个通讯等提供综合的网络环境。网站的使用，使干部的办公、学术研究和管理条件跨上一个新台阶，同时也给老干部局的宣传，发展，提供了一个平台。我们可以充分利用现用计算机资源，实现信息交流和软硬件资源的共享，实现老干部局办公、管理、服务于社会的现代化新形式。

关于建设老干部局网站的一些内容，包括网站的结构，特点以及网站建设的理论知识要点。其最大的特点就是在于对ASP中的每个知识点都精心运用到了实际需要中，通过对理论的研究来联系实际操作，并全面地掌握ASP开发WEB动态网站的思路、技巧和体系。另外，ASP还提供可更简单、更方面的数据库访问方法，使开发基于数据库驱动的WEB应用程序更容易，ASP支持VBScript和Jscript，并能以插件形式支持其他脚本语言，如HTML。

毕业论文开题报告

3．本课题的重点和难点

本课题的重点主要是网站素材的选择与框架的搭建，一个好的网站要有许多的主页相互之间链接起来，以及其中添加一些动态、图片、声效等链接。综合地完成网站的建设才能体现主题，才能把浏览者的目光吸引到每一个主页上，内容的及时更新也是网站建设的一个主要实际问题，只有不断得到更新的主页内容才能使浏览者再次访问该网站，没有新鲜的内容素材，没有时代性的哲学理念，远远不能称得为好网站。

新颖的框架结构也能使浏览者的目光更长久地被吸引，再拥有好的素材基础上，框架的搭建也是网站建设所必须考虑到的问题，只有把这两者相结合进行周密地布置，相信建设出来的网站必然是点击率最高的网站。

该网站的建设也牵涉到了动态网页的制作，因此，这必然成了制作过程中的难点，就我个人而言，对动态网页的制作方面还缺少很多的理论与实际操作知识，曾经只是做一些简单的个人主页，仅此而已，而现今，却得必须运用ASP程序进行动态网站的编辑，运用ASP把脚本、HTML、组件和强大的WEB数据库访问功能结合在一起，形成一个能在服务器上运行的应用程序，并把按用户的要求专门制作的HTML页面送给客户端浏览器。此技术的运用使我的工作量大大地提高了几倍，当然这正是我以前没好好学的不好表现，但通过这次设计使我认识提高了，在学好静态网页制作的基础上则不能忽视对动态网页制作的重要性。此后，我将借鉴这次的领悟，认真学习并全面地掌握ASP中的每个知识点，以便今后熟练地运用到实际问题中，充分展现自我价值。为自己以后的生活道路铺上一层更牢固的奠基石！

用ASP实现搜索引擎的功能是一件很方便的事，可是，如何实现类似3721的智能搜索呢？比如，当在搜索条件框内输入“中国人民”时，自动从中提取“中国”、“人民”等关键字并在数据库内进行搜索。看完本文后，你就可以发现，这个功能实现起来竟然是如此的简单。OK，FollowMe！

第一步，我们要建立一个名为db_的数据库（本文以Access2000数据库为例），并在其中建立表T_Sample。表T_Sample包括如下字段：

ID自动编号

U_Name文本

U_Info备注

第二步，我们开始设计搜索页面。该页面包括一个表单（Frm_Search），表单内包括一个文本框和一个提交按钮。并将表单的method属性设为“get”，action属性设为“"，即提交给网页自身。代码如下：

请输入关键字：

下面，就进入了实现智能搜索的关键部分。

首先，建立数据库连接。在的开始处加入如下代码：

<%

4．论文提纲

1．绪论

2．课题任务书

1）设计依据

2）课题总体体会要求

3）设计要求

3．系统规划

1）系统分析

2）系统具体分析

3）功能图

4．主体

1）程序代码

2）结论

5．参考文献

6．个人体会

7．附录

毕业论文开题报告

指导教师意见：

（对本课题的深度、广度及工作量的意见）

指导教师：（亲笔签名）

年月日

教研室审查意见：

网站设计制作论文3

关键词：院系资料室；网站建设；网页设计；个性化

中图分类号：TP393文献标识码：A文章编号：1009-3044(2010)07-1654-03

Analyses and Discussions on the Department Reference-Rooms Website Construction

SHAO Yue-Yin1, LI Yi-mei2, PAN Xing-xian2

( University,Suzhou 215123, China; Normal University, Wuhu 241000, China)

Abstract: The actual state and the necessaries for website construction of reference-rooms in the universities were analyzed. The discussions on how to take scientific and effective means, to use the advanced techniques to do the website construction, designation and maintenance, and how to make good use of the reference-rooms characters to play their functions in the information construction were made.

Key words: department reference-room; website construction; webpage design; individuation

高校院系资料室网站要设置成信息资源共建、共知、共享系统联盟门户，营造一个与国际接轨的信息网络环境，凸现专业个性，成为专业师生教学、科研信息查询和检索的绿色通道。

1 高校院系资料室网站的现状与问题

网络时代，高校图书馆网站建设业已普及，并进行参考咨询、信息推送服务等特色服务。校图书馆面向全校各个专业服务，信息资源大而全，专业信息资源的精深层度欠佳，很难满足教师在教学科研中，尤其是教师的重点学科、科研项目申报与完成中信息资源的需要。与图书馆相比较，院系资料室信息资源专业性强、与本院系所开专业课程密切相关，是本院系师生教学科研的重要依托，是教师教学科研的重要支撑。资料室利用现有信息手段和精深的专业性信息资源，建立院系资料室网络信息资源网站，为专业教师和学生开设个性化定题服务和专业学科知识导航等特色栏目，可以弥补校图书馆网站专业性之不足，是对学校图书馆信息服务的弥补，其服务内涵比图书馆更具优势。资料室网站是在网络环境下的自我展示窗口，是院系资料室将自身的传统业务在时间上和空间上的延伸和拓展。

资料室网站建设是一项长期细致的工作，需要有一整套运行机制和管理机制，资料室网站的建设才能够有条不紊的进行。院系资料室作为专业师生最直接的信息资料来源地，虽资源有限但专业强，需要与学校图书馆资源共建共享，更需要利用学院网站空间资源整合网络信息资源使之变成自己的资源，节省经费开支，最终实现“不求所有， 但求所用”的夙愿。资料室网站建设很少，或参差不齐，出现的问题很多。如：领导缺少建设网站意识，网站定位不明确，馆员技术匮乏和信息素质水平有限等问题，使得院系资料室在网络参考咨询及面向本院系师生的信息推送服务等方面受到严重限制。为此，首先，院系资料室必须得到院系领导及校图书馆的大力支持，树立信息意识；其次，利用院系资料室的馆员优势的专业特性，在实践中注重结合网站技术和知识，使之形成专业技术和业务水平较高的骨干力量；第三，是要采用科学、有效的方法、运用先进合理的技术，凸现高校院系资料室网站设计的专业个性。

2 高校院系资料室网站建设的个性设计

院系资料室网站的建设是按照一定的检索方式，实现将所需要的信息及获取信息时的有序下载。需要分四个步骤进行：一是总体规划，二是网页设计，三是站点，四是站点维护。

总体规划

总体规划设计是至关重要的一部分，良好的总体设计能起到事半功倍的作用。

理念定位

院系资料室网站和校图书馆网站一样，既不同于娱乐性网站，也不同于新闻性网站，更不同于一般商业企业网站。但也不同于图书馆网站，应着重体现院系资料室专业性特色及直接面向专业师生特点，所包含的信息资源专业性强的突出的特色，不可面面俱到。资料室网站设计要有明确的目的，面对院系师生的资料信息服务是其核心内容，信息资源和受众的需求是其主要业务，重点及特色栏目为专业学科导航及重点学科建设的信息定题跟踪，为师生提供学习及科研的及时信息推送服务。在结构上必须内容充实、结构合理、特点突出、美观实用、简洁明了。 学科导航要清晰、细致、准确， 以适应院系教学科研的师生及其相关信息需求的专业人群。

栏目设置

明确了网站的定位和内容后，需要进行网页内容的设计时，应按照师生用户的访问习惯有序地展开，使师生用户很方便地定位网站的所有内容，力求突出院系自身专业性强的特色，做好教学与科研服务，使之成为资料室信息资源的大本营。在栏目设置中，专业学科导航、参考咨询服务、信息推送、重点项目跟踪服务及教师科研个性化服务是院系资料室网站的重点与特色栏目，其它栏目的可以参考图书馆的一般栏目设立。

1) 资料室介绍栏目。主要介绍资料室机构设置、人员构成、历史沿革、室藏主要文献资源、特色文献资源、藏书量、室藏分布等，这是资料室网站的必备栏目。

2) 个性化服务栏目。随着Intemet 的发展，作为院系的主要群体――教学科研人员越来越不满足于图书馆咨询馆员仅告知所需信息的可能方向，而更需要针对查询问题给出确切的信息解答，或直接提供最切题的事实或数据型信息。这种对文献中所包含知识点的索取， 反映出用户正从文献需求转向知识需求；许多用户在求助于咨询馆员之前，已具有相当多信息量，他们需要咨询馆员帮助剔除重复和价值不大的多余信息，提供与自己的需要最相关的内容。栏目内容要极具针对性，以实用、适用为前提的个性化目标，紧紧围绕专业的特点、内容，根据用户个体需要的“量身订制”的信息。

3) 定题服务栏目。开展专题服务，并结合教学与科研，进行课题跟踪和定题服务工作，利用网络不断更新的信息管理，针对既定服务对象所研究的课题，检索相关的文献信息，并及时推送给用户。网络使传统的定题服务具有主动活跃的动态信息服务功能，院系资料室依靠其专业特色网站开展定题服务则更具优势，可以为重点学科建设、重点科研项目，以及专家学者个人等开展专门的定题跟踪服务。

4) 专业学科导航栏目。院系教师在教学、科研及重点学科建设、课题申报与完成，所需的信息资源专业性较强，需要了解本学科最新动向和发展水平。栏目可以结合各院系的专业特点，利用搜索引擎进行网上搜集，并对其资源信息进行评估论证，从中精选出符合要求的网址信息，按中、外文资源分类， 采用主题树与数据库相结合的方式进行组织，并以动态链接的形式为用户提供一个友好的界面。可设置一些学术专业性较强的链接、重点和权威数据库链接，如Web of Science、Scifinder、Elsevier SDOL、John Wiley、Springer Link、EI Village等。

5) 资源检索栏目。包括光盘数据库、本地镜像数据库、网络数据库及自身数据库检索。目前各高校图书馆均有一些已经购买的数据库资源，如中国期刊全文数据库、万方数据库、超量数字图书馆、书生之家等以及适合本校专业特点的专题数据库，还有一些具有本校特色的自建数据库，这些数据库均通过资料室网站做出相应的链接提供给本院(系)师生使用。

6) 读者服务栏目。包括文献预约、文献续借、馆际互借、服务介绍、定题服务、书刊荐购、推荐图书、新书通报及导读、投稿指南、课题咨询、学科馆员等更多的服务内容。注意强调为科研和教学服务的栏目，为重点学科建设、重点科研项目、科研管理等开展专门的参考咨询服务。开展定题跟踪服务，针对既定服务对象所研究的课题，检索相关的文献信息，并及时推送给用户。

7) 读者论坛栏目。包括用户满意度调查、联系我们、读者留言、互动园地、各种申请等。在网页上设置留言板和电子信箱， 以便与读者进行交流， 接受用户的反馈意见和建议。此法可以帮助资料室不断改进服务工作， 提高服务质量。

8) 参考咨询服务栏目。包括常见问题( FAQ) 、《中国法》介绍、网上查询(电子邮件、实时在线咨询) 、核心期刊介绍、参考工具书、课题咨询、用户教育(新生教育、培训讲座、《文献检索》教学) 、科技查新、信息咨询的形式及内容等。利用电子邮箱或手机短信为用户提供教师科研不同专业方向的定题跟踪服务，信息推送服务，CALIS重点学科网络资源导航和网络参考咨询服务。

9) 公共信息服务检索栏目。包括常用链接，如英汉辞典、天气预报、火车飞机班次查询，设置了这些常用链接可以提高回头客，提高点击率。

特色数据

院系资料室一般都收藏自己院系的博硕士学位论文，将论文数据制作成反映自身馆藏特色和服务特色的学位论文数据库， 方便用户在资料室的网站上， 浏览、检索、查看院系专业学位论文， 起到学位论文推荐利用与资源共享的作用。

网页设计

网页的实现，即网页设计，是对站点的整体结构作进一步的调整。

软件选择

目前流行的网页设计制作软件很多，版本更新很快， Dreamwaver作为网页编辑工具，是一个 “所见即所得”的可视化网站开发工具，带有站点管理功能，可方便地设计和管理多个站点，它的与众不同之处是支持最新的DHTML和CSS,Dreamweaver UltraDev更支持 Asp,Jsp。ASP(Active Server Pages ) 是Microsoft公司推出的一种Web服务器端开发技术，利用它可以产生和运行动态的、交互的、高性能的Web服务应用程序，是新一代的动态网页开发方案。

图像编辑工具可选Fireworks软件或Photoshop软件，设计、制作、编辑网络图像，使图片起到美化的作用。

Flash软件是制作动画的软件，主要适用于网络传输的矢量动画，使网页更加活泼生动。

Dreamweaver 与 Flash 、Firework 并称为 Adobe Macromedia 的网页制作三剑客，用于资料室网页设计制作，会得心应手。

个性设计

网站的信息内容是靠网页来实现展示的，网页的艺术设计，是技术与艺术的结合，内容与形式的统一。要想设计出优秀的资料室网页，必然网页设计服务于资料室网站的信息服务的主题，使网页从形式上获得良好的诱导力， 鲜明地突出诉求主题， 具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

资料室网站的内容栏目不是简单的堆砌，关键和特色内容摆在显著位置，还要采用动画闪烁吸引用户的注意力。内容设计应充分体现自己的风格，注重版面设计的简洁美观，尽可能展现自身的优势，以方便不同用户的使用要求为目标，体现资料室的工作流程和网络环境下新的服务模式。

资料室网站的导航与链接也是很重要的。读者除了浏览资料室网站首页内容，还将进一步了解深层次的内容，需要通过网页中的各个链接来访问站点中的深层次的网页。所以应该设计出站内的导航结构，确定好站点网页之间的链接关系，层层展开，逐步推进，使读者进得去，出得来，有条不紊，轻松浏览。另外，学科导航等站外资源的链接也是很重要的，同样也要做到链接准确，不要有死链接，最好是在新窗口打开，这样不会覆盖本站点的页面，以方便回来。

站点

制作好的网站，需要，通过上传功能，将整个网站放入特定的网络服务器中，别人才能在网络上浏览到制作的网页内容，站点的一般有以下三种方式：虚拟主机方式、主机托管方式和专线方式，这三种方式花费大，需要比较掌握专业技术的人员管理。基于院系网站数据信息量不是很大，可以直接挂靠存放在学校或学院网站的网络空间，这样既解决了经费困难，又便于管理，也很安全。

站点维护

资料室网站的宣传与维护是网站建设的后续保障工作，没有持之以恒地更新和维护， 网站很快就会失去品牌效应和存在的意义。网站建设不易，要想使其富有顽强的生命力，就要用心管理和经营，不断地增添，更新读者所需要的信息资源，因此，资料室必须非常重视本室网站的日常宣传和维护工作。

网站的更新维护包括技术和内容两个方面。技术维护主要解决网络不畅通、链接失败、病毒和黑客入侵等技术问题以保证网站正常运行，网站还要进行备份，以加强网站的安全性，不断引进新的技术，更新软件，开发使用新的技术，不断提高馆员的网站建设和网页制作技能；在内容方面，不断充实其丰富网站动态内容，不断地给浏览者最新、最即时的资料，随时向教学科研和广大读者传达网站的特点，数据库的特色，信息服务的范围等以吸引读者点击浏览，这样才能赋予资料室网站无穷的生命力；另外，加强宣传，多做友情链接，与学校图书馆合作、资源共享共建。更新读者所需要的信息资源，扩大信息服务的范围，吸引读者点击浏览，提高网站的生命力。

3 结束语

高校院系资料室网站的建设， 是一个不断更新、改进的过程，只有不断地推出更好更新的版本，才能保证资料室网站具有旺盛的生命力，才能将高度有序化的信息资源提供给广大师生，才能为老师、研究生、本科生等用户提供高效、及时、准确、个性化的信息服务，以满足教学科研的需要，使资料室的信息服务工作再上新台阶。

参考文献：

[1] 鲁莉莉，张学君，王荣。对普通高校图书馆网站建设的思考[J].现代情报，2007(12):75-78.

[2] 胡昌斗。高校图书馆的网页优化与网站建设[J].图书馆论坛，2006,25(3):98-100

[3] 柳胜国。因特网上高校图书馆的网页设计[J].图书馆工作与研究，2002(2):28-29

[4] 黄超美，孔庆杰，赵闯。我国图书馆网站建设研究综述[J].现代情报，2006,24(12):1909-1913.

网站设计制作论文4

在包罗万象的网络世界里，要制作一个具有学校特色的网页是需要一定方法与技巧。下面我对学校网页的制作浅谈自己的几点意见。

一：定位好网站的主题和名称

1.主题要有特色而且精巧。定位要有学校特色，内容要精巧。如果想制作一个包罗万象的站点，把所有认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的"主题站"比"万全站"更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。当然学校的网站的更要有学校的特色。

2.题材要与学校的各个内容有关。比如：学校的名称、学校的教育教学、学校的机构、学校的活动等等。同时题材的选取也要与所属学校的实际相结合。

二：首页的设计

在全面考虑好网站的栏目，链接结构和整体风格之后，就可以正式动手制作首页了。有一句俗语："良好的开端是成功的一半"。在网站设计上也是如此，首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经有一个整体的感觉。是不是能够促使浏览者继续点击进入，是否能够吸引浏览者留在站点上，全凭首页的设计。所以，首页的设计和制作是绝对要重视和花心思的。有关首页设计方法大致如下：

版面布局的窍门

色彩的搭配

字体的设置和表格的嵌套

细微之处见功力

考虑不同的浏览器和分辨率

设计好你的banner和位置

标签的重要性

首页，从根本上说就是全站内容的目录，是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢？一般的步骤是：

确定首页的功能模块

设计首页的版面

处理技术上的细节

1、确定首页的功能模块。

首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：网站名称(logo),广告条(banner),主菜单(menu),新闻(what''''snew),搜索(search),友情链接(links),邮件列表(maillist),计数器(count),版权(copyright).选择哪些模块，实现哪些功能，是否需要添加其他模块都是首页设计首先需要确定的。

2、设计首页的版面

在功能模块确定后，开始设计首页的版面。就象搭积木，每个模块是一个单位积木，如何拼搭出一座漂亮的房子，就看你的创意和想象力了。设计版面的最好方法是先将理想中的草图勾勒出来，然后再用网页制作软件来实现。3、处理技术上的细节

制作的主页如何能在不同分辨率下保持不变形，如何能在IE和NC下看起来都不至于太丑陋，如何设置字体和链接颜色。等等，首页设计是整个网站设计的难点和关键，在制作的过程中要处理好各种技术的细节也是非常重要的。

三：定位好网站的形象

一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的形象设计，对网站的宣传推广有事半功倍的效果。在网站主题和名称定下来之后，需要思考的就是网站的形象。学校的网站形象要具有代表本学校的特色。1.设计好网站的标志(logo).首先需要设计制作一个网站的标志(logo)。就如同商标一样，logo是站点特色和内涵的集中体现，看见logo就让大家联想起站点。标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。标志的设计创意来自网站的名称和内容。同时也能非常宣明的代表到学校的标志。

2.设计网站的标准色彩。网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。"标准色彩"是指能体现网站型象和延伸内涵的色彩。例如：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。标准色标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。

3.设计网站的标准字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的"与众不同"和特有风格，我门可以根据需要选择一些特别字体

4.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。以上四方面：标志，色彩，字体，标语，是一个网站树立起形象的关键，确切的说是网站的表面文章，设计并完成这几步，网站将脱胎换骨，整体形象有一个提高。

四、确定网站的栏目和版块

建立一个网站好比写1篇文章，首先要拟好提纲，文章才能主题明确，层次清晰；也好比造一座高楼，首先要设计好框架图纸，才能使楼房结构合理。网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难，网站或许就此半途而废，所以，在动手制作网页前，一定要考虑好以下三方面：

1.确定栏目和版块；

2.确定网站的目录结构和链接结构

3.确定网站的整体风格创意设计

首先来讨论"确定网站的栏目和版块"。网站的题材确定后，收集和组织了许多相关的资料内容。能否吸引网友们来浏览网站。内容放的位置、好东西在版面上的分布都是至关重要的。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。一般的网站栏目安排要注意以下几方面：

1.一定要紧扣主题！一般的做法是：将主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站明显的专业，主题突出，容易给人留下深刻印象。

2.设一个最近更新或网站指南栏目。这样做是为了照顾常来的访客，让主页更有人性化。

3.设定一个可以双向交流的栏目不需要很多，但一定要有。比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。

4.设一个下载或常见问题回答栏目网络的特点是信息共享。也要设好其他的辅助内容，如关于本站，版权信息等可以不放在主栏目里，以免冲淡主题。总结以上几点，得出划分栏目需要注意的是：

尽可能删除与主题无关的栏目

尽可能将网站最有价值的内容列在栏目上

尽可能方便访问者的浏览和查询

网站设计制作论文5

中华民族的传统文化博大精深、源远流长，也以其独特的魅力影响着中国乃至全世界。近年来，科学技术不断进步和发展，网络的社会地位逐渐凸显，校园文化网站建设也逐步趋于成熟和完善，它不仅传递着丰富多彩的视觉信息，也充分体现着独特的校园文化。本文通过阐述中国传统元素的内涵、特点和类型，以及中国传统元素在现代生活中的应用意义，将中国的传统元素巧妙地运用到大同大学校园文化网站的设计中，旨在彰显大同大学校园文化内涵，贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训，表现同大学子对校园精神文明的继承和发展。

关键词：

网站建设；中国传统元素；校园文化；界面设计

引言

随着社会的进步和发展，传承文明与创新知识已成为当代文明的主题主线，在此环境下，高校校园文化网站应运而生、蓬勃发展，而且近年来其社会地位也不断凸显。与此同时，全球文化的交流和碰撞日益激烈，导致高校校园文化日益开放和繁杂。因此，应从多角度、多侧面、全方位的视角梳理和评价高校校园文化，并逐渐建设完善高校校园文化网站，传承校园文化，构建社会主义和谐校园。作为凝结华夏文明精神和彰显中华人民特质的传统文化元素，如果将其适当地取舍、借用、打乱、组织、重建并运用到校园文化网站的建设中，将会取得全新的视角效果与经验，提供一种全新的触及世人心灵的感性认知，培养中国风格的审美情趣，激发民族自豪感。其中网页版式设计对整个网站的设计构造是至关重要的，也是浏览者与网页信息间的传递载体，例如在版面设计中采用留白的方式营造空灵韵味，在现代的版式设计中有指导意义。在构建中国风的网站时，加入中国传统文化元素设计，不仅会发挥现代科技美与创新美，而且还会体现传统的韵味美，保持着新与旧、古与今、传承与发展的高度契合，能够使网页展现深厚的文化底蕴和历史厚重之感。大同大学文化校园网站的设计制作将中国传统元素融入到网站的界面设计中，以期能彰显大同大学校园文化底蕴，并且能在网页中体现大同大学的校园文化精神，体现全体师生对校园文化的传承与发展。

一、校园文化网站概述

校园文化是在学校这一特定的文化氛围中，师生在从事各项课内外活动中所创造的精神财富，以及承载这些精神财富的规章制度、组织活动和意识形态。校园文化的核心是精神文化，它包括学校领导、师生的价值观念、价值判断和取向，学校独特的文化特色、办学理念、办学目标，以及校风、教风、学风等精神风貌，以此彰显、传播和弘扬学校文化特色。伴随科学技术的不断发展，网络已成为传递校园文化的主要载体。其中校园网站就是一个集学习、娱乐与社会活动于一体的虚拟空间，可以充分体现校园的文化、精神和特色。而高校的校园文化网站不仅体现着各个高校的文化，也集中反映了当代教师与学生的精神风貌，对于文化的丰富、交流和发展具有重要意义。

二、中国传统元素概述

中国传统文化元素种类繁多，尤其是吉祥图形符号，如龙凤、麒麟、朱雀、太极、八卦、中国结、书法等传统文化元素符号，代表并彰显着中国文化神韵。中国元素，是指在中华民族的融合、演化与发展过程中形成的，由中国人创造与传承的，反映中国人文精神和民俗心理具有中国特质的文化成果。中国传统文化元素是东方文化中的独特景观和宝贵财富，它具有多样性、广泛性、丰富性的特点。包括丰富多样的有形物质文化元素和无形精神文化元素，如徽派建筑、梅兰竹菊、朱雀、书法、中国结等有形文化元素，思想意识、价值体系、道德观念、民俗等无形精神元素。在网站构建中，时刻运用着“中国特征”，处处体现着中国式的意境和精神，是构建中国特色校园文化网站的基础。

三、中国传统元素在文化网站中应用的意义

1.丰富网页的表现手法

中国传统元素的形式多种多样，对传统元素的挖掘和运用，能够极大地丰富网页创造的表现手法。在网页制作中，不仅要恰当地运用传统元素的表象特征，更要深层次地挖掘这些元素所具有的内涵，与传统哲学思想相呼应，共同激荡出更加出色的创意网站。

2.产生文化亲和力

中国传统元素取材于最贴近人民生活与民族情感的传统文化习俗，包涵了深厚的中华民族情感。对传统文化习俗的准确把握与运用，更能够体现国人的心理价值，使网站更具亲和力，增加受众的理解度、接受度，勾起受众对中国文化的精神联想，唤起对中国情结的共鸣，促进网站进一步传播与发展。

四、基于中国传统元素的大同大学校园文化网站的界面设计分析

在研究中，本论文主要是通过设计大同大学校园文化网站界面，结合中国传统元素体现出大同大学的校园文化底蕴。网站的设计主要分为八个部分，分别是“首页”、“书香校园”、“校园风光”、“学子风采”、“校园活动”、“舌尖校园”、“关于我们”和“论坛”，从各个方面介绍大同大学校园文化的组成部分，使参观者能够更加深入地了解大同大学校园文化的精神实质，贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训。其中从logo到小图标无不体现着“中国味”，网页以中国风色调为基准，将中国风格和校园文化巧妙融合。

1.翰墨书法演绎校园文化

汉字作为一种抽象的艺术符号，本身就具有很强的审美趣味。在网页设计中，汉字不仅是语言信息的载体，呈现着其“形”的特征，还能体现其审美艺术价值。把中国书法艺术中的形、神、意进行适当的融合，并运用到网页设计中去，有助于体现网站的文化民族特色。在大同大学校园文化网站中就运用到了不少汉字书法设计，首先表现在logo的设计中。logo图整体以书法为主要元素，在设计过程中采用左图右文的手法将传统印章、龙图腾作为设计元素与楷书汉字艺术相结合。红色印章中是运用毛笔一气呵成中国风的龙图腾，线条优美，若隐若现。配以毛笔书写的楷书文字，说明网站的主要性质———传播校园文化。印章与图腾的艺术形式巧妙组合，能让观者感受到浓烈的民族气息。运用毛笔书写“校园文化”四个字，大面积的浓墨书写文字贯穿着整个logo图，不仅突出主题，而且显得雄伟有神，运用毛笔书法“软”的特点能使简约的线条生成丰富的气韵之美，增强logo的视觉冲击力和表现力。不仅logo中运用汉字书法，网站中的滚图也大量使用汉字书法元素，并巧妙地与大同大学的校训相结合，运用书法形式加以表现，展现大同大学校园文化底蕴。在每一幅滚图中的黄金分割比例位置处书写“厚德、博学、慎思、笃行”这个同大学子熟记于心的校训，采用行书字样书写，突出我校校训的历史感和厚重感，从而体现出我校校园文化源远流长。在“厚德”这幅画中，整体以墨色荷花为背景，给人以空远悠扬的意境，以行书书写的“厚德”二字，对整个空间进行分割，对空白的切割体现书法艺术的形式美，随后以楷体小字对“厚德”校训加以解释，行楷两种字体交相辉映，共同呈现大同大学校园文化的历史感与厚重感。在“博学”这幅画中，整体背景采用从灰色到白色的渐变手法，灰阶层次的渐变达到空灵之效。行书书写的“博学”二字，从上及下，从左及右，涉及了文字的方向性，文字排列的方向性也会影响视觉效果，在大同大学校园文化网站中文字方向主要有平行、垂直两类，而平行、垂直的文字能给人以稳定厚重之感。同样以楷体小字对“博学”校训加以解释，采用古代文字的书写格式，文字方向从右及左的展现，体现了对传统文化风格的继承。在“慎思”这幅画中，字体圆润灵动，校训的行书字样与解释的楷体字样之间采用浓淡墨交替变化，空间中大量留白，以“慎思”二字对留白处进行分割，形成虚实对立之感，体现书法的韵味美。在“笃行”这幅画中匠心独运地使字迹融合了毛笔的意蕴，好似展示了毛笔书写的过程，别有风味。字体设计风格雅致，简洁中不乏品味。本画面中解释文字较其他几个画面较大，这里把解释文字作为填充空白的元素加以运用，不仅能够展示书法的独特魅力，而且也有补充空白之效。网站运用汉字书法让人感受到，当介绍具有历史文化特征的内容时，适当结合汉字书法，可以增加原有内容的意义与内涵。深入挖掘汉字的造型意趣和文化底蕴，并赋予它新的生命力，可以提升网页的文化韵味。

2.水墨经典阐释校园内涵

水墨画属于中国画的一种，主要以水墨的形式描绘中国的山水人情。以毛笔、纸、绢等绘画媒介，将笔的提按转折、疾徐轻重与墨的虚实强弱、干湿、浓淡相互搭配形成无穷变化，以绘画语言的形式表现中国文化特色之美。在大同大学校园网站中构图背景主要以水墨画为主。例如首页中的滚图设计以水墨山水画为背景，配以浓重笔墨书写出的圆，中间以汉字书法画龙点睛，整体营造出一种空灵之感，有浓浓的文化厚重感，与校园文化的风格交相辉映。其中，背景选择大量留白的水墨画，不仅可以方便其他元素的添加，也可以营造出空灵意境。在网页设计中更是如此，将中国式的艺术审美运用到设计中，让空白在字与图之间自由游走。中间以浓重笔墨书写出的圆，不仅可以体现中国特色，而且极具吸引力，把观者的目光第一时间聚焦在圆中间的内容上，突出主题。去除了外在复杂雕饰的墨白，传达了一种朦胧美感，也表达了一种特殊的张力，在网页中灵活运用墨白，会突出所表达的信息。在设计构思上，水墨元素的作用是平衡网页，水墨画元素作为艺术表现形式和视觉符号，它所营造的氛围，能呈现出东方人独特的感觉和心境。这幅图片画面中由水墨元素、墨竹、奇石共同组成。其中水墨元素能在水与墨、黑与白之间形成浓淡变化的色彩层次，在用水墨晕染出圆之后，在圆的缺角部分继续晕染出几条锦鲤，通篇水墨画将墨之黑作为主要色调，通过创造黑与白的气氛，将元素以一种非常单纯的方式最直接展示给观者，画面给人以广阔的想象空间，让人回味无穷。利用墨之黑色作为设计元素，既简洁有趣又能体现传统美感。不仅如此，水墨还可以与其他元素配合使用，例如以水墨图形勾勒与渲染出水墨鱼缸，锦鲤在勾勒出的墨色鱼缸中游动，营造出含蓄单纯、优美恬静的水墨意境。所以将水墨元素与其他元素配合使用是源于自然又高于自然的艺术表达方式。在设计表达上，采用水墨晕染的艺术效果，墨滴在水中舒缓地晕染开来，墨迹展现出千变万化的形态，可以想象它变换成连绵的山峦、广阔的大海、飞翔的仙鹤等，最终回归于墨迹本身的形态。从无形到有形，从有界到无疆，水墨的魅力在于它写实与写意兼具，在黑白的空灵世界中，让人仿佛置身于画中。将水墨画元素应用于网页设计中，是对中国传统文化的传承与创新，水墨画元素作为传播信息的重要表现手法能融合不同风格设计形式，绘画形式多样，题材广泛。网页设计的水墨元素运用能延续现代人从古代传统文化中继承的文化内涵和审美意识。水墨画元素的灵活运用不仅能丰富设计作品的文化内涵，传递中国民族文化特色，还能有效地传递表达主题信息，具有极高艺术审美价值和文化价值。

3.传统色彩点亮校园经典

传统色彩是传统文化的重要组成部分，也是传统文化独特的表现形式，是中国特色不可或缺的部分。在悠久历史和传统的影响下，传统色彩不仅讲究视觉美感，而且重视色彩的象征寓意，例如在中国红色被看做是喜庆色，颜色本身鲜艳明亮，也寓示红红火火、生气勃勃；又如黄色，因其明亮，被看做是阳光和大地的颜色，寓示期望、智慧、文明。不仅如此，黄色还是中国历代帝王的专用色，象征着古代中央。在大同大学校园文化网站设计过程中，主要以中国红为基调配以中国黄加以修饰。红、黄色是中国传统吉祥的象征，红色具有强烈的感知性，是血液与生命的颜色，是国际上以中国命名的颜色，即“中国红”。“红配黄”所呈现的是一种积极、热烈的视觉效果，是喜庆、吉祥的象征。在网站中首先可以看到logo是红色印章图案，突出中国味，与之配套的导航条、小图标均采用中国红与黄色相搭配。通过对大同大学校园文化网站的设计总结出以下几点经验：首先制作网站时，要保持网站色调的一致性，整体性是网站和谐的前提，每个网页、每个区域对色彩的运用，必须把握色调的整体性和连贯性。就像大同大学文化网站制作中整体采用“中国红”为主色调，不论是logo、导航、图标基本采用红色，强调整体协调性。其次，根据传统色彩的特点，灵活运用，把经典的色彩感觉引入到网站中，例如在网站中引入“中国红”、“中国黄”，主要目的在于营造具有中国传统韵味的色彩情调。再次，对中国传统色彩进行适当的加工处理，例如打破常规的色彩组合方式，这样可以搭配新的视觉效果。把徽派建筑、晕染的墨滴与红旗相组合，对以墨色为主的冷色调创新搭配鲜亮的“中国红”，两种颜色形成对比，刺激观者视觉，给人印象深刻。最后，在网站制作中注重现代风格色彩与中国传统色彩的融合，使二者既相互结合又相互区别，体现现代与传统相结合的时代感。在大同大学校园文化网站中以传统色彩（中国红、中国黄）为主色调，辅助色选用现代色彩，如有青草绿、宝石蓝、浅杏黄等，使网站既具有历史感又具有时代感。

4.古典图形彰显校园意蕴

中国传统图形具有中国独特民族艺术风格，经过历代传承经久不衰，是传统文化的重要组成部分。其形式丰富多样，既包含了具有审美价值的文字、绘画，还包含了具有实用价值的印章等。中国传统图形不仅是欣赏审美的体现，更是哲理与深刻寓意的化身，这些图形的作用甚至超越了文字符号，形成了具有深层民族精神的象征意义。在大同大学校园文化网站中运用到的传统元素有荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍等。其中，荷花代表圣洁，是佛教净洁的象征，荷花出尘离染，清洁无瑕，古代名人墨客都以荷花象征自己洁身自好的高尚品质，荷花在此网站中，彰显校园文化高洁之意，突出积极参与校园文化建设者的高尚品质。梅常常常被看做传春报喜的吉祥象征，梅花也是岁寒三友之一，梅以其凌寒独开的傲雪精神和不与百花争春的高洁之美，被人们所喜爱，象征高洁、坚强，而笔墨、书籍也是中国传统元素的象征，并且体现着网站的主题———推广校园文化。竹，是君子的化身，彰显气节，乃“四君子”之一，代表着坚持、正直、清高，在此运用说明同大学子拥有竹一般的气节。奇石，也作为传统文化的象征之一，尤以玉石为代表，古代文人骚客以玉指代自己高尚的品格，而且玉不离身。徽派建筑以粉墙黛瓦为表现特征，以砖雕、木雕为装饰特色，成为体现中国文化的重要组成部分。五星红旗是中国的国旗，国旗上的五星象征中国全体人民对党的拥护爱戴，是中国在世界的标志和象征，彰显我校一直坚持和拥护我党的正确领导，此处体现着我校不断发扬爱国主义精神。大同大学校园文化网站所运用到的传统元素均与传统文化密切联系，荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍，它们不仅说明网站的性质———传承传统文化，具有深厚的历史厚重感，而且说明同大学子拥有像荷花、梅花般高尚的品格———探求真理，不畏严寒。所以在网站中运用传统图形、图案时，要选择与网站主题相贴近的传统元素，不仅如此，更要深度挖掘传统图形深层意蕴，做到形与意、神与态的高度融合，才能更好地展现出对传统文化的传承与发展。中国传统图形为现代网站设计制作提供了血液和灵魂，将其放置于现代网站设计中发挥出无限的正能量。

5.哲学思想弘扬校园精神

适应性和包容性是中国哲学思想的显著特点。中国传统元素之所以能够成为中国艺术与文化精髓的代表，是因为中国传统元素与中国文化、中国哲学思想相存相依，与华夏民族传统人格一脉相承。中国文化的精神核心是天人合一，这种强调整体和谐的哲学，与网站设计的理念也是一致的，网站设计也是要达到整体的和谐，中国哲学主张世界是多样化的统一，认为以宽广的胸怀、有容乃大的气概，兼收并蓄，使世界达到“和”的理想境界，传统汉字书法艺术与传统图形的最终理想境界都是和谐，但这种协调与均衡并不是简单的线条处理分割，更不是一板一眼的类似数字化的均衡排序，而是通过对各种艺术设计表现手段的运用，达到一种整体上的制衡，即“中”与“和”的平衡。中国传统文化是以儒家思想为核心，儒道释并存，而中国元素是对中国传统文化的认知。儒家主张积极入世，讲求中庸之道，表现在网站设计上则是整齐、浑厚、中和的风格；道家主张法贵天真，崇尚自然，渗透到网站设计制作中，体现了黑白、虚实、浓淡、刚柔等艺术特点。佛教文化主张讲求禅机、心悟，在网站设计中的留白，在空白处留下无限遐想空间，从有界到无疆。儒、道、释三家哲学文化对中国传统文化有着深远的影响，而中国传统元素是它们有机的结合，也正是这种巨大的影响使它们成为中国传统文化的结晶与精髓。

五、结论

通过制作研究中国风校园文化网站，不仅可以发展中国特色，而且可以传承校园文化。让浓厚独特的校园文化以中国特色的形式表现出来，更具中国味，更贴近学生心理。中国文化有着独特的民族特色和文化底蕴，有自己的价值观和习惯，因此在网站设计过程中不仅要体现现代化的特点，更要注重对民族性的发掘，设计出具有国际性、实用性、民族性、文化性的网站。但是，本网站的设计还是存在着一些不足之处，比如，应拓展传统元素的素材范围、应设计传统元素的动态效果之美等等。因此还需在后期的制作中不断完善和改进。鲁迅先生在《且介亭杂文集》中曾说过，“只有民族的，才是世界的”。在制作现代文化网站时，对传统元素加以适当的改造提炼，能使网站更显历史厚重感，然后再结合现代的技术手段和审美情趣去发掘传统的精华，找到与时代的契合点，古今互补才能形成中国特有的设计风格。

作者：杜佳慧 单位：湖南师范大学

参考文献：

[1]周伟。高校校园网络文化建设网络平台的研究与实现[D].曲阜：曲阜师范大学，2010.

[2]陶亮。论中国传统文化元素的特点及运用[J].文艺研究，2012(8):9-25．

[3]高桂清。浅谈中国传统元素在网页设计中的运用[M].大众文艺，2010（24）:18-33．

[4]梁景红。网站设计与网页配色实例精讲[M].北京：人民邮电出版社，2009:123-145．

[5]郑忘平。网页设计中的色彩运用及研究[D].西安：西北师范大学，2012．

[6]荆婧。试论中国元素在世界电影中的呈现[D].重庆：重庆大学，2011．

[7]刘德宇。高校校园文化发展论[M].青岛：中国海洋大学出版社，2009:134-156．

[8]许海。中国传统水墨画在网页设计中的应用[J].艺海，2008(6):08-16．