摘要：本次毕业设计是动漫交流的前端开发，主要是网页草图设计、HTML5与CSS3实现网页和用JavaScript,Jqurey等完成交互操作、使用php+mysql完成后台数据存取操作等。

先通过photosho软件完成对素材的编辑，把对象修改出符合网页整体风格的样式，包括图片的规格，图标的种类等。然后设计出统一的导航栏，头部以及脚部，并对每一个专栏进行相对统一的排版，并用Sublime Text 2和JetBrains WebStorm 完成代码的实现。设计好网站的E-R模型的同时考虑实现后台实现的便捷性和可行性。通过php+mysql的方式完成数据存取，使网站从静态网站变为动态网站。最后对网站的UI进行优化和美化，增加导航小部件以及分页等功能。文章的末尾对这次设计进行总结，回顾设计和实现中遇见和问题和解决方式。

关键词：网页设计  动漫  交流网站

目录

摘要

Abstract

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网站所使用的E-R模型-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新闻轮播以及置顶推荐番剧。-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