淘玩具有限公司网站设计与实现论文

毕业设计毕业设计题淘玩具有限公司网站设计与实现毕业设计类型■ 产品设计□工艺设计□方案设计姓名班级所属系部物信系专业电子商务指导教师职称完成时间年月日

摘要电子商务的迅速发展推动世界经济进入全球化状态,缩短了产品生命周期,企业为了生存下去,就要不断创新商业方法与产品,使自己与竞争对手相区别,实现产品与服务的差异化,并在生产过程中减少成本,增加客户价值,而这一过程也就是商业模式的创新过程,电子商务整合了商务活动中的信息流、资金流与商务流,协调并减少物流成本。在网络经济条件下,企业面临的巨大挑战是如何具备敏锐的意识、利用电子商务创新商务活动,获取长期利润,对商务模式分析的价值在于让企业集中思考在商务活动中各种要素如何有效组织在一起,如何整合内外部资源。

淘玩具有限公司网站导航栏包括：公司首页、公司简介、企业动态、产品中心、联系我们、意见反馈，动态功能模块主要包括用户搜索等功能。

关键词：网站设计、网站实现、淘玩具有限公司网站。目录TOC\o"1-3"\h\u25279引言 57707第1章需求分析 6127831.1企业网站设计的目的 635631.2网站建设需求分析 9143391.3网站总体结构 912869第2章前期准备 114672.1素材收集整理 1182842.3Banner设计 1311762.4首页效果图 148719第3章网页设计制作 1636063.1首页设计制作 16214863.2其它页面设计制作 177953第4章调试运行 21308034.1网站调试及处理 21190681.导航条的调试 21181752.图片的调试 2135263.内容调试 21309044.2网站运行 22129071.IIS安装 2291022.IIS运行 236564总结 2411863致谢 25引言在电子商务时代,由于技术的高速发展与进步,加快了很多新兴行业的产生和发展,尤其是虚拟经济与虚拟社会的产生。互联网中流行的信息交流方式也在对传统的商业模式起着直接的影响,如传统的信件交流就被电子邮件逐步取代,传统的电信产业也存在被即时通讯工具取代的可能、网络传播逐渐取代平面传媒而产生更加深远的影响力和传播面。这些都将直接导致传统商业模式被改变甚至被取代。

在传统的商业模式下,消费者购买商品的步骤是:搜集商品信息→选购商品→商品运送。其购买成本不仅包括商品本身的零售价格,还包括运输费和交易的时间、精力成本。而在电子商务环境下,消费者的购买成本只包括商品费用(电子商务大都提供送货业务,减少了运输成本)、上网的费用及时间、精力等,这就大大降低了消费者的购买成本。并且,电子商务时代的重要特征是电子通讯,这使得整个世界在网络环境中成为一个地球村,人与人的信息交流不再是远隔千山万水,而是在瞬间就能实现信息的传递,这就使得让顾客能及时掌握着不同区域之间的价格优势,从而增强了顾客的议价能力。最后的结果是商业经营者的利润空间下降。对于这种情况,企业只有不断在产品的差异性上下功夫,从不同程度和层次上刺激个性化的需求模式,才能扩展盈利的空间和渠道。所以淘玩具有限公司抓住趋势使公司能够有更好的发展。第1章需求分析1.1企业网站设计的目的第一、有利于提升企业品牌形象一般来说，企业建立自己的网站，不但可以给企业带来新客户、新生意，也可以马上大幅度提升企业业绩。企业网站的作用更类似于企业在报纸和电视上所做的宣传公司本身及品牌的广告。不同之处在于企业网站容量更大，企业几乎可以把任何想让客户及公众知道的内容放入网站。第二、有利于企业具有网络沟通能力互联网络真正的内涵在于其内容的丰富性，几乎无所不包。对于一个企业来说，其具有网络沟通能力的标志是公司拥有自己的独立网站。第三、可以全面详细地介绍公司及展示公司产品公司网站的一个最基本的功能，就是能够全面、详细地介绍公司及公司产品。事实上，公司可以把任何想让人们知道的东西放入网站，如公司简介、公司业绩、产品的外观、功能及其使用方法等，都可以展示于企业网站上。第四、可以帮助企业实现电子商务功能，就现在，您就可以在网站上为您的企业实现电子商务功能。您可以在网站上发布：A实时新闻发布系统B实时报价系统（C在线下载系统：包括在线管理、在线发布等；D电子商城系统：可以在网上开家自己的商店；E客户留言板、在线调查、招聘系统、邮件列表、BBS论坛等。第五、可以与客户保持密切联系，当人们想知道某公司有什么新产品，新服务，或旧产品和服务有什么变化，甚至只是想知道该公司有什么新闻，他们就会习惯性地进入该公司的网址。因为公司已经习惯于把所有的新产品和新服务信息发布于网上，并且定期在网上发布有关公司的消息。第六、可以与潜在客户建立商业联系，这是企业网站最重要的功能之一，现在，世界各国大的采购商都是主要利用互联网络来寻找新的产品和新的供应商，因为这样做费用最低，效率最高。原则上，全世界任何地方的人，只要知道了公司的网址，就可以看到公司的产品。第七、可以利用网站及时得到客户的反馈信息。1．充分利用网络资源：Internet是强有力的工具，能以低代价却很方便的把产品或服务的信息发向全世界的每个角落。全世界所有客户都能通过网站，了解企业。Internet已经连接了相当多的网民、企业、机构和政府，而且向着更广阔的范围发展。开展电子商务：电子商务是未来经济形式发展的大趋势，目标是实现交易信息的网络化和电子化，如使用电子货币，开网上商店，进行网上商务谈判和使用电子签名签合同等等。企业建立网站，从销售的观点看，可以减少交易的中间环节，降低成本。与客户互动来往：企业建立网站，将信息咨询站开设到网上，专人值守，提供信息服务。可与外部建立实时的、专题的或个别的信息交流渠道。一些企业的网站以BBs或公告板的形式联系客户，客户可以发表意见，同时也能够看到其他客户的信息和从前的信息。可以使客户全面和客观地了解企业和企业的服务及产品。淘玩具网站设计公司推出的每一项服务，都本着客户至上的原则，每一个前进的脚步，都充分体现了对客户的尊重与关怀。正因为如此，我们才能赢得客户，赢得将来。公司秉承为客户提供更全面、更优质的电子商务服务理念，为中国互联网走向世界作出自己的微薄之力！建立企业形象：让别人看到自己，展示企业的实力。企业就能够在国内和世界“亮相“，无疑是一种宣传企业、产品和服务的机会。从广告意义上看，企业网站事关企业形象建设，同时没有网站也谈不上企业形象。1.2网站建设需求分析本网站是以宣传玩具为主的信息发布型网站，建立一个拥有良好交互性，操作简单易用的网站，该网站可以让广大群众更加方便的了解本公司，关注本公司的网站动态，了解产品上新的信息，随着网络的发展，大多数人都喜欢上网，在网上查找信息的人和购物的人越来越多，为了和同行竞争，抢先一步建设一个属于本公司的网站，通过建设本网站，既能提升公司的知名度，也能扩大产品的销路，同时也能打造公司的整体形象，通过做网站可以更好，更有效的宣传公司，网站的首页简单明了，可以让消费者很快的了解到自己需要的信息，操作简单实用，产品信息通过网站的先进设计，可以牢牢地吸引住目标对象，产品的信息传播有效性将远远提高，同时也能提高产品的销售力。1.3网站总体结构公司首页有企业动态、产品中心、联系我们、意见反馈等功能。能在前台显现整洁标准的资讯内容，全站是静态格式。具有完整性和实时性，可随时更新网站内容及信息。并且作为一个信息发布型的网站，我们主要突出的是公司的品牌意识和企业文化，以及一些相关产品展示。淘玩具有限公司功能结构分析图：淘玩具有限公司意见反馈联系我们产品中心企业动态公司简介公司首页意见反馈联系我们产品中心企业动态公司简介公司首页品牌文化玩偶系列品牌文化玩偶系列品牌理念益智系列品牌理念益智系列加盟合作发展历程卡通系列加盟合作发展历程卡通系列图1.1网站结构图一、公司首页“公司首页”这个模块主要用于对导航栏目进行一个简单的展示，让游览者清晰的了解到各导航栏目的内容，用户可以选择自己喜欢的内容，从而看到它的具体信息。二、公司简介“公司简介”模块主要用于对公司的介绍和文化宣传，有利于传播公司的发展等状况。三、企业动态“企业动态”模板主要用于公司的一些新闻动态信息发布，发表一些家长在购买玩具时应该注意哪些问题，同时也发布公司的一些新信息。四、产品中心“产品中心”主要用于产品展示，可以更换最新上架的产品，查看商品的详细信息。该模块的左侧有产品系列，用户可以选择自己喜欢的系列，当点击产品种类后，就会在右侧出现该分类下的玩具产品，用户可以点击自己感兴趣的产品，从而看到它的具体信息，使用户对该食品有着全面的认识。五、联系我们“联系我们”用于消费者对本公司之间的沟通，有咨询电话，售后服务和E-mail可供消费者联系公司。六、意见反馈“意见反馈”可以提交消费者对公司的意见或者建议，促进公司和客户的信誉度。第2章前期准备2.1素材收集整理随着课程的渐渐结束，论文的准备工作也渐渐开始了，首先去网络上查找了有关建设的网站一些问题，随着素材的逐步准备，开始决定做什么类型的网站，通过在网站上的收集与整理玩具相关的素材，查找并收集有关玩具的有关的文字、图片等素材，学会如何查找并收集自己需要的资料和信息，学会如何根据需要对收集到的素材进行分类，评价、保持和处理，所需资源和环境网络资源使用搜索引擎查找与玩具相关的信息。对于一些还没有了解的建设网站的操作，通过搜索查找结合书本进行操作，从而能够进一步的把网站完善。2.2LOGO设计图2.1LOGO图LOGO代表着一个企业的标志，也能代表一个企业的产品标志，loge的主题为玩具，应图标选为四片花片，完美的体现了公司的元素。每一片花色象征着公司的基本理念。图标采用四种颜色为主色，蓝色会给一些容易接受暗示的人以压迫感，但是有会让保有乐观态度的人产生放松的心态。同时也代表希望，希望能给公司带来财富和乐观的心态，绿色代表安宁、凉爽和舒适的感觉，它是春天和大自然的色彩，被誉为生命之色。像春天萌牙的绿草，充满了朝气和希望，也能给公司带来活力和希望的象征。玫瑰红代表有喜庆的用意，能给公司带来喜庆的事情，黄色代表端庄、青春、可爱；适合公司发展客户的一个颜色。能给人眼前带来一亮，LOGO集合这四种靓丽的颜色，给人眼前一亮的感觉。2.3Banner设计banner的设计是突出网站最近热卖的产品，能够让消费者了解到公司最近新突出的产品，和最近突出的产品，通过用PS把收集的图片进行处理，加上字体，把文字变形，使文字看起来更具有灵活性，能够更好的在公司首页展现出来，现在的人们都喜欢简单，图片的简约性，也能让网站足够吸引消费者，banner是由三张图片组成，通过Photoshop把三张图片处理更具有吸引性，在Flash中把三张banner图通过插动态帧的形式，用DIV进行排版，把图片做成轮播的形式在首页展示，使首页更具有灵活性，体现网站的活跃，吸引消费者的眼球。图2.2banner图2.4首页效果图公司的首页是展示一个公司整体形象的时候，本网站采用了图片滚动的效果，灵活的把首页做成了动静结合的一个页面。整个首页简单易操作，能够把消费者所需要的呈现在首页。首页截图如下：LOGO导航公司简介banner产品中心联系方式企业动态版权所有图2.3布局图图2.4首页效果图第3章网页设计制作3.1首页设计制作网站的首页是一个公司的总体形象，给人的感觉是看到就能知道本公司是做什么的，这样才能达到首页的响应效果，淘玩具玩具追求的是页面的美观度，能够把网站的信息简单化的传递给浏览者，让网站的信息具有价值化，为了让首页的信息能很好的向游览者传达网站的含义，公司的首页风格是根据公司的产品来设计的，网站的色彩搭配合理，使背景图能和首页的排版相结合，首页的不同的颜色影响游览者的第一印象，网站的背景图以天蓝色为背景图，同时网页上的其他排版是根据背景图的颜色来进行图片处理的，蓝色本来的含义就代表着希望和事物的美好，希望网站能给公司带来一定的利润，本网站是信息发布型网站，具有的特色是以图片和文字的信息展现出来，给游览者提供有关玩具方面的信息，网站的LOGO体现公司的一个标志，LOGO是直接放在网站的左侧，LOGO的右侧是导航条，包括公司首页、公司简介、企业动态、产品中心、联系我们、意见反馈等信息。导航条采用的是鼠标经过图像会变色的功能，然后再用a标签对其他相关的网页进行相关的链接，LOGO和导航栏的下面是Banner图片的轮播，能把最新上架产品，传递给游览者，banner的左边可以进行产品的搜索，在banner的下面有产品展示，点击可以查看产品详情，最后是公司网站的版权所有采用的是滚动代码，进行从右到左的轮播，给网站增加一点活力，让网页看起来更加的具有玩具的调皮感。图3.1首页图3.2其它页面设计制作陶玩具有限公司网站其他子页面包括：公司简介、企业动态、产品中心、联系我们、意见反馈，每个页面都有不同的功能，公司的简介、企业动态、产品中心等都在子页面展示。公司简介截图：介绍了本公司的企业文化、品牌文化、品牌理念等。图3.2公司简介企业动态截图：告诉客户如何选购和清洗毛绒玩具等企业动态图3.3企业动态产品中心：可供客户喜欢的产品，进行查看商品的基本信息。图3.4产品中心联系我们截图：咨询电话、售后服务电话、邮箱、方便客户与公司联系。图3.5联系我们意见反馈：给客户反馈意见，让公司能够认真负责。图3.6意见反馈第4章调试运行4.1网站调试及处理1.导航条的调试在首页插入表格后，接着插入导航条的图片，发现图片放进表格以后，中间会有间隙，通过反复的研究，把导航条所有的图片放在一个表单中，才把问题给解决掉，为了能让导航条更完美，采用了图片是的叠加方式，当鼠标经过图片时变换颜色。图片的调试通过游览器的游览发现有几个网页的图片走位，通过在DW中代码调试图片的大小，移动图片，从而最终达到了图片的固定。内容调试网站建设成功之后，就要对程序进行测试，网站测试的目的在于可以第一时间发现网站中的错误，以便于及时纠错，增加软件可靠性，它在整个设计实施过程中占有相当的分量，测试网站是网站运行的最后一个环节，如果稍有不妥，会导致网站运行出现差错，应测试游览器与服务器的接口，提交事务，然后查看服务器记录，并验证在游览器与服务器上发生的，最容易被忽略的地方是接口处理，尝试在处理过程中中断用户到服务器上的网络连接，在这种情况下，系统能否正确处理这些错误，如果用户中断了事务处理，在游览者没有返回网站确认的时候已经保存了订单，应用系统的特定功能，应对应系统特定的功能需求进行验证，测试网站能够进行所有的操作。4.2网站运行1.IIS安装InternetInformationServices（IIS，互联网信息服务），是由微软公司提供的基于运行MicrosoftWindows的互联网基本服务。安装步骤如下：开始—设置—控制面板—添加和删除程序—添加/删除Windows组件—弹出一个【Windows组件向导】对话框，如下图：

配置成功后在搜索地址栏输入：http://localhost出现下图即为验证IIS安装成功。2.IIS运行访问\tqj后成功显示出首页的截图如下：总结毕业设计的完成使我的心里的一块石头终于放下来了，这是在大学里最认真对待的一次，开始做毕业设计的时候很懒散，一直不确定自己要做什么样的网站，该怎么来做这个网站，最后经过几番思考决定做这个玩具的网站，并坚持做下去，随着毕业日子的到来，毕业论文写作也接近了尾声。毕业论文的完成不仅是对前面所学知识的一种检验，而且也是对自己能