网站建设资料

中文摘要：在二十一世纪初的今天，网络已成为最重要的信息来源渠道。而对于网络最常见的形式就是网站。而为了让广大的读者能在网络上阅读到好的文章我们建设了缘野文学网站，在建设网站的过程中我们从最初的信息收集到深入的研究用户对象，它们使用了什么浏览器，使用什么样的网络连接对因特网的熟悉程度如何等等，并详细的充分的考虑到了读者阅读文章的习惯。使用了非常人性化的操作设计。在经过了无数次的初稿设计、色调搭配比较、最终确定了页面的版面布局，风格设计，从而最终树立了网站风格，一步一步的把网站设计成一个完善、美观、操作人性化、有风格的文学网站。总结了文学网站建设的成功要素和经验，总结了建设文学网站对自己将来走向社会，对未来的学习和工作的宝贵经验。Abstract：Todayinthebeginningof21centuries,thenetworkhasbecomethemostimportantinformationsourceoutlet.Butisawebsitetothemostfamiliarforminnetwork.Butlargereaderabilityforletwecollectthethoroughresearchcustomertobelikefromthefirstletterintheprocessofnetworkascendreadgoodarticleweconstructingwildliteraturewebsiteofgoodluck,atconstructwebsite,theyusedwhatbrowser,usagewhatkindofnetworkconnect,connecttoacquaintwithtoInternethowdegreeisetc.,anddetailedoffullinconsiderationofthereaderreadsthehabitofthearticle.Usedthemuchhumanizedoperationdesign.Atdesignthroughnumerousfirstdraftsoftime,thetonematchesthecomparison,endmadesurethelayoutofprintedsheetofthepagelayout,styledesign,thusendsetupthewebsitestyle,theonestepbecomesthewebsitedesignonestepaperfect,beauty,operatethehumanizationandhavetheliteraturewebsiteofthestyle.Talliedupthesuccessfulmainfactorandexperiencesoftheliteraturewebsiteconstruction,tallyuptheconstructionliteraturewebsitetoheadforthesocietytotheoneselfinthefuture,tothefuturestudyandworkofpreciousexperience.关键词文章下载跳转网站Flash音乐ArticledownloadJumpturnwebsiteMusicFlash缘野文学网站的建设，主要是针对在繁华与喧闹的都市中人们的工作压力越来越大，生活节奏越来越快，在物质条件越来越好的今天。现在的都市环境，人们很难有时间有地点去放松身心，好好地阅读几篇小说、散文或是世界著名的文学作品来修养身心了。建设缘野文学网站的目地，就是利用当今的网络技术在这个繁华与喧闹的都市中能为人们找到一个休息的小站。而，缘野，，二字的意义就在于此。1缘野文学网站简介缘野文学网站是在我多年对文学的爱好和掌握现代技术的成果。缘野文学网站最大的特点是淡雅二字，整个网站以淡绿色为主，再加上灰色和橙色作为点缀，即体现了淡雅的主题又让读者眼前一亮。再加上渐渐响起的轻音乐，和人性化的操作设计会给予读者在视觉和听觉的完美享受。缘野文学网站主要使用了网页制作软件Dreamweaver、图像处理软件Photoshop和网页动画软件Flash0属于HTML语言的静态网站。文学作品由榕树下、起点、西陆、TOM文学等文学网站提供。网站背景音乐《海上钢琴师》、《海上钢琴师》乐队版、《再见警察》、《最终幻想》、《阿甘正传》mp3文件由爱听网音乐网站提供。2设计理念2.1安全快速访问，足够的带宽是快速访问的保证缘野文学网站所需要的磁盘空间在不低于100M，在服务器方面应选择一个比较安全、稳定、快速的服务器，保证读者能在5秒钟内完全打开网站主页，连接其它页面时应在2秒钟打开。不能让黑客轻易的破坏、篡改网站内容和添加恶意代码。不论在读者何时何地都可以安全快速的访问网站。2.2及时更新信息，及时更新才能吸引浏览者缘野文学网站要以每周为一个周期，同时关注个大媒体对文学新闻的报到。在有必要的情况下可以每天更新或每小时更新。例如著名文学作者的新书发布，应该将最新的消息发布到网站主页上。这样才能让读者长时间的关注缘野文学网站。2.3收集关键信息要保证缘野文学网站信息的快速、准确、有价值就必需要每周在各媒体上收集关于文学方面的信息，每周上传一次要保证信息的准确。2.4根据收集构思，草图网站结构查看中外各大文学网站的设计思路，和风格博采众长，确立网站的设计思路。在建设网站之前，先以草图设计网站。在多方面的优化、添加、丰富网站内容，最终确定方案。3深入研究访问者在2007年读者一般都在使用IE5.0或IE6.0,不论在家用电脑还是在网吧，情况大多都是一样的。由于微软公司新发布的操作系统Vista有些读者已经在使用IE7.0。以后随着Vista用户的增多使用IE7.0也会越来越普及。还有个别的用户会使用火狐狸和腾讯的TencentTraveler。但缘野文学网站使用的html语言是最基本最通用的语言，在插件方面缘野文学网站也仅使用了Flash6.0所以读者只要使用IE5.0以上的浏览器就可以了。3.2用户使用什么样的网络连接在中国大陆地区，家用上网的电脑主要通过ADSL拨号上网，速度均在512Kb/S以上。不论是北方的中国网通通信还是南方的中国电信通信都可以满足本网站的浏览速度。3.3用户要花多少时间在网站上作为一个普通的文学爱好者，通常会在一到两小时，可以阅读四到十篇文章。本网站已经有二十余篇文章和六部世界名著，可以让广大读者长时间阅读。3.4用户对因特网的熟悉程度如何在二十一世纪初的今天，电脑和因特网是相当的普及。就以呼和浩特为例拥有电脑的家庭已有50%以上。而且购买电脑的主要原因就是上网。再加上呼和浩特各地大大小小的网吧。只要是70年代以后出生的人几乎都有上网的经历。而缘野文学网站的界面设计是非常人性化的，只要具备初级的上网能力就可以了。3.5用户的文化背景如何在什么年龄段网站主要是面对15岁到35岁文化背景大多在中学以上文化程度，爱好文学的青年人。4网站详细设计和基本模块4.1网站的详细设计网站的详细设计包括：画面的布局，系统内部结构，实现功能。本网站使用了常用的上下结构的画面布局，实现了下载文章、可以由用户播放暂停的Flash背景音乐、滚动字幕、跳转到其他文学网站等功能。4.2网站基本模块网站基本模块有网站导航条、联系方式页面、引人入胜的内容。网站主导航条在网站左上方，设计了绿色水晶质感按钮黑色10号文字，将当前页设计为橙色按钮，加以区分。网站子导航条就在主导航条的下一行的居中位置，使用了橙色到白色的垂直渐变黑色10号文字。联系方式页面设计在网站主页的左则，导航条下方的位置，留有作者的名字、所在的院系和班级名称、学号和E-mail地址。主要内容放在了导航条的正下方。将网站推荐文章的超连接、作者名字和栏目名字放在这里，读者可以直接使用超连接找到这些推荐文章，如图4.2。图4.25首页设计首页设计以文字为主图形为主，在颜色方面以白色、灰色、绿和橙色为主，本着快速、简洁、吸引人、信息概括能力强、易于导航的原则。首页是全站内容的目录和索引。5.1首页内容网站首页内容包括站名，主菜单，电子邮件，联络信息，版权信息，和网站推荐内容功能方面有flash音乐播放，打开网站后flash音乐会自动缓缓响起，读者可以使用网页右上角有两个控制按钮一个是“play”点击它可以播放音乐，一个是“stop”点击它可以停止播放音乐，如图5.1。图5.15.2版面设计勾勒理想草图，用纸笔画出网站首页草图，合并简化表格，制定合理的制作方案，再用网页制作软件实现。5.3页面组织效果运用对比与调和，对称与平衡，节奏与韵律以及留白手段，在页面中建立均衡，结合点线面的运用达到完美效果。5.4人性化的页面色调文字效果合理组合搭配，注意不同读者对颜色的喜好差异习惯。本网站使用了白灰色花纹底图，较大的黑色12号宋体文字和1.5倍行距，即使读者长时间的阅读文章或读者视力不佳也可以轻松阅读，如图5.4。5.5页面美术设计设计网站过程中特别注意与其他媒体的区别，让网站保持了特有的风格又不会让读者感觉怪异和烦躁。浏览器可识别的图像格式方面网站使用了PHOTOSHOP制作的JPG和GIF两种浏览器所支持的最基本的图片格式，如图5.5。图5.55.6页面色调效果根据和谐、均衡和重点突出原则，网站对颜色进行的合理搭配，用最简单的色彩表达最丰富的含义。色彩的记忆效果是黑白的3.5倍，所以网站对颜色的搭配方案非常重视。最后，要让网站页面达到鲜明性：容易引人注目。独特性：使用户印象深刻。合适性：色彩要和内容、气氛相适应。联想性：色彩要和网页内容相关联。6页面的版面布局6.1通过文字图像的空间组合达到协调状态网站的图像和文字的组合非常协调，文章居中位置不论内容多与少，都不会觉的网站不协调。网站不论在分辩率800x600，还是在1024x768，还是在1280x1024，或是更高的分辩率都可以正常的显示。6.2经过草图制作，完成粗略布局，最后定案首先道过草图制作，并确定网页软件制作的可行性，再经过粗略的布局，考虑在各种分辩率下，各种显示器和显示模示下都可以正常且协调的显示网页。6.3版面布局形式常见的网页布局有：“T”型布局，“口”型布局，上中下型布局，对称布局，海报型的“POP”布局。本网站使用了“T”型布局，“T”布局页面搭配合理，很适合文学网站的使用，如图6.3。图6.3“均称”有序，平衡和谐，利用色彩、色调强效果，注意凝视效果，注意空的和利用，对语言无法表达的是用图片解说的方法。7页面的风格设计7.1体风格是对网站整体形象的综合感受包括CI设计、版面布局、交互性、文字、语气、内容价值、存在意义等。本网站对整体形象是“淡雅”二字这种形象始终贯穿网站的每一个角落，这种感觉是最合适做文字网站的风格。包括CI设计方面、页面布局方面都是相同的。文字的颜色大小应用都是本着这种风格，每段文字，每个图片和位置，颜色，都经过了设计每个细节都不是随随变变放在什么地方。7.2树立网站风格的步骤首先要确定风格建立在有价值的内容之上。要搞清楚网站将给浏览者产生的印象。努力建立和加强确定了的印象，而缘野文学网站从建立一开始就确定了网风格的主题，为了加强印象，网站的图片并不是真接的插入到网页中的，而是经过作者查找与网站风格相同的图片，再经过专业的图形图像制作软件进行从新的编辑处理、组合优化、调配颜色最终达到网站风格所要求的效果。在音乐方面，作者先是在多年来自己收集的音乐中找到一些比较符合网站的音乐，然后又在电影中音乐中收集，经过了上百首挑选后的音乐保证了网站所使用的音乐和网站的一致。7.3设计装饰风格设计装饰风格组织性风格，功能性风格，可视性风格。文学网站的装饰风格是非常重要的既要做到大方得体又要做到又个性但不张扬。本网站经过缜密的思考最终采用了横线为主要的装饰风格，横线的密度有淡绿和白、灰和白两种。背景用灰色斑点图案装饰。整体美观大方与网站整体搭配和谐。8网站设计成功要素：8.1整体布局结构清晰整体布局结构清晰，提供有价值的信息，快速的访问速度，良好的版面设计。本网站的布局结构清晰从主页到每一个子页都是同样的布局。针对不同的信息我们有主有次的在网站上进行了分布，将重要的信息设置在了非常明显的地方。为了让广大读者能快速的访问本网站，网站在设计之初就使用了较小的图片，大多数的背景图片都是用非常小的图片平铺后的重复较果。所以整体页面的数据量是很小的，这样就很好的保证了快速的访问速度和良好的版面设计。8.2很强的文字可读性，良好的标题设计，导航明确导向清晰，加强客户关系在文字可读性方面，我们将文字统一设置成计算机中使用最基本的字体'宋体”，这样就不会因为在读者的计算机中没有这样或哪样的字样。而导致读者不能很好的浏览本网站的内容，阅读本网站的文章了。我们只是根据布局的需要对字体进行了大小的调整和部分文字的加粗。在标题设计方面我们使用了统一的方案在读者点击标题栏中的其它文章的标题，网站就会马上