蘑菇街购物网站前端设计

摘要：购物网站就是提供网络购物的站点，足不出户即可购买到你所喜欢的商品。另外还有许多提供其它各种各样商品出售的网站。购物网站就是为买卖双方交易提供的互联网平台，卖家可以在网站上登出其想出售商品的信息，买家可以从中选择并购买自己需要的物品。网上交易网站使交易更加迅捷，实时性强，信息充裕，发展空间巨大。蘑菇街是专注于时尚女性消费者的电子商务网站，是时尚和生活方式目的 享受购物体验。

网站开发采用了div + css，html,jquery,java script等开发技术，有网站首页、登录页等页面.界面设计以白色和粉色为主，极强的表现了网络化生活。网站版块紧贴网站主题。布局清爽大方，符合交互要求。

关键词：div+css   html  jquery  java script  

目 录

1 引言 1

1.1蘑菇街网上购物网站前端设计的开发背景 1

1.2蘑菇街网上购物网站前端设计的意义与设计目的 1

2 开发工具及环境介绍 3

2.1蘑菇街网上购物网站前端设计的开发环境 3

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

2.2.1 Sublime Text3 3

2.2.2 Adobe Photoshop CS4 4

2.2.3 Xmind 5

2.2.4 Google Chrome 5

2.2.5 Mozilla Firefox 5

2.2.6 Dreamweaver 8 6

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

2.3.1 JQuery 6

2.3.2 Html 6

2.3.3 java script 7

2.3.4 DIV+CSS 7

3.项目概述 9

3.1项目概述 9

3.2项目风险 9

3.3项目进度计划 10

4.项目需求分析 11

4.1业务工作角色分析 11

4.2现行研究存在的问题及解决办法 12

5.网站实现 13

5.1网站登录界面设计与布局 13

5.1.1登陆界面 13

5.1.2注册界面 15

5.2网站前台界面设计与布局 16

5.2.1首页 16

5.2.2内容页 17

5.2.3 双十一页面....................................................18

6.1测试 21

6.1.1测试 21

6.2测试例子及其结果 22

6.2.1页面效果测试 22

7.总结与展望 23

致谢 24

参考文献 25