中文摘要：在二十一世纪初的今天，网络已成为最重要的信息来源渠道。而对于网络最常见的形式就是网站。而为了让广大的读者能在网络上阅读到好的文章我们建设了缘野文学网站，在建设网站的过程中我们从最初的信息收集到深入的研究用户对象，它们使用了什么浏览器，使用什么样的网络连接对因特网的熟悉程度如何等等，并详细的充分的考虑到了读者阅读文章的习惯。使用了非常人性化的操作设计。在经过了无数次的初稿设计、色调搭配比较、最终确定了页面的版面布局，风格设计，从而最终树立了网站风格，一步一步的把网站设计成一个完善、美观、操作人性化、有风格的文学网站。总结了文学网站建设的成功要素和经验，总结了建设文学网站对自己将来走向社会，对未来的学习和工作的宝贵经验。 Abstract：Today in the beginning of 21 centuries， the network has become the most important information source But is a website to the most familiar form in But large reader ability for let we collect the thorough research customer to be like from the first letter in the process of network ascend read good article we constructing wild literature website of good luck， at construct website， they used what browser， usage what kind of network connect， connect to acquaint with to Internet how degree is ， and detailed of full in consideration of the reader reads the habit of the Used the much humanized operation At design through numerous first drafts of time， the tone matches the comparison， end made sure the layout of printed sheet of the page layout， style design， thus end set up the website style， the one step becomes the website design one step a perfect， beauty， operate the humanization and have the literature website of the Tallied up the successful main factor and experiences of the literature website construction， tally up the construction literature website to head for the society to the oneself in the future， to the future study and work of precious 关键词 文章下载 跳转网站 Flash音乐 Article download Jump turn website Music Flash 引言 缘野文学网站的建设，主要是针对在繁华与喧闹的都市中人们的工作压力越来越大，生活节奏越来越快，在物质条件越来越好的今天。 现在的都市环境，人们很难有时间有地点去放松身心，好好地阅读几篇小说、散文或是世界著名的文学作品来修养身心了。建设缘野文学网站的目地，就是利用当今的网络技术在这个繁华与喧闹的都市中能为人们找到一个休息的小站。而“缘野”二字的意义就在于此。 1缘野文学网站简介 缘野文学网站是在我多年对文学的爱好和掌握现代技术的成果。缘野文学网站最大的特点是淡雅二字，整个网站以淡绿色为主，再加上灰色和橙色作为点缀，即体现了淡雅的主题又让读者眼前一亮。再加上渐渐响起的轻音乐，和人性化的操作设计会给予读者在视觉和听觉的完美享受。 缘野文学网站主要使用了网页制作软件Dream weaver、图像处理软件Photoshop和网页动画软件Flash。属于HTML语言的静态网站。 文学作品由榕树下、起点、西陆、TOM文学等文学网站提供。 网站背景音乐《海上钢琴师》、《海上钢琴师》乐队版、《再见警察》、《最终幻想》、《阿甘正传》mp3文件由爱听网音乐网站提供。 2设计理念 1安全快速访问，足够的带宽是快速访问的保证 缘野文学网站所需要的磁盘空间在不低于100M，在服务器方面应选择一个比较安全、稳定、快速的服务器，保证读者能在5秒钟内完全打开网站主页，连接其它页面时应在2秒钟打开。不能让黑客轻易的破坏、篡改网站内容和添加恶意代码。不论在读者何时何地都可以安全快速的访问网站。 2及时更新信息，及时更新才能吸引浏览者 缘野文学网站要以每周为一个周期，同时关注个大媒体对文学新闻的报到。在有必要的情况下可以每天更新或每小时更新。例如著名文学作者的新书发布，应该将最新的消息发布到网站主页上。这样才能让读者长时间的关注缘野文学网站。 3收集关键信息 要保证缘野文学网站信息的快速、准确、有价值就必需要每周在各媒体上收集关于文学方面的信息，每周上传一次要保证信息的准确。 4根据收集构思，草图网站结构 查看中外各大文学网站的设计思路，和风格博采众长，确立网站的设计思路。在建设网站之前，先以草图设计网站。在多方面的优化、添加、丰富网站内容，最终确定方案。 3深入研究访问者 1读者使用什么浏览器 在2007年读者一般都在使用IE0或IE0，不论在家用电脑还是在网吧，情况大多都是一样的。由于微软公司新发布的操作系统Vista有些读者已经在使用IE0。以后随着Vista用户的增多使用IE0也会越来越普及。还有个别的用户会使用火狐狸和腾讯的Ten cent Traveler。但缘野文学网站使用的html语言是最基本最通用的语言，在插件方面缘野文学网站也仅使用了F0所以读者只要使用IE0以上的浏览器就可以了。 2用户使用什么样的网络连接 在中国大陆地区，家用上网的电脑主要通过ADSL拨号上网，速度均在512Kb/S以上。不论是北方的中国网通通信还是南方的中国电信通信都可以满足本网站的浏览速度。 3用户要花多少时间在网站上 作为一个普通的文学爱好者，通常会在一到两小时，可以阅读四到十篇文章。本网站已经有二十余篇文章和六部世界名著，可以让广大读者长时间阅读。 4用户对因特网的熟悉程度如何 在二十一世纪初的今天，电脑和因特网是相当的普及。就以呼和浩特为例拥有电脑的家庭已有50％以上。而且购买电脑的主要原因就是上网。再加上呼和浩特各地大大小小的网吧。只要是70年代以后出生的人几乎都有上网的经历。而缘野文学网站的界面设计是非常人性化的，只要具备初级的上网能力就可以了。 5用户的文化背景如何在什么年龄段 网站主要是面对15岁到35岁文化背景大多在中学以上文化程度，爱好文学的青年人。 4网站详细设计和基本模块 1网站的详细设计 网站的详细设计包括：画面的布局，系统内部结构，实现功能。本网站使用了常用的上下结构的画面布局，实现了下载文章、可以由用户播放暂停的Flash背景音乐、滚动字幕、跳转到其他文学网站等功能。 2网站基本模块 网站基本模块有网站导航条、联系方式页面、引人入胜的内容。网站主导航条在网站左上方，设计了绿色水晶质感按钮黑色10号文字，将当前页设计为橙色按钮，加以区分。网站子导航条就在主导航条的下一行的居中位置，使用了橙色到白色的垂直渐变黑色10号文字。联系方式页面设计在网站主页的左则，导航条下方的位置，留有作者的名字、所在的院系和班级名称、学号和E-mail地址。主要内容放在了导航条的正下方。将网站推荐文章的超连接、作者名字和栏目名字放在这里，读者可以直接使用超连接找到这些推荐文章，如图2。 图2 5首页设计 首页设计以文字为主图形为主，在颜色方面以白色、灰色、绿和橙色为主，本着快速、简洁、吸引人、信息概括能力强、易于导航的原则。首页是全站内容的目录和索引。 1首页内容 网站首页内容包括站名，主菜单，电子邮件，联络信息，版权信息，和网站推荐内容，功能方面有flash音乐播放，打开网站后flash音乐会自动缓缓响起，读者可以使用网页右上角有两个控制按钮一个是“play”点击它可以播放音乐，一个是“stop”点击它可以停止播放音乐，如图1。 图1 2版面设计 勾勒理想草图，用纸笔画出网站首页草图，合并简化表格，制定合理的制作方案，再用网页制作软件实现。 3页面组织效果 运用对比与调和，对称与平衡，节奏与韵律以及留白手段，在页面中建立均衡，结合点线面的运用达到完美效果。 4人性化的页面色调文字效果 合理组合搭配，注意不同读者对颜色的喜好差异习惯。本网站使用了白灰色花纹底图，较大的黑色12号宋体文字和5倍行距，即使读者长时间的阅读文章或读者视力不佳也可以轻松阅读，如图4。 图4 5页面美术设计 设计网站过程中特别注意与其他媒体的区别，让网站保持了特有的风格又不会让读者感觉怪异和烦躁。浏览器可识别的图像格式方面网站使用了PHOTOSHOP制作的JPG和GIF两种浏览器所支持的最基本的图片格式，如图5。 图5 6页面色调效果 根据和谐、均衡和重点突出原则，网站对颜色进行的合理搭配，用最简单的色彩表达最丰富的含义。色彩的记忆效果是黑白的5倍，所以网站对颜色的搭配方案非常重视。最后，要让网站页面达到鲜明性：容易引人注目。独特性：使用户印象深刻。合适性：色彩要和内容、气氛相适应。联想性：色彩要和网页内容相关联。 6页面的版面布局 1通过文字图像的空间组合达到协调状态 网站的图像和文字的组合非常协调，文章居中位置不论内容多与少，都不会觉的网站不协调。网站不论在分辩率800×600，还是在1024×768，还是在1280×1024，或是更高的分辩率都可以正常的显示。 2经过草图制作，完成粗略布局，最后定案 首先道过草图制作，并确定网页软件制作的可行性，再经过粗略的布局，考虑在各种分辩率下，各种显示器和显示模示下都可以正常且协调的显示网页。 3版面布局形式 常见的网页布局有：“T”型布局，“口”型布局，上中下型布局，对称布局，海报型的“POP”布局。本网站使用了“T”型布局，“T”布局页面搭配合理，很适合文学网站的使用，如图3。 图3 4布局设计原则 “均称”有序，平衡和谐，利用色彩、色调强效果，注意凝视效果，注意空的和利用，对语言无法表达的是用图片解说的方法。 7页面的风格设计 1体风格是对网站整体形象的综合感受 包括CI设计、版面布局、交互性、文字、语气、内容价值、存在意义等。 本网站对整体形象是“淡雅”二字这种形象始终贯穿网站的每一个角落，这种感觉是最合适做文字网站的风格。包括CI设计方面、页面布局方面都是相同的。文字的颜色大小应用都是本着这种风格，每段文字，每个图片和位置，颜色，都经过了设计每个细节都不是随随变变放在什么地方。 2树立网站风格的步骤 首先要确定风格建立在有价值的内容之上。 要搞清楚网站将给浏览者产生的印象。努力建立和加强确定了的印象，而缘野文学网站从建立一开始就确定了网风格的主题，为了加强印象，网站的图片并不是真接的插入到网页中的，而是经过作者查找与网站风格相同的图片，再经过专业的图形图像制作软件进行从新的编辑处理、组合优化、调配颜色最终达到网站风格所要求的效果。在音乐方面，作者先是在多年来自己收集的音乐中找到一些比较符合网站的音乐，然后又在电影中音乐中收集，经过了上百首挑选后的音乐保证了网站所使用的音乐和网站的一致。 3设计装饰风格 设计装饰风格组织性风格，功能性风格，可视性风格。文学网站的装饰风格是非常重要的既要做到大方得体又要做到又个性但不张扬。本网站经过缜密的思考最终采用了横线为主要的装饰风格，横线的密度有淡绿和白、灰和白两种。背景用灰色斑点图案装饰。整体美观大方与网站整体搭配和谐。 8网站设计成功要素： 1整体布局结构清晰 整体布局结构清晰，提供有价值的信息，快速的访问速度，良好的版面设计。 本网站的布局结构清晰从主页到每一个子页都是同样的布局。针对不同的信息我们有主有次的在网站上进行了分布，将重要的信息设置在了非常明显的地方。为了让广大读者能快速的访问本网站，网站在设计之初就使用了较小的图片，大多数的背景图片都是用非常小的图片平铺后的重复较果。所以整体页面的数据量是很小的，这样就很好的保证了快速的访问速度和良好的版面设计。 2很强的文字可读性，良好的标题设计，导航明确导向清晰，加强客户关系 在文字可读性方面，我们将文字统一设置成计算机中使用最基本的字体“宋体”，这样就不会因为在读者的计算机中没有这样或哪样的字样。而导致读者不能很好的浏览本网站的内容，阅读本网站的文章了。我们只是根据布局的需要对字体进行了大小的调整和部分文字的加粗。 在标题设计方面我们使用了统一的方案在读者点击标题栏中的其它文章的标题，网站就会马上显示这篇文章的内容和相关信息，这样可以让读者快速方便的浏览网站内容。 导航方面我们将网站的文章划分为五个板块它们是：好书推荐、心情故事、品味人生、小说故事和杂文随笔。进入五大板块后就是文章的正文了，所以读者打开缘野文学网站后只需要两步就可以阅读本网站的内容了。既打开某个板块后在子标题栏中点击想阅读的文章既可。 结 论 文学网站首先要确定文学网站的文学风格，这一点是非常重要的。而所谓文学风格就是要以浅淡明亮的颜色搭配和整齐和页面布局来实现。为了读者能很好的浏览阅读网站和文章，我们设计了非常人性化的操作模式。比较适合用来长时间阅读的文字等。通过这次的文学网站的建设，我学习到了非常多的网站制作知识，还有很多周边软件知识。在我以后的工作和学习生活中会有很大的帮助。 致 谢 在制作缘野文学网站和缘野文学论文中，我感谢辅导我的指导教师，让我顺利的完成网站的制作和论文的撰写，在制作过程中辅导教师及时的给我指导制作思路，给我很大的帮助和支持。 参 考 文 献 昭君工作室 王锦Dream weaver MX2004 网页制作 入门与实例教程 第1版 北京 机械工业出版社 2004 郭春临 宋丽华 武天宇 李小楠 网页设计大师速成宝典 第一版 北京 兵器工业出版社 北京希望电子出版社 2006 李蓉 马松 中文版 F0 闪客动画经松现场实战 第一版 北京 航空工业出版社出片发行 2007 Adobe公司北京代表处 张明真 Adobe Photoshop 0C 标准培训教材 第一版 人民邮电出版社 2003
