“剑网3”网站设计与实现

摘  要：当今时代互联网飞速发展，网络已逐渐深入人心，更是成为继报刊、电视、广播等传统媒体之后而迅速兴起的一新的媒体介质，网络宣传已成为众多宣传手段的重中之重，各种各样的网站也就应运而生，影视行业也是受互联网影响较大的行业之一。网站的规划与建设，已悄然被许多人摆到了首要的位置上。

网站开发采用了div+css开发技术近些年，有网站首页、登陆页面、宣传页面、游戏特色页面、同人页面，这个网站可以让玩家了解游戏里面的门派分类、功法种类以及真实唯美画面，用户可在首页进行游戏注册，预览图片等功能。

关键词：div+css 游戏网站 玩家

目 录

1 引言1

1.1 “剑网3”网站设计与实现的开发背景1

1.2 “剑网3”网站设计与实现的意义与设计目的1

2 开发工具及环境介绍2

2.1 “剑网3”网站设计与实现的开发环境2

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

2.2.1 Adobe Dreamweaver2

2.2.2 Adobe Photoshop CS63

2.2.3 Visual Studio Code4

2.2.4 Sublime Text 34

2.2.5 Goole5

2.3 本项目应用的主要开发技术6

2.3.1 java script脚本语言6

2.3.2 DIV+CSS7

3 项目概述8

3.1 项目概述8

3.2 项目风险8

（1）项目进度8

（2）项目需求不明确8

（3）技术水平不够9

3.3 项目进度计划9

4 项目需求分析9

4.1 需求分析9

4.2 概要设计10

4.2.1 网站设计原理10

4.2.2 网站的主体设计10

4.3 现行研究存在的问题及解决办法10

4.4 现行研究存在的问题及解决方法10

4.5 现行研究存在的问题及解决方法11

5 网站实现12

5.1 首页12

（1） “剑网3”网站首页设想12

（2） 首页界面如图5.1，5.2所示12

（3） 首页部分DIV+CSS布局样式13

5.2 宣传页面15

（1） “剑网3”网站宣传页面设想15

（2） 首页如图5.3所示15

（3） 宣传页面DIV+CSS16

5.3 游戏特色页面19

（1） “剑网3”网站游戏特色页面设想19

（2） 游戏特色页面设计如图5.4所示：19

5.4 门派页面20

（1） “剑网3”门派页面设想20

（2） 门派页面设计如图5.5所示：20

5.5 同人页面20

（1） “剑网3”网站同人页面设想20

（2） 同人页面设计如图5.6所示:21

6 测试22

6.1 测试22

（1） 网站页面：22

（2） 功能测试22

（3） 客户端兼容性22

6.2 测试例子及其结果23

7 总结与展望24

致谢25

参考文献26