《COC.MATE官网》项目使用说明书.docxVIP

COC.MATE官网使用说明书 COC.MATE官网概述 网页背景 随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括百度、腾讯、淘宝、新浪、搜狐、网易等在内的各种规模的IT企业都对自己的网站进行了重构。 前端开发的入门门槛其实相对较低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的切入点。 也正因为如此，前端开发领域有很多自学的同行，但是后面的学习曲线越来越陡峭，每前进一步都很难。另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如HTML5、CSS3、JavaScript、负边距布局、栅格布局等；各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。 网页介绍 COC.MATE服装网站是一个综合性的 B2C 平台，类似京东商城、天猫商城。为了弄清楚系统开发的项目是不是可以实现和值得进行研究的过程实际上是一次大大简化了系统分析和系统设计的过程所以进行可执行性分析是非常必要的也是很重要的经过最初的设计目标和进行的市场调查得出以下三点的可行性分析: 1.技术可行性：目前，实体店铺购物某些工作存在盲目性、随意性、和无效消耗，不能保证工作质量，影响商品的销售，从销售者角度考虑可能带来实际的和潜在的经济损失。此网站有助于卖家管理商品，买家也可以分类选择浏览商品，使买家更快的找到自己所需商品。 运行可行性：在实体店铺的业务方面，由于日常信息处理量大，耗费时间长，出错效率高，在本网站运行后，可以实现业务中的信息集中处理、分析利用信息和信息的交流辅助市场的业务监管和重大决定。并且可以实现实体店铺进一步向网络服务发展，为信息工作打下良好基础。 法律可行性：该平台是是自主开发设计，因此不会构成侵权，在法律上是可行的。 主要功能 本系统页面的功能主要包括：注册登录页面，后台管理页面，商品分类查询，商品描述，品牌介绍，搜索，浏览等功能。 网站主页面包括首页，品牌故事，季节限定，品牌单品，品牌系列，品牌配饰6个类别。 板块功能介绍 COC.MATE官网首页 该页面是网页的首页面，起到了导航的作用。导航栏部分分为六部分，分别为首页，品牌故事，季节限定，单品，系列配饰。点击首页让用户随时回到首页。点击品牌故事进入介绍品牌的页面。 图2.1-1 同时采用了轮播图的方式向用户动态的展示服装各个方面；从服装欣赏页面进入更多的服装简介和购买。 图2.1-2 品牌故事 根据市场用户的需求，使用了简洁美观的布局方式，将我们品牌COC.MATE的故事生动形象的传达给顾客，通过新颖的图片布局和视频将COC.MATE这个品牌故事讲与顾客。 图2.2-1 我将COC.MATE品牌的设计理念和生产工艺用文字和图片的最直观的方式呈现出来，将服装背后的故事叙述给顾客让顾客更加信任我们的服装品牌。 图2.2-2 季节限定 在该网页中，包含了四个网板块，分别是春季新品，夏季新品，秋季新品，冬季新品。 图2.3-1 在各个季节新品中的附有新品链接，链接中包含了关于各个新品的尺码表、新品细节等详情信息。 图2.3-2 图2.3-3 品牌单品 COC.MATE网站的单品合集有独特的婚纱系列，精致内搭系列，百搭墨镜系列，珍藏系列香水，几个部分。 图2.4-1 在百搭墨镜页面中，从飞行员式、猫眼式到经典方形、柔和圆形或超大廓形，无论何种框架均可见证精湛工艺和标志性细节。可以点击查看更多的商品，在鼠标悬浮在图片上出现每个墨镜的简介，让用户直观查看商品的属性。 图2.4-2 新推出了一字肩拖尾婚纱，裙摆上的银色水晶钉珠组成了优雅的圆弧曲线，让修长鱼尾更添婀娜。可以点击查看更多的商品，在鼠标悬浮在图片上出现每个婚纱的简介，让用户直观查看商品的属性。 图2.4-3 品牌系列 COC.MATE根据大众的用户反馈设计了以下四个系列：奢华浪漫系列、现代实用主义系列、经典摩登系列、前卫创意系列。在该板块中可以查看每个系列的服装，以及服装详细工艺的细节为你提供最详细的服装信息。挑选自己最适合自己喜欢的服装。 图2.5-1 图2.5-2 在每个页面中都可以进行申请产品养护服务，养护中分为裙子、鞋履等根据自己的所需选择。 图2.5-3 图2.5-3 品牌配饰 COC.MATE品牌配饰包括鞋子，包包，首饰三个板块。在每一个的模块下又分为多种不同类型的商品，以便供用户进