花花世界-鲜花网站

摘  要：随着社会发展，人们生活质量提高，消费能力增强，男女之间休闲娱乐活动增加，增进感情的方法也越来越多，可以说，鲜花也成为大部分人生活中经常消费的东西。本项目主要用到Visual Studio Code，Photoshop，CSS。整体风格以黑色基调和黑色线条为主，因为是鲜花网站，所以需要顾客把第一眼集中在我们的鲜花上，而不是在大部分特效上，底部以黑色基调为主，介绍了一些拓展业务，其中主要内容分为鲜花玫瑰、永生玫瑰、礼品礼盒、珠宝搭配，以及部分详情页，每一块都有更详细的分类，比如鲜花玫瑰，还分为综合、最新、销量。此项目意义在于让顾客更加轻松了解各种样式的包装花束，轻松下单，减轻实体店的成本，接到单子再通过单子进行包装，同时，现包现做更能保证鲜花的品质。

关键词： Visual Studio Code  Photoshop  CSS

目 录

1 引言 1

1.1 花花世界开发背景 1

1.2 花花世界的意义与设计目的 1

1.3 本人的主要工作 1

2 开发工具及环境介绍 2

2.1 花花世界开发环境 2

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

2.2.1 Visual Studio Code 2

2.2.2 Adobe Photoshop CS6 3

3 项目概述 5

3.1 项目概述 5

3.2 项目风险 5

3.3 项目进度计划 6

4 需求分析 7

4.1 主页分析 7

4.2 鲜花玫瑰界面分析 7

4.3 永生玫瑰界面分析 7

4.4 礼品礼盒界面分析 7

4.5 珠宝饰品界面分析 8

4.6 购买界面分析 8

5 界面设计 9

5.1 主页面界面 9

5.2 永生玫瑰界面 10

5.3 礼品礼盒界面 11

5.4 珠宝搭配界面 12

5.5 购买界面 13

6 界面实现 14

6.1 主页关键代码 14

6.2 鲜花玫瑰关键代码 21

6.3 永生玫瑰关键代码 23

6.4 礼品礼盒关键代码 26

6.5 珠宝搭配关键代码 28

6.6 详情介绍关键代码 31

7 总结与展望 35

致谢 36

参考文献 37