基于H5 C3的游戏销售网站的设计与实现

摘  要：销售网站以其特有的信息量大，更新快，便捷来更好进行销售宣传。同时也会对自己销售产品带来帮助，给客户带来更良好的体验。

网站开发采用了H5C3开发技术，有网站首页、产品页面、特惠活动、关于我们、新闻资讯等页面，界面设计以黑白橙色为主，简约而不失格调。网站版块多以组合形状作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。

关键词：H5C3 产品网站 JS

目录

1 引言 1

1.1 游戏销售网站搭建背景 1

1.2 游戏销售网站搭建的意义与设计目的 1

2 游戏销售网站搭建的开发环境 2

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

2.1.1 Adobe Photoshop CS6 2

2.1.2 Adobe Dreamweaver CC 2018 3

2.2 本项目应用的主要开发技术 3

2.2.1 Html5 3

2.2.2 CSS3 4

2.2.3 Jquery 4

3 项目概述 6

3.1 项目概述 6

公司首页： 6

活动与优惠页面： 6

资讯页面: 6

社区页面： 6

3.2 项目风险 6

3.2.1 项目进度 6

3.2.2 项目难以设计 7

3.2.3 技术水平不够 7

3.2.4 项目进度计划 7

4 项目需求分析 8

4.1 概要设计 8

4.1.1 网站结构图 8

4.1.2 网站概要设计说明 8

4.1.3 现行研究存在的问题及解决办法 8

5 网站实现 10

5.1 网站界面设计与布局 10

5.1.1 网站首页 10

5.1.2 优惠商品页面 11

5.1.3 资讯页面 13

5.1.4 社区页面 14

5.1.5 关于我们页面 16

6 测试 18

6.1 测试 18

6.1.1 用户界面： 18

6.2 测试例子及其结果 19

6.2.1 页面效果测试 19

7 总结与展望 20

致谢 21

参考文献 22