《陌颜银导购网站的设计与实现毕业设计论文.doc》由会员分享，可在线阅读，更多相关《陌颜银导购网站的设计与实现毕业设计论文.doc（28页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、毕 业 设 计毕业设计题 陌颜银导购网站的设计与实现 毕业设计类型产品设计 工艺设计 方案设计 姓名 班级 所属系部 物流信息系 专业 电子商务 指导教师 职称 完成时间 年 月 摘要21世纪属于信息时代，因此在信息技术飞速发展的今天，宅女宅男们都喜欢上了网购。这一切必须通过浏览网页来实现，而吸引网民们则是一个网页的效果，而这种效果包扣：视觉感受，排版及信息等各方面的因素。所以网页设计对于吸引浏览用户来说尤为重要的。而这将涉及了网页制作，它讲究的是排版布局，这能使用户感觉舒适、便捷。这就涉及到了网页制作要素和技巧。例如：框架的设计、图文的混排等。陌颜银导购网站的导航栏包括：首页、T恤、休闲鞋、
2、POLO衫、衬衫、休闲裤、帆布鞋、运动装、牛仔、短裤、裙子。底部导航：关于我们、新手指南、支付方式、售后服务、帮助，对网站的设计运用的工具软件等进行了介绍。关键词：商品信息发布、flash、Dreamweave、 Photoshop、 网站设计与实现。目录第1章设计背景11.1 网站设计目的21.2网站建设需求分析31.3网站整体结构3第2章前期准备42.1 素材收集整理72.2 LOGO设计72.3 Banner设计82.4 首页效果图9第3章网页设计制作103.1 首页设计制作103.2其他页面设计制作11第4章网页设计制作164.1网站调试及处理164. 2网站运行18第5章.导购网站推
3、广175.1搜搜引擎推广185.2电子邮件推广195.3IM及时通讯工具推广195.4SNS社区营销推广195.5其他营销方式推广20总结22致谢23参考文献24第1章 设计背景1.1 网站设计目的陌颜银导购网主要是通过提取淘宝和天猫等商城的优质商品给用户提供推荐，减少用户为挑选优质的商品所浪费的时间。陌颜银导购网本身不实现交易而是通过导购引导买家到真正的购物网站去轻松、安全的购物。主要寻找一些信誉高，销售量大的商品进行导购。网上购物的飞速发展，带动了物流，网银等行业的发展，导购网则是B/C和C/C的延伸。是当前在线商品的大增，是用户购买复杂商品的较好解决方法，是市场发展的趋势。本网站的设计希
4、望能给每位顾客一种指引性的需求，本网站力求做到内容真实，内容丰富精细，及时更新，紧贴潮流，为用户提供一个潮流搭配的时尚主角，为更多生产厂家提供一个展示的平台，增大厂家的销渠道。通过导购网中产品的展示，能增加网站的知名度。宣传一种健康、整洁、环保的理念、热爱生活、热爱自已。1.2网站建设需求分析全球现在约有15亿的用户接入了因特网，今后会更为壮大。通过建设一个网站，可以更好的展示宝贝。在当前，门户博客、微博、淘宝等平台虽然可以很好的展示。但是，网站仍然是最重要的展示方案。因此，建设一个与自身形象相称或者更新颖的网站，是当前时代必不可少的选择！对于导购网来说，本身具有媒体传播价值，这就增加了另一笔
5、营业收入；再次网上购物无店面成本，并且可以根据客户需求进行针对性的跟踪推广，市场广告成本比较低，整体的运营成本低。 为了让网站更好的发展下去，我们需要满足的是客户，如何提供更好的导购服务。导购网如何才能满足新手买家各种购物的需求呢？我们应该带着这样的问题走进客户的心里。我们可能碰到一个要买特步鞋子的，可能在实体店铺看好价格款式的，这代表他们是有明确购物目标的初级买家，而淘宝的首页可以放一个大大的搜索框来满足他们。我们也可能碰到季节的更换，衣服的更替，想买几件衣服的顾客，淘宝的首页上大块的类目导航为他们而生，当然搜索也是可以满足的，用户需求和产品功能并不是一一对应的。而有可能是某某心情不好，只是
6、想介于买衣服发泄等等，这类的客户不知道需要什么，我们就可以放一些营销活动，告诉她，某某衣服等在打折，鞋子上新了，最新款是什么，大家都在买什么等。这样客户就可以根据宝贝的链接点进去购买。各个模块单独设计，用助于降低整个设计难度及减少错误程序的影响范围，各模块易于实现，又使整个程序易于衔接和修改。每个模块出现的错误可准备定位到一段代码中，并且不会对其他功能造成影响。日后需要改进某项功能时，只需要找到相应的代码进行修改即可。而且本网站需要的是硬件及软件环境较为宽松（服务器+服务器操作系统），只需要拥有一台能连接网络的计算机即可，无需增加额外成本，宣传的媒体增多，费用较之传统商店宣传要低，所以导购网通
7、常能提供更为优惠的价格，从而使消费者也获得相应的利益。1.3 网站整体结构（1）网站文件名以汉语拼音命名，便于记忆，便于推广。（2）明确实用的网站导航，能让访客找到想找的宝贝。（3）首页框架、分类框架、页面模型分析明确，排列整齐。并且作为一个导购型的网站，主要突出的是我们的产品。裙子qunzi.html短裤duanku.html牛仔niuzai.html运动装yundongzhuang.html帆布鞋fanbuxie.html休闲裤xiuxianku.html衬衫cunshan.htmlPOLO衫poloshan.html 休闲鞋xiuxianxie.htmlT恤txue.html首页shou
8、ye.html第二章 前期准备2.1素材收集整理主要应用了FLASH、Dreamweaver CS5、Photoshop、Html。Flash是专用于动画创作的一个软件工具，到2013年1月24日为止最新的零售版本为2012年发布。它的应用领域很广，使用它制作简单的动画、应用程序也可以制作网页、动画片、课件、游戏的开发、MV的制作还可以用来开发程序。它还包含丰富的视频、声音、图像和动画。假如电脑上有的没安装flash软件有的动画视频都无法播放。 Dreamweaver CS5，简称“DW”， 可以用它快速制作网页可以实现一般网页的所有前台看见的内容， Dreamweaver是建立web站点和应
9、用程序的专业工具，主要用作于制作网页设计一类，方便简单易改容易操作。提供 HTML、视觉化编辑与原始码编辑同步的设计工具，提供了专业人员在一个集成，高效的环境中所需要的工具。 Photoshop，简称“PS”，是一个由Adobe Systems开发和发行的图像处理软件。Photoshop主要用作与设计图片，图片处理例如海报封面淘宝天猫产品描述图片的处理等等。可以修改照片例如脸上的斑点，可以把人身体移到自已喜欢的头部上面。还可以用于网页制作，大多数是切片工具的使用。还可以绘画，它具有很好的调色功能。还可以制作图标。总之Photoshop的功能是想象不到的，PS的力量是无穷的。HTML是一种规范，
10、一种标标准，它通过标记符号来标记要显示的网页中的各个部分。简单的讲就是建设自已一套标记符号和语法的一些规则，要显示的文字、声音、动画等要素按一定的标准要求排列，形成一定的标题。HTML文件与简单的文本文件没有什么区别，开始练习的时候只需要简单的文本编辑器或者记事本就可以了。而它也不需要连接网络就可以直接打开看。它的优势还有就是可以直接调试和修改，打开的速度很快，本地存储功能强，兼容性很好，支持网页端的多媒体功能。而超文本就是只页面包含图片链接音乐程序等非文字元素超文本标记必须是成对出现，要用斜杠的元素表示结束。一个标记元素可以写在多行，参数位置不受限制。它主要应用于构成网页文档，也就是静态的。
11、2.2 LOGO设计Logo的设计主要从百度上搜取树叶的图片用Photoshop制作成一对翅膀，再找一个图片有爱心的图片组合成一张图片，然后调成一样的颜色，最后找到窗口中的动画点击图层新建，字需要动几次就复制几个动画帧，然后选中第一帧打上陌字，然后在第二帧打颜，需要把第一帧的眼睛闭上，也就是让其不可见，第三帧重复第二帧的动作打需要动的字，这其中顺序不可以错，错了就不对了。完之后需要保存gif的格式。这样才会有动态。设计这个logo主要是因为导购网的网站是服装，选择图标的含义是因为中间有一颗心，两边对称的则是一对翅膀，有梦想飞翔的意思。而选择红色的原因，它独特的款式设计与生活品位使得该品牌在庞大
12、的生活潮流市场中，鹤立于顶尖之位。年轻、性感与真实；是现代年轻人的追求，凸显个性、讲求自由是当代人的风格；整个意思是爱像天使般的纯洁，而对你的爱是永恒的。这标志可爱、易记，能激发心灵，对其产生好感。这个时候，标志就起到桥梁作用，它让消费者把自己积极、乐观的情感表达在这个品牌之上。而消费者对品牌产生的好感，自然就变成了企业成长的一种动力。2.3 Banner设计Banner的设计是为商品和页面更好的融合，为商品呈现营造一个好环境。所以我选了楷体，而banner的颜色主要是粉红色系列，我选用了一个粉色的春意盎然充满活力桃花的图片，桃花具有好运的意思，也有大自然的味道，很贴切生活。然后在选了一个美女
13、的图片放在banner的左边，大家都知道女人的图片比男人的更具有吸引力。女人会让男性注目，会让女人钦佩，是视线的第一焦点，然后你会随着她看过去，所以图片应该放在左边。会让消费者购买的欲望是什么？所以要介绍该网站是干嘛的，所以写上了值得购物的网站。 2.4首页效果图第三章 网页设计制作3.1 首页设计制作网站首页担负着网站“形象大使”的责任，从首页就基本能窥探出网站的定位和服务对象，湖南恒宇文化传媒网站导航栏包括首页、T恤、休闲鞋、POLO衫、衬衫、休闲裤、帆布鞋、运动装、牛仔、短裤、裙子，其它功能模块包括登录注册，用户名、密码等。首页运用静态和动态相结合布局成整个网站的首页，运用代码来实现了首
14、页轮播图的动态效果。3.2 其他页面设计制作陌颜银服装网站其他子页面包括：首页、T恤、休闲鞋、POLO衫、衬衫、休闲裤、帆布鞋、运动装、牛仔、短裤、裙子，AA、BB、 CC 、DD 、EE 、FF、 GG 、HH 、JJ 、KK、MM、NN、OO每个页面的功能不尽相同，公司的产品、公司的其它项目、等都在页面展示。子页面截图：这个页面主要是点击加入购物车，可以选择自已喜欢的颜色和尺码数量等。就如同淘宝里面的加入购物车。登录页面截图：登录代码： 账户登录 账户名:密码：免费注册登录页面主要是用来登录用户使用的，只有用户登录了才可以购买选择自已喜欢的宝贝和咨询客服等。注册页面截图：注册代码：注册新用
15、户用户名:只能输入字母或数字，416个字符密码：密码长度612位 确认密码： 与密码保持一致请阅读陌颜银服装品服务条款 注册页面主要用于新用户的注册，没有账号的用户注册。HTML 标签创建带有四个选项的选择列表： 我的宝贝我的订单我的收藏积分查询 第四章 调试运行4.1 网站调试及处理a：制作表格在其他浏览器很容易错位，所以用div嵌入，这样随便打字什么都不会动了。从网上找了一些调试网页的脚本语言插入网页中，可以很好的兼容其他电脑和其他浏览器。b：在使用CCS编程时，有时候加不了中文注释，但可以加英文注释。我在“/”后写中文字，但按了空格键后“/”后根本不显示刚才打的中文字，但用粘贴又可以。（
16、中文注释可能是你的输入法选择字的热键和CCS菜单里面的热键有冲突。）c：边界重合时利用padding或border来避免您可能会为了一点不应该出现的空间而焦头烂额，或者您需要一点点空间时，怎样都挤不出来。如果您有用到margin，那么很容易产生边界的重合。4.2 网站运行控制面板安装 IIS、添加组件/删除组件1.点开始找到控制面板点击控制面板。2.然后右击打开添加或删除程序。3.单击添加或删除 Windows 组件。4.组件列表框中，单击应用程序服务器。5.单击详细信息。6.单击Internet 信息服务管理器。7.单击详细信息以查看 IIS 可选组件的列表。有关 IIS 可选组件的详细说明
17、，请参阅本主题中的可选组件。8.选择要安装的所有可选组件。9.单击确定，返回到Windows 组件向导。10.单击下一步，然后点击完成Windows 组件向导。添加和运行添加：进入控制面板，依次选“添加/删除程序添加/删除winders组件”,将Intrenet信息服务IIS前的钩去掉，就可以完成IIS组件的添加，用这种方法添加的IIS组件将包括web、ftp、nntp、smtp等四项服务。IIS的运行：将它添加成功后，进入开始设置控制面板管理工具Internet服务管理器（Internet信息服务）以打开IIS管理器，对于有“已停止”字样的服务，均在其上单击右键，选“启动”未开启。卸载IIS
18、：打开“开始设置 控制面板 添加/删除程序添加/删除winders组件”。把第一项IIS上的勾去掉，点击下一步完成卸载。第五章 导购网站推广5.1 搜索引擎推广搜索引擎推广是说利用搜索引擎、分类目录等网络工具有在线检索信息功能的进行网站推广的方法。搜索引擎的一般可以分为搜索引擎和分类目录的搜索引擎，所以搜索引擎推广的形式也有搜索引擎的方法和分类目录的方法，搜索引擎包括搜索引擎优化、固定排名、基于类容定位的广告等很多种形式、关键词广告，针对搜索引擎对网页的检索特点，让网站建设各项基本要素适合搜索引擎的检索原则，并在搜索引擎自然检索结果中靠前，达到最终网站推广的目的。推广项目：1.项目背景2.登录
19、雅虎目录索引3.登录百度全文搜索引擎4.参与百度关键词竞价。项目背景：陌颜银服装导购网是一家导购优质产品的网站。供广大消费者挑选喜欢的产品更有效，而推广的主要任务是加强品牌的信誉度，亲和度并搭建良好的电子商务平台。登录雅虎目录索引的界面：登录百度全文搜索引擎参与百度关键词竞价关键词是竞价推广精心挑选的。用以定潜在客户的字词。主要为陌颜银、服装、实惠、等词。关键词的设计技巧：质地、特点、功能、应用领域、地位、品牌名称、商业模式等。5.2 电子邮件推广 电子邮件是网站推广最基本的手段，常用的方法包括电子刊物、会员通讯，电子邮件广告等。电子邮件的推广方法第一点是要确定目标客户群，第二点是制定发送法案
20、，找到潜在客户确定发送的频率。第三点就是必须要有明确的主题，内容必须简捷明了。邮件格式需要很清楚。发送的邮件必须及时回复和反馈信息。第四更新邮件列表，从客户得到信息要进行整理，创建一个与产品和服务相关的客户数据库。由于用户的Email营销与滥发邮件不相同，许可营销比传统的推广方式、未经许可的Emali营销方式都有着明显的优势，它减少了广告对用户的干扰、增强与客户的关系、提高品牌忠诚度等。5.3 IM及时通讯工具推广可以在QQ、空间、微博、微信等告诉您的客户、朋友、同学、与生意相关的所有人群，我建立的网站希望大家来都可以来看看、可以评价。5.4 SNS社区营销推广 论坛宣传方式总多网络宣传方式中
21、，最麻烦的也是最辛苦的一样，但同时也是效果来得最快的一样。但是具体怎么做，的确很难把握，我们是做广告的，是做宣传，做广告有两个前提，前提是必须东西有人需要，还有就是东西质量要很好。如果说别人一看到我们发帖子是广告，那后果很难想的，可能帖子被删，ID被封，就算没有被删除没有被封号，但别人知道是广告，都懒得进去看我们的东西甚至都会觉得厌烦。所以我们要选择合适的论坛，选择潜在客户的论坛，其次要选择人气旺的论坛，但人气太旺也不好，会被其他的贴子淹没了。最好选择有签名功能的论坛。5.5 其他营销方法百度的贴吧，常常在百度回答问题，然后把问题的答案放在自已的网站上，再在百度中留下链接，一定会有人访问的。淘
22、宝论坛，常常在论坛上发表一些有用的文章或者分享一些喜欢的宝贝实惠的宝贝等，吸引更多的人群观看阅读，还可以互相点评，收藏，关注等，这样可以很好地吸引人群流量，也可以更好地交流讨论。总结时间过得飞快，转眼几个月就过去了，繁琐而充实的毕业设计画上了圆满的句号，毕业设计跟我们平时上的基础课程或者专业课不同，它是一个课题，要用到很多综合性知识，最重要的是让学生体验做网站的整个过程，毕业最重要的是一个过程，最能把知识运用到实践当中的过程就数毕业设计了。通过这次的制作与学习，发现了很多事情都不是那么容易完成的，必须一开始就慢慢积累。要做好一个网站就必须收集很多资料，必须在网上多看多学，看别人的网站网页图片要
23、学会收集作为自已的参考，这样的习惯会成为很好的知识库。图片知识只设计的第一步，还得自已规划好整个网站。主页的设计应该以醒目优先，应是一目了然，切记堆砌太多不必要的细节，或使画面过于复杂。首页给人的第一感尤为重要！购物网站实在太多，第一眼没有吸引力，很难令他们深入点击下去。我们应该懂的善用图片，注意文字颜色搭配等。在这次的过程，每一步都是自已经历的，在遇到这些问题思索问题解决问题的过程中，学到了很多收获了很多。以前没注意的问题，在这次是毕业设计中得以实现，这培养了我的细心、耐心和专心。在以后的日子里学习的东西更多，更加需要努力、认真。毕业设计的完成不仅查阅了大量的相关资料还与同学交谈，向老师悉心
24、请教，不仅巩固了所学的知识，还学了不少新知识，也培养了我独立的工作能力，虽然艰辛，但努力与收获往往是成正比的。这次的毕业设计是我对专业知识加深，让我在走向社会工作增添了自信心。致谢毕业设计的收尾，同时也意味着在大学的日子即将结束。回首往事，自已一生宝贵的时光能够在这样的校园之中，能在众多知识渊博，才华横溢的老师熏陶下度过，感到万分的荣幸，更是开心至极。在这三年的时间里，我学到了很多，不管是知识，还是思想上的一些进步，还是交流沟通上的进步，当然这除了自身努力以外，与各位老师、同学、朋友的关心、支持和鼓励是分不开的。毕业设计是艰苦而具有挑战性的。在导师的淳淳教导、出谋策划、还有就是同学的帮助下，让
25、我坚持到最后完成设计的动力。在这里，我要特别的感谢我的指导老师。不管是从设计的选题，设计精心制作，结构的布局到设计的定稿，他都费尽心血。没有老师的辛勤栽指导、孜孜教诲，就没有我毕业设计的顺利完成。同时也感谢我院系领导以及各位老师对我们的教导和关注，感谢大学三年传授我们专业知识的所有老师，谢谢你们的呕心沥血的教导，不厌其烦的督促我们学习。同时也要谢谢我周围的同窗学友，身边的小伙伴们，是他们给了我无数的关心和鼓励和支持，才能让我的大学生活充满了温暖和欢乐。参考文献1吴涛主编网站全程设计技术（修订本），北京：北京交通大学出版社,20072宋彦民主编计算机网络技术基础，清华大学出版社,20103王大远主编DIV+CSS3.0 网页布局案例精粹，电子工业出版社,20134马增友Photoshop图像处理技术应用清华大学出版社，20095王诚君、刘振华等Dreamweaver8网页设计应用教程清华大学出版社，20046汪斌等SQL Server 2005s数据库技术及应用，现代教育出版社，20127杨仁毅边学边用 Flash动画设计与制作，人民邮电出版社，20108王诚君、刘振华等Dreamweaver8网页设计应用教程清华大学出版社，2004