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

重庆信息技术职业学院 毕业设计 论文 设计 论文 题目 傑思梵服装的品牌宣传网站设计 选题性质 设计 论文 院 系 专 业 班 级 学 号 学生姓名 指导教师 成 绩 教务处制 年 月 日 第 I 页 摘摘 要要 电子商务时代的来临带来了很多东西 例如网上购物 空中充值 还有虚 拟交易等许多方便快捷的方式 那么我们要做的就是利用网络来宣传我们自己 的服装品牌 让别人了解我们的品牌 傑思梵服装品牌也看到了这个互联网的 机遇 随之而起 提高营销效率 树立傑思梵服装品牌形象 利用宣传网站 把傑思梵服装品牌宣传出去 关键字关键字 宣传 服装品牌 宣传网站 第 II 页 目目 录录 摘 要 I 目 录 II 前 言 1 第 1 章 网页制作工具软件的选择 2 1 1 Dreamweaver 软件 2 1 2 Fireworks 软件 2 第 2 章 傑思梵服装网站建设目的和需求 3 2 1 网站建设目标 3 2 2 长远建设目标 3 2 3 傑思梵服装网站需求分析 3 2 3 1 网站设计需求 3 2 3 2 网站设计风格和语言 3 2 3 3 网站内容 3 第 3 章网站的整体方案设计 4 3 1 网站的客户群定位 4 3 2 网站宣传的主题及特色 4 3 2 1 网站宣传的主题 4 3 2 2 网站的特色 4 3 3 网站栏目规划 4 3 3 1 网站结构图 4 3 3 2 栏目说明 4 3 3 3 网页配色方案 5 第 4 章 方案的具体实施 6 4 1 主要技术手段 6 4 2 主要的页面介绍 6 4 2 1 首页的介绍 6 4 2 2 其它页面介绍 13 第 5 章 网站的发布与宣传 45 5 1 网站发布技术 45 5 2 网站宣传技术 45 5 2 1 传统式宣传 45 5 2 2 网络宣传 45 第 6 章 网站的维护更新 46 第 7 章 总结 46 第 1 页 前前 言言 21 世纪是一个信息的时代 随着电脑的微型化 网络也随之而来 那么网 络给我们带来了什么 是便捷 是时尚 是虚拟化中夹杂着现实化的东西 答 案千变万化 但是网络的发展对于一个在发展中的国家是关键性的一步 中国 目前是正处于发展中的国家 我国人口多 网络的发展更是一种必要性的选择 普华永道 2007 年发布了 全球娱乐及媒体行业 2007 2011 年展望报告 报告 中称 未来 5 年内中国的互联网市场总量将增加到 925 亿美元 在 2010 年 中 国的互联网用户数量将超越美国 从而成为全球最大的互联网市场 报告预测 随着宽带接入价格的逐步降低 亚洲地区的宽带用户预计将大幅增加 宽带业 务总量将以 20 9 的年均复合增长率由 2006 年的 394 亿美元增加到 2011 年 的 1019 亿美元 以上的数字说明了什么 说明了中国的网络发展是突飞猛进的 上网的人越来越多 从以前的电脑连接互联网 到现在的手机连接互联网 又 是一次从巨型化到微型化的变迁 既然网络发展越来越快 那么我们应该把宣传转移到网络 利用网络来宣传傑思梵服 装 就是这个想法使我们建立了傑思梵服装宣传网 希望能够利用我们的网站把傑思梵服 装推向人们 第 2 页 第第 1 1 章章 网页制作工具软件的选择网页制作工具软件的选择 1 11 1 DreamweaverDreamweaver 软件软件 Dreamweaver 是唯一提供 Roundtrip HTML 视觉化编辑与原始码编辑同步 的设计工具 它包含 HomeSite 和 BBEdit 等主流文字编辑器 帧 frames 和表 格的制作速度快的令您无法想像 进阶表格编辑功能使您简单的选择单格 行 栏或作未连续之选取 甚至可以排序或格式化表格群组 Dreamweaver 支援精 准定位 利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置 所见 即所得 Dreamweaver 成功整合动态式出版视觉编辑及电子商务功能 提供超强 的支援能力给 Third party 厂商 包含 ASP Apache BroadVision Cold Fusion iCAT Tango 与自行发展的应用软体 当您正使用 Dreamweaver 在设 计动态网页时 所见即所得的功能 让您不需要透过浏览器就能预览网页 梦 幻样版和 XML Dreamweaver 将内容与设计分开 应用于快速网页更新和团队合 作网页编辑 建立网页外观的样版 指定可编辑或不可编辑的部份 内容提供 者可直接编辑以样式为主的内容却不会不小心改变既定之样式 您也可以使用 样版正确地输入或输出 XML 内容 全方位的呈现利用 Dreamweaver 设计的网页 可以全方位的呈现在任何平台的热门浏览器上 对于 cascading style sheets 的动态 HTML 支援和鼠标换图效果 声音和动画的 DHTML 效果资料库可在 Netscape 和 Microsoft 浏览器上执行 使用不同浏览器检示功能 Dreamweaver 可以告知您在不同浏览器上执行的成效如何 当有新的浏览器上 市时 只要从 Dreamweaver 的网站在下载它的描述档 便可得知详尽的成效报 告 1 21 2 FireworksFireworks 软件软件 Fireworks 是 Macromedia 公司发布的一款专为网络图形设计的图形编辑软 件 它大大简化了网络图形设计的工作难度 无论是专业设计家还是业余爱好 者 使用 Fireworks 都不仅可以轻松地制作出十分动感的 GIF 动画 还可以轻 易地完成大图切割 动态按钮 动态翻转图等 因此 对于辅助网页编辑来说 Fireworks 将是最大的功臣 借助于 Macromedia Fireworks 8 您可以在直观 可定制的环境中创建和优化用于网页的图像并进行精确控制 Fireworks 业界 领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡 它与 Macromedia Dreamweaver 和 Macromedia Flash 共同构成的集成工作流程可 以让您创建并优化图像 同时又能避免由于进行 Roundtrip 编辑而丢失信息或 浪费时间 利用可视化工具 无需学习代码即可创建具有专业品质的网页图形 和动画 如变换图像和弹出菜单等 第 3 页 第第 2 2 章章 傑思梵服装网站建设目的和需求傑思梵服装网站建设目的和需求 2 12 1 网站建设目标网站建设目标 根据业务调整网站的规划 网站架构明晰 起到介绍公司的作用 设置宣传栏目 最终效果是宣传品牌形象 拓展品牌的宣传渠道 2 22 2 长远建设目标长远建设目标 最大程度的与傑思梵服装品牌现有与潜在的顾客进行沟通 以使网站最大 化的推动品牌产品的销售 2 32 3 傑思梵服装网站需求分析傑思梵服装网站需求分析 2 3 1 网站设计需求 1 通过建立服装展示页 充分显示傑思梵服装的特色 给客户留下深刻印 象 2 树立品牌形象 3 为现有的客户提供有效的服务 4 吸引更多的客户 5 保持市场的领先地位 2 3 2 网站设计风格和语言 网站整体以展示为基础 以公司的不同内容为标准 在语言方面选择 简体中文 2 3 3 网站内容 网站以简洁的整体风格设计 采用 CSS 技术进行网站的静态设计 在网站 的几个页面中 采用了导航条和超链接方式 将最新的服装图片放在网页中 将公司历史和品牌背景显示出来 能让更多的客户了解傑思梵服装 第 4 页 第第 3 3 章网站的整体方案设计章网站的整体方案设计 3 13 1 网站的客户群定位网站的客户群定位 杰思梵是面向成功人士的中高档男装休闲品牌 3 23 2 网站宣传的主题及特色网站宣传的主题及特色 3 2 1 网站宣传的主题 以浅蓝色的图片为背景 以黑色为整个网页的字体颜色 网站的首页以最 新服装照片为主 并展示了傑思梵服装的动态信息和联系电话 3 2 2 网站的特色 整个网站围绕傑思梵服装品牌的产品图片为主 其次网站介绍了傑思梵服 装公司历史及品牌背景 加盟条件等 并且网站还设有服装展示和专卖店展示 能充分显示出傑思梵服装的样式及款式并了解桀思梵提供统一的店铺形象 3 33 3 网站栏目规划网站栏目规划 3 3 1 网站结构图 首页 联系我们务形象展示品牌背景公司历史动态信息特许加盟 3 3 2 栏目说明 动态信息 栏目 公司动态 品牌动态 活动动态等新闻咨讯的更新 公司历史 栏目 简述公司的发展历史 第 5 页 形象展示 栏目 1 形象展示 以傑思梵品牌图片为主 画面高贵 唯美 时尚 栏目 2 专卖店形象 以实体店面展示出傑思梵品牌的形象 特许加盟 栏目 加盟流程 介绍了加盟傑思梵的流程 栏目 加盟优势 介绍了加盟傑思梵你将得到的各种优势 栏目 加盟条件 介绍了加盟傑思梵需要的条件 联系我们 栏目 公司的基本联系方式 介绍了公司的基本联系方式 3 3 3 网页配色方案 在网站各页插入淡蓝色的背景图片 显示出 JOSFOND 的皮设计皆秉承传统 技艺 古典简约而质朴 第 6 页 第第 4 4 章章 方案的具体实施方案的具体实施 4 14 1 主要技术手段主要技术手段 1 网页布局技术的应用 2 CSS 样式表的使用 3 导航条的使用 4 图像处理技术 4 24 2 主要的页面介绍主要的页面介绍 4 2 1 首页的介绍 1 首页展示如下 图 1 1 首页 2 运行代码如下 傑思梵服装宣传网站 第 7 页 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 n n substring 0 p if x d n for i 0 xi x d forms i n for i 0 x img MM up args 3 img MM dn img src if nbArr document grpName null nbArr document grpName new Array nbArr nbArr length img for i 4 i args length 1 i 2 if img MM findObj args i null if img MM up img MM up img src img src img MM dn args i 1 nbArr nbArr 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 args i null if img MM up img MM up img src img src img MM dn nbArr nbArr length img else if event out 第 8 页 for i 0 i document MM nbOver length i img document MM nbOver i img src img MM dn img MM dn img MM up else if event down nbArr document grpName if nbArr for i 0 i nbArr length i img nbArr i img src img MM up img MM dn 0 document grpName nbArr new Array for i 2 i args length 1 i 2 if img MM findObj args 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 function MM showHideLayers v6 0 var i p v obj args MM showHideLayers arguments for i 0 i 第 11 页 第 12 页 信息动 态 杰思凡 2012 春夏新品发布会即将隆重召开 集体东南飞武汉 服装 讨厌 戴汉派帽子 尾货市场出怪招 品牌服装上演 剪标自残 中国服装名城福建石狮又现繁华迎来 暖 冬 春花开花落 法律声明 联系我们 Copyright 2010 2012 傑思梵服装宣传网 版权所有 第 13 页 4 2 24 2 2 其它页面介绍其它页面介绍 1 动态信息展示如下 图 2 1 动态信息 第 14 页 图 2 2 2 运行代码如下 傑思梵服装宣传网站 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 n n substring 0 p if x d n for i 0 xi x d forms i n for i 0 x img MM up args 3 img MM dn img src if nbArr document grpName null nbArr document grpName new Array nbArr nbArr length img for i 4 i args length 1 i 2 if img MM findObj args i null if img MM up img MM up img src img src img MM dn args i 1 nbArr nbArr 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 args i null if img MM up img MM up img src img src img MM dn nbArr nbArr length img else if event out for i 0 i document MM nbOver length i img document MM nbOver i img src img MM dn img MM dn img MM up else if event down nbArr document grpName if nbArr for i 0 i nbArr length i img nbArr i img src img MM up img MM dn 0 document grpName nbArr new Array for i 2 i 杰思凡 2012 春夏新品发布会即将隆重召开 集体东南飞武汉服装 讨厌 戴汉派帽子 尾货市场出怪招品牌服装上演 剪标自残 第 18 页 中国服装名城福建石狮又现繁华迎来 暖冬 春花开花落 法律声明 联系我们 Copyright 2010 2012 傑思梵服装宣传网 版权所有 3 公司历史展示如下 图 3 1 公司历史 第 19 页 4 运行代码如下 傑思梵服装宣传网站 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 n n substring 0 p if x d n for i 0 xi x d forms i n for i 0 x img MM up args 3 img MM dn img src if nbArr document grpName null nbArr document grpName new Array nbArr nbArr length img for i 4 i args length 1 i 2 if img MM findObj args i null if img MM up img MM up img src img src img MM dn args i 1 nbArr nbArr 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 args i null 第 20 页 if img MM up img MM up img src img src img MM dn nbArr nbArr length img else if event out for i 0 i document MM nbOver length i img document MM nbOver i img src img MM dn img MM dn img MM up else if event down nbArr document grpName if nbArr for i 0 i nbArr length i img nbArr i img src img MM up img MM dn 0 document grpName nbArr new Array for i 2 i 第 21 页 第 22 页 法律声明 联系我们 Copyright 2010 2012 傑思梵服装宣传网 版权所有 5 品牌背景展示 图 4 1 品牌背景 第 23 页 图 4 2 品牌释义 图 4 3 品牌沿革 6 运行代码如下 傑思梵服装宣传网站 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 n n substring 0 p if x d n for i 0 xi x d forms i n for i 0 x img MM up args 3 img MM dn img src if nbArr document grpName null nbArr document grpName new Array nbArr nbArr length img for i 4 i args length 1 i 2 if img MM findObj args i null if img MM up img MM up img src img src img MM dn args i 1 nbArr nbArr 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 args i null if img MM up img MM up img src img src img MM dn nbArr nbArr length img else if event out for i 0 i document MM nbOver length i img document MM nbOver i img src img MM dn img MM dn img MM up else if event down nbArr document grpName if nbArr 第 25 页 for i 0 i nbArr length i img nbArr i img src img MM up img MM dn 0 document grpName nbArr new Array for i 2 i 品牌定位 品牌释义 品牌沿革 第 27 页 法律声明 联系我们 Copyright 2010 2012 傑思梵服装宣传网 版权所有 7 形象展示 图 5 1 形象展示 第 28 页 图 5 2 专卖店形象 8 运行代码如下 傑思梵服装宣传网站 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 n n substring 0 p if x d n for i 0 xi x d forms i n for i 0 x img MM up args 3 img MM dn img src if nbArr document grpName null nbArr document grpName new Array nbArr nbArr length img for i 4 i args length 1 i 2 if img MM findObj args i null if img MM up img MM up img src img src img MM dn args i 1 nbArr nbArr 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 args i null if img MM up img MM up img src img src img MM dn nbArr nbArr length img else if event out for i 0 i document MM nbOver length i img document MM nbOver i img src img MM dn img MM dn img MM up else if event down nbArr document grpName if nbArr for i 0 i nbArr length i img nbArr i img src img MM up img MM dn 0 document grpName nbArr new Array for i 2 i 形象展示 专卖店形象 法律声明 联系我们 Copyright 2010 2012 傑思梵服装宣传网 版权所有 第 32 页 9 特许加盟展示 图 6 1 加盟流程 图 6 2 加盟优势 第 33 页 图 6 3 加盟条件 10 运行代码如下 傑思梵服装宣传网站 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 n n substring 0 p if x d n for i 0 xi x d forms i n for i 0 x img MM up args 3 img MM dn img src if nbArr document grpName null nbArr document grpName new Array nbArr nbArr length img for i 4 i args length 1 i 2 if img MM findObj args i null if img MM up img MM up img src img src img MM dn args i 1 nbArr nbArr 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 args i null if img MM up img MM up img src img src img MM dn nbArr nbArr length img else if event out for i 0 i document MM nbOver length i img document MM nbOver i img src img MM dn img MM dn img MM up else if event down nbArr document grpName if nbArr for i 0 i nbArr length i img nbArr i img src img MM up img MM dn 0 document grpName nbArr new Array for i 2 i 加盟流程 加盟优势 加盟条件 法律声明 联系我们 Copyright 2010 2012 傑思梵服装宣传网 版权所有 第 37 页 11 联系我们展示 图 7 1 联系我们 12 运行代码如下 傑思梵服装宣传网站 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 n n substring 0 p if x d n for i 0 xi x d forms i n for i 0 x img MM up args 3 img MM dn img src if nbArr document grpName null nbArr document grpName new Array nbArr nbArr length img for i 4 i args length 1 i 2 if img MM findObj args i null if img MM up img MM up img src img src img MM dn args i 1 nbArr nbArr 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 args i null if img MM up img MM up img src img src img MM dn nbArr nbArr length img else if event out for i 0 i document MM nbOver length i img document MM nbOver i img src img MM dn img MM dn img MM up else if event down nbArr document grpName if nbArr for i 0 i nbArr length i img nbArr i img src img MM up img MM dn 0 document grpName nbArr new Array for i 2 i 第 39 页 法律声明 联系我们 第 41 页 Copyright 2010 2012 傑思梵服装宣传网 版权所有 13 法律声明展示 图 8 1 法律声明 14 运行代码如下 傑思梵服装宣传网站 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 n n substring 0 p 第 42 页 if x d n for i 0 xi x d forms i n for i 0 x img MM up args 3 img MM dn img src if nbArr document grpName null nbArr document grpName new Array nbArr nbArr length img for i 4 i args length 1 i 2 if img MM findObj args i null if img MM up img MM up img src img src img MM dn args i 1 nbArr nbArr 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 args i null if img MM up img MM up img src img src img MM dn nbArr nbArr length img else if event out for i 0 i document MM nbOver length i img document MM nbOver i img src img MM dn img MM dn img MM up else if event down nbArr document grpName if nbArr for i 0 i nbArr length i img nbArr i img src img MM up img MM dn 0 document grpName nbArr new Array for i 2 i 第 44 页 法律声明 联系我们 第 45 页 Copyright 2010 2012 傑思梵服装宣传网 版权所有 第第 5 5 章章 网站的发布与宣传网站的发布与宣传 5 15 1 网站发布技术网站发布技术 发布网站的方法与 Web 网站在 Internetz 中的类型有关 简单地说可以分 为两种类型 自主网站和寄宿网站 自主网站就是自己有 WEB 服务器 有域名 并且该服务器是通过专线连接 到 Internet 网络上的 在自助网站上发布网站时 可以采取 FTP 传输方法 或 者直接将网站文档复制到服务器上的制定目录中 寄宿网站就是将网站放置到 Internet 网络中别人的 WEB 服务器上 在 Internet 中有许多网站提供这种服务 有收费的和免费的 收费的寄宿网站空 间大 速度快 免费得空间小 广告多 5 25 2 网站宣传技术网站宣传技术 5 2 1 传统式宣传 传统式宣传就是通过广告媒介来把自己的品牌宣传出去 让别人知道你 就像是电视广告一样的宣传手段 还有一种就是利用大型的门户网站宣传 比 如说 百度 谷歌 淘宝 天涯等等在右侧闲置的地方放上自己的广告招牌 但是传统的宣传有局限性 那就是资金问题 这些都是以秒钟收费