衣衣不舍”网站开发
目录
一、引言 1
（一）网站开发背景 1
（二）选题内容 1
1、本网站的总体功能介绍 1
2、指导思想以及技术路线 1
3、应解决的主要问题 1
二、网站创建工具以及相关技术介绍 1
（一）网站创建工具 1
1、Dreamweaver8介绍 1
2、Photoshop CS2介绍 2
（二）技术简介 2
1、jQuery技术介绍 2
2、JavaScript技术介绍 2
3、 HTML+CSS技术介绍 2
三、 网站分析 2
（一） 简述网站模块内容 2
（二）网站创建环境 3
1、软件环境 3
2、硬件环境 3
四、网站设计 3
（一）网站总体框架结构设计 3
1、 网站地图设计 3
2、网站功能流程图设计 4
（三）网站动态效果实现 9
五、总结 34
谢辞 35
参考文献 36
一、引言
（一）网站开发背景
随着当今社会经济飞速发展，人们变得越来越忙碌，因此，没有更多的时间花在逛街购物上，更多的人倾向于网购。作为大型服装网购平台，不但需要方便后台操作人员的管理，而且还要让新的客户能够快速的注册、登录以及查找各种类型的衣服，以便增大销售成功的机率。所以一个网站页面的布局排版以及对某一项功能效果的设置，有时都可以直接影响到客户的购买欲望。因此，我们要对网站中上架的衣服数量，以及各种类型的衣服销售情况都要及时掌握住，同时既要减少过季的衣服和上架重复 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
的衣服占用免费的空间，还要尽量使网站上的衣服品类齐全。衣衣不舍网站的后台操作人员，需要对网站上的衣服进行及时的上架和下架操作。
（二）选题内容
1、本网站的总体功能介绍
衣衣不舍网站为客户不但提供注册、登录功能，而且还可以看到当季流行的衣服，以及不同行业适合什么样的衣服，同时还可以看到时尚达人的最新潮搭配以及最新动态。客户也可以将购物车里的商品数量进行修改，从而实现对商品的管理。通过本网站客户对网上购物将会有更深层次的了解。
2、指导思想以及技术路线
衣衣不舍网站是利用Dreamweaver8技术创建而成的，Dreamweaver8在网页编写代码方面具有很强的灵活性，不仅可以把世界一流水平的“代码”与“设计”之间的编辑器组合在一起，而且还可以将设计窗口中的源代码简略，能够帮助开发者按照工作的需求来设计自己的网站页面。本网站主要使用DIV+CSS来布局网站页面，采用JavaScript技术来实现网站的动态特效功能，JavaScript是NetscapeCommunications公司开发的一种十分重要的脚本编程语言。
3、应解决的主要问题
客户可以通到导航条换肤效果，将导航条设置成自己喜欢的颜色，也可以在选择衣服的时候，根据自己的尺寸和购买衣服的数量，从而知道应该付多少钱，同时还可以为该商品进行评分。
二、网站创建工具以及相关技术介绍
（一）网站创建工具
1、Dreamweaver8介绍
Dreamweaver8是一个非常专业的工具主要用在应用程序与Web站点之间的建立，它可以将应用程序开发功能、可视的布局工具以及代码编辑器组合在一起。由于功能十分强大，能够让不同层次的开发设计人员快速地创建优美的标准网站和应用程序的页面。
2、Photoshop CS2介绍
1982年Adobe公司设计出Photoshop CS2软件，Photoshop CS2对数字化图形编辑以及创作专业的工业标准起到了一次非常重要更新。Photoshop CS2是以独立的软件来发布的，因为Photoshop CS2引入了非常强大和精准的标准，因为提供了数字化的图形创作与控制体验，所以更加方便操作者的使用。
（二）技术简介
1、jQuery技术介绍
jQuery是一个非常优秀的JavaScript库，在2006年1月由John Resig创建的开源项目。jQuery的设计理念是写的代码少，实现的效果多。jQuery拥有十分独特的选择器、事件处理机制、链式操作和封闭完善的Ajax都是其他JavaScript库不可能达到的。jQuery可以让操作者使用CSS1到CSS3之间所有的选择器，或者jQuery本身独创高级而又复杂的选择器。如果加入插件，jQuery还可以支持XPath选择器，甚至操作者还可以自己编写属于自己的选择器。因为jQuery是一个非常好开源产品，所以每个人都可以自由地使用并且提出改进的建议。
2、JavaScript技术介绍
JavaScript是Netscape公司新开发的产品，JavaScript是为了扩展Netscape Navigator功能所研发的一种可以直接嵌入在Web页面上的、根据对象和事件驱动的一种解释性语言。JavaScript拥有十分丰富的内部对象可以供给操作者使用。因为它本身是解释性编程语言的一种，所以本身代码不需要编译，可以直接将文本格式的字符代码发给客户端让浏览器来解释执行。JavaScript可以通过解释执行命令，将静态页面转换成支持用户交互同时响应事件的动态页面效果，例如：图片的动态效果、文字效果、计算器效果等。
HTML+CSS技术介绍
HTML是用在创建跨平台的一种简单的超文本标记语言，HTML不但可以描述文本，而且还可以对网页中的图像、声音等各种各样的元素进行描述，同时它还可以通过标记指示出网页中图像、文档等各种各样的元素是怎样显示出来的。
CSS不但可以控制网页样式，而且还可以分离样式信息与网页内容的一种标记性语言。使用CSS样式可以将网页设计达到一个新的高潮，目前3WC推荐的版本是CSS3。
网站分析
简述网站模块内容
衣衣不舍网站有许多内容模块，但是主要有四大内容模块：客户登录注册模块、导航条模块、产品描述模块、购物车模块。
1、客户登录注册模块
主要是为了新的客户能够注册信息成功，成为网站的会员，让已有账号的客户顺利登录网站，同时对本网站的功能以及各种活动通知能够第一时间接收到。
2、导航条模块
这个模块内容是整个网站的核心部分，客户可以通过这个模块的内容找到自己想要的东西，同时可以第一时间查看新产品的动态，以及大致知道整个网站包括哪些内容。
3、产品描述模块
客户可以通过这个模块的内容，更加详细地了解产品的信息、产品的每个细节部分、找到合适自己的尺寸等，最后还可以为该产品打满意分数。
图2 网站功能流程图
（二）网站页面设计
1、首页效果图及框架结构图设计
首页主要采用“F”型框架结构，采用这个结构可以让网站具有条理性，能够将每个模块的内容分的很清楚，不会让客户觉得网站内容很乱没有分清楚商品的感觉。头部主要有登录、注册、logo、搜索框、购物车、导航条换肤效果。
一、引言 1
（一）网站开发背景 1
（二）选题内容 1
1、本网站的总体功能介绍 1
2、指导思想以及技术路线 1
3、应解决的主要问题 1
二、网站创建工具以及相关技术介绍 1
（一）网站创建工具 1
1、Dreamweaver8介绍 1
2、Photoshop CS2介绍 2
（二）技术简介 2
1、jQuery技术介绍 2
2、JavaScript技术介绍 2
3、 HTML+CSS技术介绍 2
三、 网站分析 2
（一） 简述网站模块内容 2
（二）网站创建环境 3
1、软件环境 3
2、硬件环境 3
四、网站设计 3
（一）网站总体框架结构设计 3
1、 网站地图设计 3
2、网站功能流程图设计 4
（三）网站动态效果实现 9
五、总结 34
谢辞 35
参考文献 36
一、引言
（一）网站开发背景
随着当今社会经济飞速发展，人们变得越来越忙碌，因此，没有更多的时间花在逛街购物上，更多的人倾向于网购。作为大型服装网购平台，不但需要方便后台操作人员的管理，而且还要让新的客户能够快速的注册、登录以及查找各种类型的衣服，以便增大销售成功的机率。所以一个网站页面的布局排版以及对某一项功能效果的设置，有时都可以直接影响到客户的购买欲望。因此，我们要对网站中上架的衣服数量，以及各种类型的衣服销售情况都要及时掌握住，同时既要减少过季的衣服和上架重复 *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
的衣服占用免费的空间，还要尽量使网站上的衣服品类齐全。衣衣不舍网站的后台操作人员，需要对网站上的衣服进行及时的上架和下架操作。
（二）选题内容
1、本网站的总体功能介绍
衣衣不舍网站为客户不但提供注册、登录功能，而且还可以看到当季流行的衣服，以及不同行业适合什么样的衣服，同时还可以看到时尚达人的最新潮搭配以及最新动态。客户也可以将购物车里的商品数量进行修改，从而实现对商品的管理。通过本网站客户对网上购物将会有更深层次的了解。
2、指导思想以及技术路线
衣衣不舍网站是利用Dreamweaver8技术创建而成的，Dreamweaver8在网页编写代码方面具有很强的灵活性，不仅可以把世界一流水平的“代码”与“设计”之间的编辑器组合在一起，而且还可以将设计窗口中的源代码简略，能够帮助开发者按照工作的需求来设计自己的网站页面。本网站主要使用DIV+CSS来布局网站页面，采用JavaScript技术来实现网站的动态特效功能，JavaScript是NetscapeCommunications公司开发的一种十分重要的脚本编程语言。
3、应解决的主要问题
客户可以通到导航条换肤效果，将导航条设置成自己喜欢的颜色，也可以在选择衣服的时候，根据自己的尺寸和购买衣服的数量，从而知道应该付多少钱，同时还可以为该商品进行评分。
二、网站创建工具以及相关技术介绍
（一）网站创建工具
1、Dreamweaver8介绍
Dreamweaver8是一个非常专业的工具主要用在应用程序与Web站点之间的建立，它可以将应用程序开发功能、可视的布局工具以及代码编辑器组合在一起。由于功能十分强大，能够让不同层次的开发设计人员快速地创建优美的标准网站和应用程序的页面。
2、Photoshop CS2介绍
1982年Adobe公司设计出Photoshop CS2软件，Photoshop CS2对数字化图形编辑以及创作专业的工业标准起到了一次非常重要更新。Photoshop CS2是以独立的软件来发布的，因为Photoshop CS2引入了非常强大和精准的标准，因为提供了数字化的图形创作与控制体验，所以更加方便操作者的使用。
（二）技术简介
1、jQuery技术介绍
jQuery是一个非常优秀的JavaScript库，在2006年1月由John Resig创建的开源项目。jQuery的设计理念是写的代码少，实现的效果多。jQuery拥有十分独特的选择器、事件处理机制、链式操作和封闭完善的Ajax都是其他JavaScript库不可能达到的。jQuery可以让操作者使用CSS1到CSS3之间所有的选择器，或者jQuery本身独创高级而又复杂的选择器。如果加入插件，jQuery还可以支持XPath选择器，甚至操作者还可以自己编写属于自己的选择器。因为jQuery是一个非常好开源产品，所以每个人都可以自由地使用并且提出改进的建议。
2、JavaScript技术介绍
JavaScript是Netscape公司新开发的产品，JavaScript是为了扩展Netscape Navigator功能所研发的一种可以直接嵌入在Web页面上的、根据对象和事件驱动的一种解释性语言。JavaScript拥有十分丰富的内部对象可以供给操作者使用。因为它本身是解释性编程语言的一种，所以本身代码不需要编译，可以直接将文本格式的字符代码发给客户端让浏览器来解释执行。JavaScript可以通过解释执行命令，将静态页面转换成支持用户交互同时响应事件的动态页面效果，例如：图片的动态效果、文字效果、计算器效果等。
HTML+CSS技术介绍
HTML是用在创建跨平台的一种简单的超文本标记语言，HTML不但可以描述文本，而且还可以对网页中的图像、声音等各种各样的元素进行描述，同时它还可以通过标记指示出网页中图像、文档等各种各样的元素是怎样显示出来的。
CSS不但可以控制网页样式，而且还可以分离样式信息与网页内容的一种标记性语言。使用CSS样式可以将网页设计达到一个新的高潮，目前3WC推荐的版本是CSS3。
网站分析
简述网站模块内容
衣衣不舍网站有许多内容模块，但是主要有四大内容模块：客户登录注册模块、导航条模块、产品描述模块、购物车模块。
1、客户登录注册模块
主要是为了新的客户能够注册信息成功，成为网站的会员，让已有账号的客户顺利登录网站，同时对本网站的功能以及各种活动通知能够第一时间接收到。
2、导航条模块
这个模块内容是整个网站的核心部分，客户可以通过这个模块的内容找到自己想要的东西，同时可以第一时间查看新产品的动态，以及大致知道整个网站包括哪些内容。
3、产品描述模块
客户可以通过这个模块的内容，更加详细地了解产品的信息、产品的每个细节部分、找到合适自己的尺寸等，最后还可以为该产品打满意分数。
图2 网站功能流程图
（二）网站页面设计
1、首页效果图及框架结构图设计
首页主要采用“F”型框架结构，采用这个结构可以让网站具有条理性，能够将每个模块的内容分的很清楚，不会让客户觉得网站内容很乱没有分清楚商品的感觉。头部主要有登录、注册、logo、搜索框、购物车、导航条换肤效果。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1651.html
