网上商城的设计与制作

摘  要：随着社会经济的不断发展，电子商务这种新兴的商业形式开始进入中国社会。当人们不用走出家门就能得到自己想要的商品的时候，他就己经体会到电了商务的优越性了。我所做的这个小米商城采用了DIV+CSS开发技术，以及使用了一些jQuery脚本！！！网络，为我们提供了一切的可能性。网络实实在在的给我们带来了很多的方便，色彩色彩缤纷的网络世界无所不能。我所做的这个项目正是应用Hbuilder和Photoshop等应用软件来制作。并基于web来实现！

关键词：DIV+CSS 小米商城jQuery  

目 录

1 引言 1

1.1 小米商城的开发背景 1

1.2 小米商城的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 小米商城的开发环境 3

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

2.2.1 Hbuilder 3

2.2.2 Adobe Photoshop CS4 4

2.2.3 Dreamweaver 8 4

2.2.4 Microsoft Visual Studio 2010 5

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

2.3.1 jQuery 5

2.3.2 DIV+CSS 6

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

4 项目需求分析 8

4.1 业务分析 8

4.2 概要设计 8

4.2.1 网站概要设计说明 8

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

5 网站实现 10

5.1 网站后台界面设计与布局 10

5.1.1 首页界面 10

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

5.2.1 首页 12

5.2.2 登录界面 15

5.2.3 内容页 19

5.3 说明 21

5.3.1 项目文件命名规范 21

5.3.2 项目文件结构说明 21

6 Js脚本 24

6.1 Js选项卡脚本 24

6.2 Js轮播脚本 25

7 总结与展望 28

致谢 29

参考文献 30