基于bs的动漫交流网站的设计和实现【字数:14677】
目 录
1.绪论 1
1.1课题研究的背景 1
1.2课题研究的目的及意义 1
1.3国内外研究现状 2
2.软件介绍及相关技术 2
2.1图片处理软件 2
2.2网页编辑器 3
2.3 相关语言简介 4
3.网站的系统分析 6
3.1 网站的功能需求及实现方法 6
3.1.1用户登陆和注销 6
3.1.2网站内容的管理 6
3.2网站所使用的ER模型 6
4.网站的设计理念 10
4.1网页设计的原则 10
4.1.1画面统一,重视可用性。 10
4.1.2通过布局呈现优先级,合理构成画面一目了然 11
4.2画面(layout) 11
4.2.1对齐(align)和留白 11
4.2.2间距(margin)、边距(padding)和组(group) 12
4.2.3标签 12
4.2.4配色及其意味 13
5.网站的设计和实现 14
5.1首页的设计和实现 14
5.1.1导航栏 14
5.1.2 banner和logo区域 14
5.1.3新闻轮播以及置顶推荐番 *景先生毕设|www.jxszl.com +Q: ^351916072^
剧。 15
5.1.4新番速递和完结番剧 16
5.1.5中间广告、脚部和返回顶部部件 18
5.2播放页面的设计和实现 19
5.2.1动漫介绍栏 19
5.2.2播放栏 20
5.2.3评论区 21
5.3新番页面的设计和实现 21
5.3.1内部导航栏 21
5.3.2新番速递栏目 21
5.3.3评分排行栏目 22
5.4推荐页面的设计和实现 23
5.5画廊页面的设计和实现 23
5.6动态页面的设计和实现 24
5.7资讯页面的设计和实现 25
5.7.1资讯首页 26
5.7.2资讯详情 26
5.8搜索页面的设计和实现 27
5.9个人页面的设计和实现 28
总结 30
参考文献 31
致谢 32
1.绪论
1.1课题研究的背景
互联网具有大的信息容量、便利性、即时性、形式多样,以及全球性等的特征。发展至今天已经发展成为信息发布的主要载体。世界上大部分企业和机构都建立了自己的网站。巨大的信息资源、互动图形和文字、互联网的快速高效特点给传统设计媒体带来了巨大的影响。传统设计和网络经济相结合,产生了一个全新的设计领域,即网站设计。今天,随着经济的快速发展,网页是人们公开、传递信息的最重要的渠道。网页设计要素也是在变化。网页设计经历了从基于文本的页面到图形页面的快速变化,而流媒体技术的应用也丰富了设计要素和网页设计手段。
动画产业是中国的发展中的产业。网站设计技术的开发,促进这个行业的普及,不断出现的各种动漫网站,给动漫迷带来了很多便利。据相关统计,大部分的中国网民都不到40岁。在这些年龄层的年轻网民最有趣的东西中,动画资源也是名列前茅的。看到动漫网站的发展潜力还是十分巨大的这一点门户、综合类、游戏、娱乐等各类网站都建设了动漫相关板块,主要发展动漫作品、动漫资讯和其他动漫资源。这些网站,起步早,技术强大,综合实力强,远远优于动漫网站,最重要的是,他们有更好的赢利模式,能够有资金和人力来发展动漫板块。良好的技术支持,强大的内容管理系统,丰富的人力资源,除此之外,网站已有大量的人气和现成易用的宣传推广平台,很快就可以从专业动漫网站中抢走人气和流量。但是,最新的动画资源大部分不会集中发布在一个的网站上。对于某些动漫迷的寻找自己喜欢的资源往往要来回于多个网站之间,这样时常造成用户困扰。
1.2课题研究的目的及意义
每个人都比较喜欢自己的动画种类,喜欢动漫的人相对比较宅,毕竟,他们大多时间都花在追着动漫的方面,减少自己其余课外活动的时间。宅的人更加大多数都比较内向,而内向的人一般不会有什么太大的主见,也许是因为他们缺乏沟通的缘故,很多正确的观点但却不善于表达,往往只能背后自我吐槽。宅的人比较喜欢自我幻想(也就是大家说的中二),因为看的动画多了,就会被动画中的各种美好事物吸引。但是这些人对于自己喜欢的动漫作品或者角色能说出自己为什么喜欢的很多理由,而且喜欢同一部动漫或者同一个人物的几个人彼此之间会产生认同感,并且能聊的很开。
基于从动画网站获取动画信息的便利性,对国内外的动画网站的发展状况进行分析后,通过现在的网站设计技术,以实现动画信息的集中管理、交流的方法为中心进行研究。根据网站的功能要求,完成用户容易理解的与网站的交互,给那些内向不善交流的人们一个说出自己心里想法,并且寻找同好者一个比较好的平台,让用户能够轻松找到需要的信息和发布资源,这样动漫爱好者就能获得良好的体验。
从另一个方面来说我所学的专业数字媒体技术,专业的选修课有技术和艺术设计两个分支。完成一个动漫交流网站是对两者有机的统一,能把大学所学学以致用,同时也是个人兴趣所趋。我也是个动漫爱好者,完成这次毕业设计的过程我也是乐在其中。
原文链接:http://www.jxszl.com/ysl/szmt/559468.html