毕业规划设计之时尚服装公司网站规划设计与实现.doc

河北旅游职业学院 毕 业 设 计 题 目 时尚服装公司网站设计与实现 专 业 电子商务 班 级 电商081班 学生姓名 李立阳 学 号 08040201309 指导老师 胡莹瑾 二O一O年十二月十日 摘要 ：随着时代的发展，Internet以惊人的速度对经济活动和社会产生日益广泛的影响，它加速了企业的生存坏境，为了在市场竞争中生存和发展，企业必须实现信息化。建设企业网站就成为了重中之重，网站是企业信息化的重要组成部分，企业建立网站在于树立企业形象，为客户以及消费者提供完美的服务。本网站就是针对广大客户的需求而开发的一款服装企业网站，在现在这个爱美的潮流年代中，一件服装可以提高一个人的品味，时尚服装网站就是针对可以提高一个人品味而开发的,在网站中不仅有衣服供客户选择，而且可以提供给客户服装的搭配技巧。本网站还可以提供在线服务，可以减少客户不必要的时间流逝，网站从开发研制到顺利完成，应用了大量的软件技术，从数据库的分析了解到软件的应用来一步一步介绍网站的研制开发过程。 关键词： 织梦系统 时尚服装 Dreamweaver8 Photoshop Abstract ： With the development of The Times, the Internet with amazing speed of economic activity and social clubs generate increasingly broad effect, it accelerates the enterprise survival bad border in the market competition, to the survival and development, the enterprise must realize informationization. Construction enterprise website became deeply, the website is an important part of enterprise informatization, enterprise established the website is setting up the enterprise image, for the customer and consumer provide perfect service. This website is according to the needs of our customers and the development of a paragraph of clothing enterprise website, now this is rangaimei tide years, a dress can improve ones taste, fashionable clothing website is aimed at can improve a personal taste and development, on the site have not only the clothes for the customer to choose, and can offer clients dress collocation skill. This web site can provide online service, can reduce customer unnecessary time elapses, websites from developed to successfully completed, applied amount of software technology, from database analysis to understand the software application to step by step of web research and development process.Key words: DEDECMS Fashionable dress Dreamweaver8 Photoshop 一 课题的来源及意义（一）来源：近些年来随着网络技术的飞速发展，网上购买服装已成为时尚人们的潮流，网上购买不仅方便而且价格便宜品种齐全，时尚服装网站为满足大家的需要组建开发了自己的网站，利用电子商务信息来推广自己的本企业的产品同时满足广大消费者的需求。企业拥有自己的网站将是肯定趋势，本次设计开发的网站就是根据织梦系统和Dreamweaver8的软件对网站进行的二次开发利用。网站的建设是涵盖企业定位考虑，从营销角度立意而进行一个建设服装网站的全过程，包括了网站的定位、美化设计、网站的风格设计、网站的页面设计等一系列网站的建设，网站是企业的形象、发布产品信息、联系网上客户的一个新型平台、新天地进而可以通过电子商务开拓新的市场，已极少的收入获得极大地收益和利润。企业网站毕竟不同于专业的ICP或门户网站，每个企业都有自己特定的产品和服务，所以网站的内容应当围绕企业的核心业务设置。（二）意义：（1）服装能提想出一个人的品味，在着装上可以看出一个人的修养。时尚服装就是能让你的品位提高到一个新的档次，时尚网站可以满足人们足不出户就可以购买到满意的服装，为消费者以及同行之间构造一个购买以及比较的平台，为消费者提供满意的商品以及可靠地信息。（2）时尚网站可以利用网站来打造时尚的品牌，宣传时尚的购物理念以及企业的文化，时尚网站还可以对客户的在线咨询和意见反馈进行马上处理指导消费者满意为止。（3）时尚网站的建设可以减少企业一定的广告支出费用，企业可以利用这一部分资金投入到新产品的开发设计上。二 时尚服装有限责任公司网站建设的环境配置公司网站的建设是根据织梦系统对网站进行的二次开发，首先需要对织梦系统进行下载安装，通过在浏览器中输入安装向导的网址开始进行DEDECMS的安装，在安装完成之后在其域名输入栏输入我们网站的域名（）就可以看到我们的站点。我们下载下来的织梦通常是一个压缩包，先将其解压，然后将upload文件夹中的文件上传到网站的根目录中，在公司网站中由公司的简介、公司的主要产品的浏览等，这些都会在网站中体现出来，本网站通过织梦系统的二次开发已经基于成熟，但是，首先需要确保服务器环境支持，并且需要安装y数据库服务器，通常满足了这两项条件是不够的，还需要Web服务器正确的配置，以及IIS服务器对网站进行测试发布。 三 采用的关键技术和方法本网站是采用的关键技术有DEDECMS系统、HTML静态网页技术、PHP动态网页技术、FlashFXP传输工具、SWFTxet图像处理技术和Photoshop图像处理技术以及Flash动画设计技术等，本网站是采用织梦系统主对网站进行的二次开发设计。(一) 织梦系统是一款具有强大的后台和前台管理及设计功能，它不仅可以对网站的模板进行更换设计还可以对模块进行重新的排版设计，另外，织梦CMS系统带有横渡偶的内容模型，包括文章、图片、分类信息、商城等等，能够满足一般网站的需求，同时能够支持自定义模型，并且模板非常人性化。(二) SWFTxet图像处理技术，是一款实用型小型软件，能生成各种特效的Flash文件，而且经过汉化与破解，本网站的Banner就是利用这块软件制作的。(三) HTML静态网页技术是一款超文本标记语言，是用于网页制作的简单、通用的标记语言，它作为网页编辑语言，具有格式化文本、建立超链接、创建列表、插入图像、加入多媒体、加入动画、交互式列表、计数器等作用，给Web带来无限的艺术和生活。(四) PHP动态网页技术是超文本预处理器是一种服务期端的脚本语言，脚本在服务器上执行，支持很多数据库（MySQL、Solid、Oracle等等），并且是一个开源的软件。(五) FlashFXP传输工具是一个功能强大的FXP/FTP软件，融合了一些其他优秀FTP软件的优点，它支持文件夹文件的传送、删除；支持上传、下载及第三方文件续传；可以跳过指定的文件类型，只传送需要的文件；可以自定义不同文件类型的显示颜色；可以缓存远端文件夹列表，支持FTP代理及Socks 3&4；具有避免空闲功能，防止被站点踢出；可以显示或隐藏“隐藏”属性的文件、文件夹；支持每个站点使用被动模式。(六) Photoshop图像处理技术是一款处理图像的软件，它在图像处理方面有超强功能，在照片处理、文字处理、图层功能、操作环境等方面进行了创新，可以帮助用户提高工作效率、尝试新的创作方式，以及设计除适用于打印的、Web和其他用途的高品质图像。(七) Flash动画设计技术它是一种交互式动画设计工具，用它可以将音乐、声效，动画以及富有新意的页面融合在一起，以制作高品质的网站动态效果四 网站建设的总体规化时尚服装首页1. 网站规划示意图客 户 反 馈 联 系 我 们 诚 聘 英 才公 司 荣 誉业 界 资 讯产品展示 公 司 动 态 企 业 文 化公 司 简 介主 页 图1.网站总体规划示意图（二）对示意图的介绍（1）.主页：这个页面是第一眼展示在客户面前的页面。（2）. 公司简介：在公司简介页面中，我们对公司的情况作了具体的介绍如果想更加详细的了解我们公司可以去看看介绍。（3）. 企业文化：在这个页面中有企业的规模，企业的整体概要。（4）. 公司动态：这个栏目中是公司最近一段时间服装节的新闻、新产品的展示以及企业的所参加的活动。（5）. 产品展示：服装展示这个页面中我们把公司的各种型号的产品发布到我们的网站上以方便消费者在欣赏时尚服装的同时可以在线购买而不用走出家门，既方便又实惠。（6）. 业界资讯：这个页面中主要是服装的各种新闻。（7）. 公司荣誉：这是公司近几年所获得的荣誉。（8）. 诚聘英才：在这个栏目里我们介绍了我们需要的人才以及招聘方式。（9）. 联系我们：在这个页面下面我们设计了公司主要人员的联系方式，有我们公司的电话以及QQ号码，方便顾客以及公司盟友联系我们。（10）.客户反馈：在这个页面中我们设置了消费者反馈回来信息的处理公布栏，让消费者可以更加信任我们企业。 五 网站的设计与实现(一) 网站的页面设计图2 时尚服饰主页图3 产品展示 图4 时尚服饰的购物页面（二）网站页面的实现： 我介绍的是图3产品展示页面，在图3产品展示有公司的Banner、以及公司最新产品的展示，以及与其相连接的购物页面。在这个页面中Banner的设计是在阿里妈妈在线设计的，阿里妈妈软件是一款功能强大的Logo、Banner设计软件，它用起来非常的简单，即使你以前不会，立马一看就可以得心应手的使用，下面介绍一下Banner的制作过程：首先是登陆阿里妈妈网站，登录到阿里妈妈的首页选择免费选择模板，在免费选择模板页面中选择一个广告牌类型，我选择的就是这款与服装有关的模板在线进行了简单的设计后传下来存到桌面上。然后打开SWFText图像处理软件，这款软件在前面已经有所介绍，在此简单再简单说一下，它是一款实用型小型软件，能生成各种特效的Flash文件，在这款软件中在它的图像中添加保存在桌面上的那张设计好的图片，然后设计它的文本是以“时尚服饰”命名的大标题，字体设置为蓝色字体，设计它的文本效果为3D环绕后，这张图片就可以发布了，对其文本进行输出，保存为gif格式的，然后利用FXP传输工具上传到主页页面中，在后台中对页面进行一键更新设计，这样在产品展示栏目中Banner也可以显示出来，它的设置就完成了 。下面是对产品以及产品的介绍进行上传，产品和产品介绍的上传是在织梦的后台选择核心模块中的网站栏目管理，在这个栏目中选择产品展示页面对其进行添加文档，把公司的产品截图以及产品介绍的文档复制上去后，对这个页面一键更新，产品展示页面中既可以显示出公司的产品了，其他产品的上传方式一样。这样这个完整的页面就设置完成了，可以利用IIS服务器对其进行测试发布了。其他页面的设计与其相似，在此只以这个产品展示页面为例介绍它的这设计完成过程。六 网站的测试与发布在这个对网站的测试环节中自上而下分为功能测试、性能测试、验收测试和安全测试，下面是测试的主要步骤： 功能测试 系统的功能测试根据概要设计文档具体编写，我们主要考虑了页面链接测试、数据库测试及系统统计数据正确性测试。 为了保证网站能够顺利运行，我们组利用LoadRunner的自动连接测试工具进行自动连接测试，它能自动检查分析站点的所有页面的连接，并生产详细的清单，报告连接页面是否存在、哪些页面未作连接都会在清单中列示出来，方便我们改进。测试之前，依据系统需求分析文档，对文档中每一个详细的功能点设计出来测试用例，重点关注关键页面的测试用例，测试针对提交操作的完整性和操作结果合理性来进行，以校验给服务器信息的正确性，同时检查数据存取时的数据的一致性。 测试完毕后，测试人员采用LoadRunner收集汇总所有的测试数据，LoadRunner本身提供高级的分析和报告工具，一边迅速查到找到性能问题并追溯原由。使用LoadRunner的Web交易细节检测器，了解到将所有的图像、框架和文本下载到每一网页上所需要的时间。另外，还采用Web交易细节检测器分解用于客户端、网络和服务器上端的反应时间，便于确认问题，定位查找真正出错的组件。 在对网站的功能、性能以及安全性测试完毕后，就可以对网站进行发布测试了，在此我们使用IIS服务器对网站（）进行发布测试，经过测试发布无误，网站就可以使用了，企业可以对消费者以及所有客户开放了。 七 总结这次网站从网站的来源和意义、网站建设的环境配置、网站采用的的技术和方法、网站的整体规划、网站的设计与实现到网站的测试与发布，都是我们几个合作完成的。从后台的代码编辑到前台的页面排版， 我们用到的软件主要有Photoshop、Dreamwerner、MySQL ，并且首次使用了织梦系统对网站进行而次开发，还有PHP语言程序，开发了这个简单的公司推广网站的整个过程，从需求分析到设计、测试，我们都努力实现规范化和文档化，努力让自己以前学过的知识运用网站的开发中，尽量保证整个系统的开发进度和质量，顺利完成这次设计，为自己大学生涯画上一个完美的句号。这是我们初次尝试做网站，在网站的建设中还有很多不足之处：有网站的页面颜色搭配不够合理、页面的排版还不够理想：1. 网站在设计上的颜色搭配不够合理，这是因为背景图片的添加导致主页与其他页面的颜色比不相同，并且主页的图片需要缓冲一段时间才会显示出来，这是网站的不足之处。2. 网站页面的排版不够理想在添加文字过程中不知为什么在页面中总有那么一小块白色的板块，删除之后更新一下又