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

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

《杰思梵服装的品牌宣传网站设计1.docx》由会员分享，可在线阅读，更多相关《杰思梵服装的品牌宣传网站设计1.docx（67页珍藏版）》请在冰豆网上搜索。

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

重庆信息技术职业学院

毕业设计（论文）

设计（论文）题目傑思梵服装的品牌宣传网站设计

选题性质：

设计□论文

院系

专业

班级

学号

学生姓名

指导教师

成绩

教务处制

年月日

摘要

电子商务时代的来临带来了很多东西，例如网上购物，空中充值，还有虚拟交易等许多方便快捷的方式。

那么我们要做的就是利用网络来宣传我们自己的服装品牌，让别人了解我们的品牌。

傑思梵服装品牌也看到了这个互联网的机遇，随之而起，提高营销效率，树立傑思梵服装品牌形象。

利用宣传网站，把傑思梵服装品牌宣传出去。

关键字:

宣传、服装品牌、宣传网站

前言

21世纪是一个信息的时代，随着电脑的微型化，网络也随之而来，那么网络给我们带来了什么？

是便捷，是时尚，是虚拟化中夹杂着现实化的东西，答案千变万化。

但是网络的发展对于一个在发展中的国家是关键性的一步，中国目前是正处于发展中的国家，我国人口多，网络的发展更是一种必要性的选择，普华永道2007年发布了《全球娱乐及媒体行业2007－2011年展望报告》，报告中称，未来5年内中国的互联网市场总量将增加到925亿美元，在2010年，中国的互联网用户数量将超越美国，从而成为全球最大的互联网市场。

报告预测，随着宽带接入价格的逐步降低，亚洲地区的宽带用户预计将大幅增加，宽带业务总量将以20．9％的年均复合增长率由2006年的394亿美元增加到2011年的1019亿美元。

以上的数字说明了什么？

说明了中国的网络发展是突飞猛进的，上网的人越来越多，从以前的电脑连接互联网，到现在的手机连接互联网，又是一次从巨型化到微型化的变迁。

既然网络发展越来越快，那么我们应该把宣传转移到网络，利用网络来宣传傑思梵服装，就是这个想法使我们建立了傑思梵服装宣传网，希望能够利用我们的网站把傑思梵服装推向人们。

第1章网页制作工具软件的选择

1.1Dreamweaver软件

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。

它包含HomeSite和BBEdit等主流文字编辑器。

帧（frames）和表格的制作速度快的令您无法想像。

进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。

当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。

梦幻样版和XMLDreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。

建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。

您也可以使用样版正确地输入或输出XML内容。

全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。

对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。

使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。

当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。

1.2Fireworks软件

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。

借助于MacromediaFireworks8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。

Fireworks业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。

它与MacromediaDreamweaver?

和MacromediaFlash?

共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行Roundtrip编辑而丢失信息或浪费时间。

利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

第2章傑思梵服装网站建设目的和需求

2.1网站建设目标

根据业务调整网站的规划；

网站架构明晰，起到介绍公司的作用；

设置宣传栏目；

最终效果是宣传品牌形象，拓展品牌的宣传渠道。

2.2长远建设目标

最大程度的与傑思梵服装品牌现有与潜在的顾客进行沟通，以使网站最大化的推动品牌产品的销售。

2.3傑思梵服装网站需求分析

2.3.1网站设计需求

1.通过建立服装展示页，充分显示傑思梵服装的特色，给客户留下深刻印象。

2.树立品牌形象

3.为现有的客户提供有效的服务

4.吸引更多的客户

5.保持市场的领先地位

2.3.2网站设计风格和语言

网站整体以展示为基础，以公司的不同内容为标准

在语言方面选择：

简体中文

2.3.3网站内容

网站以简洁的整体风格设计，采用CSS技术进行网站的静态设计，在网站的几个页面中，采用了导航条和超链接方式，将最新的服装图片放在网页中，将公司历史和品牌背景显示出来，能让更多的客户了解傑思梵服装。

第3章网站的整体方案设计

3.1网站的客户群定位

杰思梵是面向成功人士的中高档男装休闲品牌。

3.2网站宣传的主题及特色

3.2.1网站宣传的主题

以浅蓝色的图片为背景，以黑色为整个网页的字体颜色，网站的首页以最新服装照片为主，并展示了傑思梵服装的动态信息和联系电话。

3.2.2网站的特色

整个网站围绕傑思梵服装品牌的产品图片为主，其次网站介绍了傑思梵服装公司历史及品牌背景、加盟条件等。

并且网站还设有服装展示和专卖店展示，能充分显示出傑思梵服装的样式及款式并了解桀思梵提供统一的店铺形象。

3.3网站栏目规划

3.3.1网站结构图

3.3.2栏目说明

动态信息：

→栏目：

公司动态，品牌动态，活动动态等新闻咨讯的更新。

公司历史：

→栏目：

简述公司的发展历史。

形象展示：

→栏目1：

形象展示

以傑思梵品牌图片为主，画面高贵，唯美、时尚。

→栏目2：

专卖店形象

以实体店面展示出傑思梵品牌的形象。

特许加盟：

→栏目：

加盟流程

介绍了加盟傑思梵的流程。

→栏目：

加盟优势

介绍了加盟傑思梵你将得到的各种优势。

→栏目：

加盟条件

介绍了加盟傑思梵需要的条件。

联系我们：

→栏目：

公司的基本联系方式

介绍了公司的基本联系方式。

3.3.3网页配色方案

在网站各页插入淡蓝色的背景图片，显示出JOSFOND的皮设计皆秉承传统技艺，古典简约而质朴。

第4章方案的具体实施

4.1主要技术手段

1.网页布局技术的应用。

2.CSS样式表的使用。

3.导航条的使用。

4.图像处理技术。

4.2主要的页面介绍

4.2.1首页的介绍

1.首页展示如下：

图1.1首页

2.运行代码如下：

--

functionMM_preloadImages（）{//v3.0

vard=document;if（d.images）{if（!

d.MM_p）d.MM_p=newArray（）;

vari,j=d.MM_p.length,a=MM_preloadImages.arguments;for（i=0;i

if（a[i].indexOf（"#"）!

=0）{d.MM_p[j]=newImage;d.MM_p[j++].src=a[i];}}

}

functionMM_findObj（n,d）{//v4.01

varp,i,x;if（!

d）d=document;if（（p=n.indexOf（"?

"））>0&&parent.frames.length）{

d=parent.frames[n.substring（p+1）].document;n=n.substring（0,p）;}

if（!

（x=d[n]）&&d.all）x=d.all[n];for（i=0;!

x&&i

for（i=0;!

x&&d.layers&&i

if（!

x&&d.getElementById）x=d.getElementById（n）;returnx;

}

functionMM_nbGroup（event,grpName）{//v6.0

vari,img,nbArr,args=MM_nbGroup.arguments;

if（event=="init"&&args.length>2）{

if（（img=MM_findObj（args[2]））!

=null&&!

img.MM_init）{

img.MM_init=true;img.MM_up=args[3];img.MM_dn=img.src;

if（（nbArr=document[grpName]）==null）nbArr=document[grpName]=newArray（）;

nbArr[nbArr.length]=img;

for（i=4;i

=null）{

if（!

img.MM_up）img.MM_up=img.src;

img.src=img.MM_dn=args[i+1];

nbArr[nbArr.length]=img;

}}

}elseif（event=="over"）{

document.MM_nbOver=nbArr=newArray（）;

for（i=1;i

=null）{

if（!

img.MM_up）img.MM_up=img.src;

img.src=（img.MM_dn&&args[i+2]）?

args[i+2]:

（（args[i+1]）?

args[i+1]:

img.MM_up）;

nbArr[nbArr.length]=img;

}

}elseif（event=="out"）{

for（i=0;i

img=document.MM_nbOver[i];img.src=（img.MM_dn）?

img.MM_dn:

img.MM_up;}

}elseif（event=="down"）{

nbArr=document[grpName];

if（nbArr）

for（i=0;i

document[grpName]=nbArr=newArray（）;

for（i=2;i

=null）{

if（!

img.MM_up）img.MM_up=img.src;

img.src=img.MM_dn=（args[i+1]）?

args[i+1]:

img.MM_up;

nbArr[nbArr.length]=img;

}}

}

functionMM_showHideLayers（）{//v6.0

vari,p,v,obj,args=MM_showHideLayers.arguments;

for（i=0;i<（args.length-2）;i+=3）if（（obj=MM_findObj（args[i]））!

=null）{v=args[i+2];

if（obj.style）{obj=obj.style;v=（v=='show'）?

'visible':

（v=='hide'）?

'hidden':

v;}

obj.visibility=v;}

}

//-->

--

#Layer1{

position:

absolute;

width:

200px;

height:

115px;

z-index:

1;

}

#Layer2{

position:

absolute;

width:

200px;

height:

115px;

z-index:

1;

visibility:

hidden;

}

#Layer3{

position:

absolute;

width:

200px;

height:

115px;

z-index:

1;

visibility:

hidden;

}

-->