二次元绘画学习网

摘  要：二次元绘画学习网使更多画画新手小白得到了规划学习的机会，不仅降低了生产教材产生的污染，还为人们生活水平的提高做出了贡献。老师们会通过录制视频的方式为学生们讲解不同领域、不同角度较、不同区块的绘画技巧。较传统绘画学习方式，学生需要在画室或者学校缴费大量的学习经费，进行着进度缓慢的学习，而绘画学习网站不同，学生只需缴纳基本上一顿饭钱便可学习到多到数不胜数的资源视频，还可以反复观看，记录重点。

    网站开发采用了div+css开发技术，有网站首页、导航条、详情页等页面，极强的表现了网络化生活。网站版块多以书的形状作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。

关键词：div+css 二次元 绘画 网站 

目 录

1 引言 1

1.1 二次元绘画网站的开发背景 1

1.2 二次元绘画网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 二次元绘画网站的开发环境 2

2.2 本项目应用的主要开发工具 3

2.2.1 HBuilder 3

2.2.2 Adobe Photoshop CS4 4

2.2.3 WPS文字 4

2.2.4 java script 5

2.2.5 DIV+CSS 6

3 项目概述 7

3.1 项目概述 7

3.2 项目简图 7

3.3 项目风险 7

3.4 项目进度计划 9

3.5 现行研究存在的问题及解决办法 9

4 网站实现 11

4.1 网站前台界面设计与布局 11

4.1.1 首页 11

4.1.2 前台登录界面 15

4.1.3 导航条页 18

4.1.4 详细页 21

4.2 说明 23

4.2.1 项目文件命名规范 23

4.2.2 项目文件结构说明 23

5 测试 25

5.1 测试 25

5.2 测试例子及其结果 26

5.2.1 页面效果测试 26

6 总结与展望 27

致谢 28

参考文献 29