杰思梵服装的品牌宣传网站设计1.docx

1、杰思梵服装的品牌宣传网站设计1重庆信息技术职业学院毕业设计（论文） 设计（论文）题目 傑思梵服装的品牌宣传网站设计 选题性质：设计 论文 院 系 专 业 班 级 学 号 学生姓名 指导教师 成 绩 教务处制 年 月 日 摘 要电子商务时代的来临带来了很多东西，例如网上购物，空中充值，还有虚拟交易等许多方便快捷的方式。那么我们要做的就是利用网络来宣传我们自己的服装品牌，让别人了解我们的品牌。傑思梵服装品牌也看到了这个互联网的机遇，随之而起，提高营销效率，树立傑思梵服装品牌形象。利用宣传网站，把傑思梵服装品牌宣传出去。关键字: 宣传、服装品牌、宣传网站 前 言21世纪是一个信息的时代，随着电脑的微

2、型化，网络也随之而来，那么网络给我们带来了什么？是便捷，是时尚，是虚拟化中夹杂着现实化的东西，答案千变万化。但是网络的发展对于一个在发展中的国家是关键性的一步，中国目前是正处于发展中的国家，我国人口多，网络的发展更是一种必要性的选择，普华永道2007年发布了全球娱乐及媒体行业20072011年展望报告，报告中称，未来5年内中国的互联网市场总量将增加到925亿美元，在2010年，中国的互联网用户数量将超越美国，从而成为全球最大的互联网市场。 报告预测，随着宽带接入价格的逐步降低，亚洲地区的宽带用户预计将大幅增加，宽带业务总量将以209的年均复合增长率由2006年的394亿美元增加到2011年的1

3、019亿美元。以上的数字说明了什么？说明了中国的网络发展是突飞猛进的，上网的人越来越多，从以前的电脑连接互联网，到现在的手机连接互联网，又是一次从巨型化到微型化的变迁。既然网络发展越来越快，那么我们应该把宣传转移到网络，利用网络来宣传傑思梵服装，就是这个想法使我们建立了傑思梵服装宣传网，希望能够利用我们的网站把傑思梵服装推向人们。第1章 网页制作工具软件的选择1.1 Dreamweaver 软件Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想

4、像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于

5、快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它

6、的描述档，便可得知详尽的成效报告。1.2 Fireworks 软件Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达

7、到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。第2章 傑思梵服装网站建设目的和需求2.1 网站建设目标根据业务调整网站的规划；网站架构明晰，起到介绍公司的作用；设置宣传栏目；最终效果是宣传品牌形象，拓展品牌的宣传渠道。2.2 长远建设目标 最大程度的与傑思梵服装品牌现有与潜在的顾客进行沟通，以使网站最大化的推动品牌产品的销售。2.3傑思梵

8、服装网站需求分析2.3.1网站设计需求1.通过建立服装展示页，充分显示傑思梵服装的特色，给客户留下深刻印象。2.树立品牌形象3.为现有的客户提供有效的服务4.吸引更多的客户5.保持市场的领先地位2.3.2网站设计风格和语言网站整体以展示为基础，以公司的不同内容为标准在语言方面选择：简体中文2.3.3网站内容网站以简洁的整体风格设计，采用CSS技术进行网站的静态设计，在网站的几个页面中，采用了导航条和超链接方式，将最新的服装图片放在网页中，将公司历史和品牌背景显示出来，能让更多的客户了解傑思梵服装。第3章网站的整体方案设计3.1网站的客户群定位杰思梵是面向成功人士的中高档男装休闲品牌。3.2网站

9、宣传的主题及特色3.2.1网站宣传的主题以浅蓝色的图片为背景，以黑色为整个网页的字体颜色，网站的首页以最新服装照片为主，并展示了傑思梵服装的动态信息和联系电话。3.2.2网站的特色整个网站围绕傑思梵服装品牌的产品图片为主，其次网站介绍了傑思梵服装公司历史及品牌背景、加盟条件等。并且网站还设有服装展示和专卖店展示，能充分显示出傑思梵服装的样式及款式并了解桀思梵提供统一的店铺形象。3.3网站栏目规划3.3.1网站结构图 3.3.2栏目说明动态信息：栏目：公司动态，品牌动态，活动动态等新闻咨讯的更新。公司历史：栏目：简述公司的发展历史。形象展示：栏目1：形象展示以傑思梵品牌图片为主，画面高贵，唯美、

10、时尚。栏目2：专卖店形象 以实体店面展示出傑思梵品牌的形象。特许加盟：栏目：加盟流程 介绍了加盟傑思梵的流程。栏目：加盟优势 介绍了加盟傑思梵你将得到的各种优势。栏目：加盟条件 介绍了加盟傑思梵需要的条件。联系我们：栏目：公司的基本联系方式介绍了公司的基本联系方式。3.3.3网页配色方案在网站各页插入淡蓝色的背景图片，显示出JOSFOND的皮设计皆秉承传统技艺，古典简约而质朴。第4章 方案的具体实施4.1主要技术手段1.网页布局技术的应用。2.CSS样式表的使用。3.导航条的使用。4.图像处理技术。4.2主要的页面介绍4.2.1 首页的介绍1.首页展示如下： 图1.1 首页2.运行代码如下：傑

11、思梵服装宣传网站!-function MM_preloadImages() /v3.0 var d=document; if(d.images) if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i0&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); if(!(x=dn)&d.all) x=d.alln; for (i=0;!x&id.form

12、s.length;i+) x=d.formsin; for(i=0;!x&d.layers&i 2) if (img = MM_findObj(args2) != null & !img.MM_init) img.MM_init = true; img.MM_up = args3; img.MM_dn = img.src; if (nbArr = documentgrpName) = null) nbArr = documentgrpName = new Array(); nbArrnbArr.length = img; for (i=4; i args.length-1; i+=2) if

13、(img = MM_findObj(argsi) != null) if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = argsi+1; nbArrnbArr.length = img; else if (event = over) document.MM_nbOver = nbArr = new Array(); for (i=1; i args.length-1; i+=3) if (img = MM_findObj(argsi) != null) if (!img.MM_up) img.MM_up = img.src; i

14、mg.src = (img.MM_dn & argsi+2) ? argsi+2 : (argsi+1)? argsi+1 : img.MM_up); nbArrnbArr.length = img; else if (event = out ) for (i=0; i document.MM_nbOver.length; i+) img = document.MM_nbOveri; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; else if (event = down) nbArr = documentgrpName; if (nbArr)

15、for (i=0; i nbArr.length; i+) img=nbArri; img.src = img.MM_up; img.MM_dn = 0; documentgrpName = nbArr = new Array(); for (i=2; i args.length-1; i+=2) if (img = MM_findObj(argsi) != null) if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = (argsi+1)? argsi+1 : img.MM_up; nbArrnbArr.length = img; function MM_showHideLayers() /v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i                       td