“气味图书馆”网站设计与实现毕业设计论文.pdf

《“气味图书馆”网站设计与实现毕业设计论文.pdf》由会员分享，可在线阅读，更多相关《“气味图书馆”网站设计与实现毕业设计论文.pdf（29页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、摘要随着信息技术的高速发展以及计算机网络的广泛应用，建设企业 网站成为了大势所趋。企业网站是企业在互联网上进行网络营销与形 象宣传的平台，是企业在网络上的“名片”，企业网站的建设不但对 企业形象是一种有效的宣传，同时可以帮助企业拓展销售渠道，提升 企业知名度。本文紧扣气味图书馆企业网站的设计实现这一主题，通过资料素 材收集整理，网站结构规划，网站页面设计、网站建设等步骤，完成 了气味图书馆网站建设。气味图书馆企业网站建设旨在通过建设一个 具有吸引力和人性化的企业网站，进行品牌宣传及推广、树立企业形 象、提高企业知名度。关键词：气味图书馆；网站设计；企业网站关键词：气味图书馆；网站设计；企业网站

2、This document is produced by free version of Print2Flash.Visit for more information目录弓言.1第一章网站建设背景.21.1企业网站设计目的.21.2网站建设需求分析.31.3网站总体结构.5第二章前期准备.72.1素材收集整理.72.2 L OGO 设计.82.3 Banner 设计.102.4首页效果图.13第三章网页设计制作.143.1首页设计制作.143.2其他页面设计制作.17第四章网站运营推广.224.1电子邮件推广.224.2 及时通讯工具推广一QQ.234.3 SN S社区营销推广一微博.23总

3、结.25致 谢.26参考文献.27This document is produced by free version of Print2Flash.Visit for more information 引言现代信息技术的发展和电商平台的优化，为人们的生产生活提供 了极大便利的同时，也给企业一直以来单一的营销模式带来了全新的 挑战，这使得企业必须重新拟定发展方式，更多地探求与互联网的融 合之路。本文以建设“气味图书馆企业网站为例，对当前大环境下企业 网站的建设进行了缜密分析和规划，正基于这个背景，本人通过许许 多多的设计和制作，从而达到企业网站的建设和实现。通过企业网站,企业可以管理推广产品、开

4、展优惠活动、有效招商引资等等。企业网 站的建立，将为企业更好地拓宽营销渠道、走向电商市场打下结实的 基础。第1页This document is produced by free version of Print2Flash.Visit for more information第一章网站建设背景1.11.1企业网站设计目的企业网站是企业在互联网上进行网络营销与形象宣传的平台，相当于一个企业在网络上 的“名片”=随着经济全球化和电子商务经济的迅速发展,企业建立网站与开展电子商务是一个不可 回避的现实，建设企业网站可使企业具备以下优势：(1)在竞争中把握优势。国际互联网用户在迅速的增长，网站已经成

5、为公司不可或缺 的一个重要组成部分，有百分之九十以上的大小企业、政府机构、学校都设法在网络上建立 自己的网站，供数千万的网民前来浏览、查询。而在未来的几十年内网络还会迅速发展，没 有网站的企业将会在信息化时代失去网络展示的机会；(2)建立企业形象。网站的形象直接代表着整个企业的形象，建立企业网站可以更好 地展示企业产品，也能够向合作对象展示企业的实力；(3)可以更好地服务顾客。建立企业网站，开设网上信息咨询，能够与外部建立实时 的信息交流，并快速便捷的解决客户所提出的问题；(4)能够尽快的更新信息。相比起传统的印刷方式，电子出版即灵活、简约又能够省 下大笔的纸张与油墨的经费；(5)可以与潜在用

6、户建立联系。网民在网上浏览信息时，看见网站更新的信息，就会 点击进去进一步了解，从而可能成为企业产品的客户，这为挖掘潜在客户提供了重要的平台 和渠道。气味图书馆作为一家以销售香水商品为主的企业，建立自己的企业网站是非常必要的。首先可以通过企业网站推广产品，提高产品整体的用户体验度与满意度，其次可以提高企业 的知名度，树立品牌形象。第2页This document is produced by free version of Print2Flash.Visit for more information1.21.2网站建设需求分析1、电子商务发展现状21世纪是网络信息化的时代，随着生活条件的日益进

7、步，人们对网络的认识也有了一 定的改变。电子商务和物流服务的迅速发展让人们只需简单的在电脑前敲两下就能实现一笔 买卖或者得到相应的服务。企业的营销模式也慢慢从单一的线下营销转向有巨大消费潜力的 线上营销，企业转战线上营销的前提就需要建立一个优秀的企业网站来展示企业品牌形象及 企业产品。2015年，随着互联网+概念的提出，越来越多的传统企业开始探求与互联网的融合之路，这也将进一步推动电子商务行业的发展。近年来，中国电子商务快速发展，交易额连创新高。淘宝、天猫于2009年创立“双十 一”购物狂欢节，创立之初单日销量仅几千万；第二年，商家和消费者热情高涨，“双十一”单日销量近10亿；2011年至今，

8、“双十一”进入爆发式增长阶段，各大电商纷纷加入促销 阵营，齐力推动双一交易额年年创新高，2016年，双一交易额更是高达1708.7亿元，“双十一已然成为年度最大的消费盛宴。图1.1 2016年“双十一”销售数据图综上所述，为迎合时势需要，也为了扩大市场，打响品牌知名度，建立企业网站势 在必行。2、本网站建设必要性伴随着电子商务的迅猛发展，中国电商企业的迅速崛起，在带来社会生活方式和思维方 式变革的同时也给传统零售企业造成了巨大的冲击。这使得越来越多的企业包括一些传统企 业也开始关注这个虚拟交易王国中潜在的巨大市场份额，纷纷开展“互联网+”行动或直接 转型进军电商市场。第3页This docum

9、ent is produced by free version of Print2Flash.Visit for more information由下图数据可知，2014-2016年之间，线上和线下的销售总额都在稳步增加，而线上销 售的总额远远领先于线下销售总额。这表明线上营销的市场需求越来越大，有需求就需要供 给，而且从以上数据来看，未来线上销售的市场前景将更为广阔。因而“气味图书馆”香水 企业非常有必要建设气味图书馆网站，并将其作为企业网上的宣传展示和营销的渠道的方式 之一，以争取在未来的线上市场中占据优势。下图为2014年至2016年年香水行业线上/线 下销售额：香水缘JL粽下销解干力无

10、）.及下图1.2 2014年至2016年香水行业线上/线下销售额从2014-2016年网购性别比例图和女性网购数据图可以看出，女性消费群体远高于男 性，女性网购群体在网购市场中扮演着重要的角色，对于如何抓住女性网民的网购心理，是 气味图书馆香水企业发展的关键。根据艾瑞咨询近期发布的中国网络购物用户行为研究报 告的数据显示，2016年，女性用户相比较于男性用户更热衷网购；在网购累计金额5000 元以上、网购频次30次以上的高区间分布中，女性用户所占比例均高于男性。因此，在未 来的商业竞争中，谁知女人心谁就控制了女人的钱包，抢到了女性消费市场这块大奶酪。气 味图书馆网站是面向女性消费者建设的香水产

11、品展示和销售的企业网站，这为企业抢占女性 消费市场份额打下了结实的基础。（具体如图1.3所示）。2014-2016年（千万元）图1.3 2014年至2016年性别比例图与女性网购数据图第4页This document is produced by free version of Print2Flash.Visit for more information由于本公司已在天猫开设天猫旗舰店，却没有自己的官方网站，所以，为了扩大市场，打响品牌知名度，特建设了本网站，以做到向客户们宣传和体验的效果，为更多的女性消费 者带来一场嗅觉上的盛宴。综上所述，气味图书馆企业网站的建设的必要性有以下几点：一是电子

12、商务的迅速发展 要求企业建立自己的网站，才能在未来的线上电商发展中占有一席之地。二是女性消费者已 逐渐成为网购的主要人群，而气味图书馆作为一家生产女性香水的企业，通过网络渠道为女 性消费者提供相应的服务，同时根据女性的购物特点，拓宽产品销售与展示的渠道成为当务 之急。三是气味图书馆天猫店铺的发展也需要建立企业官网进行产品和服务的支持。四是建 设本企业网站能够优化企业商业布局，从而实现提高销售额、客户友好度、知名度以及信任 度的目的。气味图书馆网站作为本企业的官方网站，在不久的将来，一定能为企业的发展带 来积极深远的影响。1.31.3网站整体结构网站结构是指网站中页面间的层次关系；按性质可分为逻

13、辑结构及物理结构。网站结构 对网站的搜索引擎友好性及用户体验有着非常重要的影响。完整的网站结构能够帮助用户快1、“关于气味图书馆栏目：本栏目主要介绍本公司，让客户对本品牌有一定的了解,从而对本公司产生兴趣；第5页This document is produced by free version of Print2Flash.Visit for more information2、“产品展示栏目：本栏目主要展示公司所有的商品，还能通过页面的商品图片链接商品的详细说明；3、“最受欢迎栏目：本栏目主要展示公司热门商品的排行；4、“联系我们”栏目：进行用户留言的收集，加强网站与用户之间的联系，并且发布

14、 公司招聘信息。以上组成部分构成了网站的整体框架，使网站看起来井然有序。让用户能够方便的找到 自己所需要的信息，从而提高客户的满意度与信任度。第6页This document is produced by free version of Print2Flash.Visit for more information第二章前期准备2.12.1素材收集整理1、文字素材本网站的文字素材首先在百度搜索引擎等网站采用检索关键词“气味图书馆的公司简 介”“气味图书馆的品牌特色”“招纳人才用语”进行下载获得，然后将众多的资料进行仔 细的筛选、概括、归纳，最后应用于网站。2、图片素材本网站图片素材主要是在“推糖

15、网”“千库网”等网站通过检索关键词“手绘花朵”“手 绘城市”“高清背景”下载获得，并在此基础上利用Photoshop图片处理软件进行尺寸调整、抠图等技术，依据网站主题需要处理后应用于本网站中。比如：首页轮播图中彩虹淡香水海报图片通过在千库网上下载原始图片素材如图2.1 所示，通过运用Photoshop图片处理软件的抠图技术、调整图片的亮度、调整图片尺寸等处 理，从而实现彩虹淡香水海报效果图片如图2.2所示。图2.1素材图片图2.2彩虹淡香水海报效果图第7页This document is produced by free version of Print2Flash.Visit for mor

16、e information2.2 Logo 2.2 Logo 设计L ogo作为一种辨别和传播信息的视觉图形，具有识别、领导、统一、涵概、革新等特 性，以其简洁、优美、形象的造型语言，体现着品牌的特点和企业的门面。通过log。形象 的徽标可以让消费者记住公司主体和品牌文化。本网站L OGO主要由文字和图形两个部分组成，其中文字部分上下排列显示了繁体中文 文字“气味图书馆和其对应的英文文字“SCEN T L I BRARY”，中文文字字体采用经典粗黑繁,40号字体大小、加粗显示；英文文字字体为Times N ew Roman,30号字、加粗。之所以这 样设计品牌名称是为了让客户进入本网站对于本网

17、站的品牌一目了然，方便记忆。而L OGO 的图形部分则绘制了一个香水瓶的手绘轮廓图，并通过采用橘粉色，这一香水的颜色，给人 柔和、浪漫的印象。下图为logo效果图：图2.3 logo效果图本网站的logo设计采用所学Photoshop工具通过抠图技术、调整图片以及文字大小设计完成。其具体实现过程如下：1、在Photoshop中新建一个宽340,高130的空白背景；图2.4新建背景2、在Photoshop中使用文字工具在空白背景中打上“气味图书馆，设置字体为经典粗黑繁、40号字、加粗;第8页This document is produced by free version of Print2Fl

18、ash.Visit for more information*.,：图2.5 L ogo中文字体设置3、在Photoshop中使用文字工具在空白背景中打上“SCEN T L ABRARY”，设置字体为Times N ew Roman、30号字、加粗，并调整字体的位置;图2.6 L ogo英文字体设置4、在文件中打开准备好的图片素材，使用魔棒工具对图片素材进行抠图，抠好之后调 整图片的大小，放入适当的位置。完成所有步骤之后，logo设计完成。图2.7 L OGO效果实现第9页This document is produced by free version of Print2Flash.Visi

19、t for more information2.3 banner 2.3 banner 设计一个好的网站，banner的作用起到了不容忽视的作用。在用户浏览网页信息的同时，吸引用户对于banner信息的关注，从而获得用户点击banner进入相关链接页面的效果。通 常来说，Banner广告分为三类：静态效果网页广告条、动态网页广告条、交互式网页广告 条。静态效果网页广告条(I mage Banner)、静态的Banner广告就是在网页上显示一幅固 定的图片，它也是早年网络广告常用的一种方式。其优点是制作简单，缺点是显示效果呆板 枯燥；动态网幅广告就有会很多动起来的元素，或漂移或闪动或浮动，其特点

20、是富含的信息 量比较丰富；交互式广告的模式多种多样，比方说游戏、插播式、下拉菜单、填写表格等。本网站的Banner属于动态广告，通过采用JavaScript特效实现图片轮播，两张图片能 够自动轮播使网站更为生动，使其更好地实现网站广告宣传的效果。轮播海报效果图如下：图2.8轮播海报效果图1图2.9轮播海报效果图2本网站的banner采用所学Photoshop X具完成，通过使用滤镜技术、裁切、调整图片 的亮度、对比度、文字大小等进行制作实现。Banner中为桂花味道淡香水宣传图片具体实 现过程如下：第10页This document is produced by free version of

21、 Print2Flash.Visit for more information1、在Photoshop中新建一个宽1300,高650的空白背景;图 2.10 banner 新建2、在空白背景里新建一个图层，打开拾色器填充新建图层为米色，填充完成之后打开 滤镜工具-纹理-纹理化，设置纹理化纹理为画布、缩放为100%、凸现为19、光照为上；图2.11滤镜效果设置3、打开从网站上搜索的素材图片，对素材图片进抠图，抠图完成后使用自由转换工具 对图片调整大小、并设置投影，完成之后放置在适当的位置。图2.12素材图片设置4、打开桂花味淡香水商品图片，对商品图片进行抠图、设置外发光，使用自由变换工第11页T

22、his document is produced by free version of Print2Flash.Visit for more information具调整图片大小放置在合适的位置。图2.13商品图片设置5、在Photoshop中打开文字工具，在适当的位置打上文字，设置文字为蓍法家秀款醴、36字号、加粗;*砖，以./:一，Z ZW WX.X.VHJJ VHJJ 玉.7 7 GAS JGAS J图 2.14文字设置6、完成上述步骤之后，桂花味道淡香水宣传图片完成。下图为banner效果图:图2.15桂花味道淡香水宣传效果图下面为banner的JavaScript部分特效代码：$(f

23、unction()(第12页This document is produced by free version of Print2Flash.Visit for more information var focusBannerfunction()var$focusBanner=$(财focus-banner),$bannerL ist=$(n#focus-banner-1ist lin),$focusHandle=$(n.focus-handle),$bannerlmg=$(.focus-banner-img),$nextBnt=$C，#next-imgn),$prevBnt=$(#prev-

24、imgn),$focusBubb1e=$(n#focus-bubb1eP,bannerL ength=$bannerL ist.length,_index=0,_tiiner=”；2.42.4首页效果图网站首页是企业网上的虚拟门面，首页作为体现公司形象的重中之重，也是网站所有信 息的归类目录或分类缩影。下图为首页的效果图：图2.16首页效果图第13页This document is produced by free version of Print2Flash.Visit for more information第三章网页设计制作3.13.1首页设计制作首页是网站的门面，是网站的形象展示。首页

25、的作用是网站内容的汇总和索引，在首页 可以把文字和图片进行链接，在栏目页比较多的时候，通过首页可以链接到网站其他子页面 中去，因此，首页在网站中必不可少，而且是非常重要的一个页面。通常来说，首页设计应 该遵循以下原则，即：网站首页的设计，既要从外观上进行创意，以达到吸引客户眼球的目 的，还要结合图形和版面设计的相关原理，从而使得网站设计变成一门独特的艺术，应该把 用户最需要的内容放在首页最醒目的地方，让用户一进入网站就可以发现自己需要的东西。1、首页布局本网站首页布局为框架型布局，其布局图如图3.1所示。图3.1首页布局图本网站首页采用手绘风格，顶部的logo与导航栏部分使用手绘浆果为背景，底

26、部的文 字链接为网站地图。中间插入了四大块，banner部分使用JavaScript特效代码设置为轮播 动画。新品展示部分的背景设置为手绘荷叶，并在六个商品图上设置了鼠标经过图像与超链 接，可以点击获取商品详情。自然系列展示部分，图片采用鼠标经过图像，在自然系列展示 图片上设置有超链接，点击会自动跳转至商品介绍页面。公司简介部分为“气味图书馆的第14页This document is produced by free version of Print2Flash.Visit for more information 基本信息，方便客户在浏览网站时就能够对公司有基本的了解。最顶部导航栏使用了 J

27、avaScript特效动画，使网站更为生动、有趣。本页面设置有微信公众号、意见反馈、天 猫旗舰店的悬浮窗口，以方便客户在线联系或者购买进入手机端天猫旗舰店购买产品。本页面的颜色以棕色为主，白色为背景颜色。棕色能够让人联想到泥土、朴实、自然，健康的感觉，但由于棕色不够鲜明，所以用了白色背景与之融合，使页面整体的颜色不会给 人沉闷的感觉。新品展示与自然系列展示专区全部通过精心设计，每一张图片都设置有超链 接，能够帮助用户找到需要的信息。本网站作为一个香水网站，网站风格偏自然、清新、优 雅，色彩倾向于优雅、清新、浪漫。2、导航条动态效果导航条是指通过一定的技术手段，为网站的访问者提供方便，使其能够便

28、捷地访问到所 需要的内容的快速通道。利用导航条，客户就能够快速的找到需要浏览的页面。因此，导航 条一定要简洁明了、直观、明确。本页面导航栏设置为动态二级页面，当鼠标放在导航栏上时，能够出现动态下拉菜单效 果，使网站看起来更为生动，也给用户更佳的体验度，从而提升网站实现效果。导航条效果 如图3.2所示:图3.2导航条效果图导航条动态下拉菜单效果采用css美化实现，部分代码如下:ul class=menu 主页。aa href=gsjjl.html关于气味图书馆ul class=submenu”公司简介/li品牌故事品牌特色获得荣誉第15页This document is produced by

29、free version of Print2Flash.Visit for more information3、商品陈列动态效果首页中商品陈列部分采用了鼠标经过图像变化的动态效果实现，即：当鼠标置于某商品 图片上方时，商品图片转换为粉红背景的商品介绍文字。这样的设计不仅可以使得网页显示 效果更为生动，而且可以让用户初步了解商品陈列部分各商品的基本信息，便于用户根据需 求选择性点击所需了解的商品页面。商品陈列动态效果如图3.3所示：当鼠标经过图像图3.3首页商品陈列部分鼠标经过效果4、悬浮窗口为便于网站与客户的在线交流，及时了解客户的需求及反馈，网站首页设计了一组悬浮 窗口。悬浮窗口设计了三种客

30、户在线联系方式，分别是：微信公众号、在线留言及天猫旗舰 店。当客户把鼠标放在悬浮窗口中的微信公众号图标上时，会自动弹出“气味图书馆品牌 微信公众号的二维码，客户通过扫描二维码关注本品牌微信公众号；当客户将鼠标置于在线 留言图标上时，网页则自动跳转到在线留言网页，用户可以输入留言信息并提交；而天猫旗 舰店二维码则可以引导客户跳转到“气味图书馆天猫旗舰店店铺，通过手机终端在线浏览 店铺商品并下单。如图3.4所示为悬浮框效果图：第16页This document is produced by free version of Print2Flash.Visit for more information

31、天猫旗舰店图3.4悬浮框效果图以下为悬浮框的css美化特效代码：div class=toolbar3.23.2其他页面设计制作1、“关于气味图书馆页面本网页采用DI V布局网页各部分，然后采用CSS样式实现网页的美化。具体来说，页面 布局图如图3.5所示：第17页This document is produced by free version of Print2Flash.Visit for more information图3.5“关于气味图书馆布局图此页面包含了 logo、动态导航条，本页面采用静态页面。页面分为三大块，顶部为logo 与导航栏。中间部分分为两个区块，一块为侧面文字导航栏

32、，客户可以根据需要点击文字导 航栏，以了解更多公司信息。另一块为公司简介，客户通过阅读公司简介文字内容，以了解 公司的基本信息。底部为网站地图的文字链接。为了凸显“关于气味图书馆品牌自然、优雅的风格特点，本页面的背景颜色为灰色，页面整体风格与主页面一致，采用手绘风格，并在不同的子页面有不同的手绘插画，插画全 部采用花卉植物，使页面看起来美观而不失统一。本页面通过对“气味图书馆的基本介绍，使客户能够更多的了解“气味图书馆。页 面设置的文字导航，可以为客户提供更多公司的故事与品牌特色。本网页效果如图3.6所示：第18页This document is produced by free versio

33、n of Print2Flash.Visit for more information气味简介:从代o 4M*K2o isnM.（r：ra ra w.f oia*场木刊以住的y*盛女，hi为*方人的、只桁尔方人才r.人们耐人的.n*./量尊停感言悬由停的.作为 个厅姓的y人Hi布她，.HnKtAKHW*可以Jfi出f东方人fii）香4Ub.蛆后善均个 MweiMPtn.Kffi-ia 申信p*句ta亿-的方式 家011来的敷力孑打雄不四的香水 -re nmw的障何方式料试曲尊式.ft/j f-，蛛化/生崛为式WI助人fj曼生他1予.卜布众参个代美孑费们裱，合n公介ttxa f)mmSBM 店n

34、MiWBttr#la o wtrw.gkib在北织*.图3.6关于气味图书馆效果图2、“产品展示页面本页面主要用于展示公司产品，以方便客户查看产品信息，并找到自己想要购买的产品。产品展示区图片排列方式主要采用简洁的平铺方式，并在图片上设置了鼠标经过图像，以方 便客户更加了解本产品的特性，能够增加其购买欲望，从而增加本公司产品的销售量。本页 面效果如图3.7所示：第19页This document is produced by free version of Print2Flash.Visit for more informationXfa n RKftfi出 WIRe leAMl 姓*1R*的

35、租 CMlf)QLRing BWRH图3.7产品展示页面本页面主要分为banner轮播动画与商品陈列区。Banner部分通过JavaScript特效效 果让两张图片自动轮播，使整个页面更为生动、有趣，banner的设计以其商品特点为主，例如东京气味淡香水本身的瓶身颜色为粉红色，特使用比瓶身本身颜色还深的粉红色作为 banner的背景颜色。东京气味淡香水为城市系列，特使用与之对应的东京风格樱花、雨伞、富士山作为商品的背景图案，在商品的旁边为东京气味淡香水的“气味故事，“气味故事 以东京爱情故事中的主角赤名莉香与丸治的爱情作为香水的设计起点，整段描述了东京 气味淡香水的设计理念。如图3.8与3.9

36、所示为“产品展示页面banner海报图：气味故事”在送座城市里,臬花以秒建五厘米飞落，穿着和服的少女在星日的 摘虬里捋一捋头发，赤名莉香奔地向丸治.大大声说我喜欢你”,瞬晴里满满的勇散和坦字，涩谷百货庙里，女孩裙角的蕾丝it吱肢若 隧若现*妆容精玫得燎一只会跳舞的人儡：肆奇动情，却意撒矫、肆意告白、肆意舞蹈、肆意相夔、肆意美丽；因为你的青春在夺目，也因为你身处于花树M烂的东京图3.8 banner海报图1 第20页This document is produced by free version of Print2Flash.Visit for more information“气味故事”焙在

37、史崎中的女人是美丽的，不管是不怪人事的少女；还是饱建H.有的夫人，史婿永远是美丽的保衅膜，就如在电影两小无状中的小女孩，依旧记停他复古的h辱，侵卷的发貌，一重女神itir如釜女一般，无所畏惧的亲吻着也麦的野人，韩峰之间，嗣崎生姿，即使下一秒就瞿固春水观图3.9 banner海报图2本页面商品陈列区使用了鼠标经过图像变化的动态效果实现，当鼠标置于某商品图片上 方时，图片转换为灰色背景的商品名称文字。这样的设计使得网页显示效果更为生动，也让 用户了解了商品名称信息，便于用户根据需求选择性点击所需了解的商品详情。商品陈列区 的背景根据商品系列分别使用了不同的背景图案，例如“爱系列”商品陈列区背景使用

38、玫瑰 花图案，以热情奔放的玫瑰花来代表爱情。下图为“产品展示页面商品陈列区效果图：2愚标绞迂图，象图3.10商品陈列区效果第21页This document is produced by free version of Print2Flash.Visit for more information第四章网站运营推广4.14.1电子邮件推广电子邮件推广是利用邮件列表（客户名录）将信息通过Email发送到对方邮箱，它领域 广、操作简洁、成本低廉，是一种非常好的联络工具。每一种营销都是有特定的流程的，电子邮件也是一个有系统，有步骤的营销。本网站具 体实施邮件推广有以下步骤：1、确定电子邮件推广的任务和

39、目标是为客户推送最新的优惠活动，让更多的客户知道 本次活动，从而引导客户参与活动；2、明确电子邮件推广的目标客户为广大香水爱好者以及本公司的老客户；3、为了能够做到很好的宣传推广效应，经过多次筛选，将推广主题定位“气味图书馆双十二大促来啦！”，以此吸引客户点击查看邮件；4、确定本次电子邮件推广内容为“双十二活动主要内容。下图为网站电子邮箱推广图：湛ijg-渤暗S I分别套2通气味囹书埴双十二大促来啦！I!/建瘀蛔 理椭件照片，巨文档+RS-初.更多 A 岫zxl.jpg 添址SEKffl!除做 B I U El K.:E.it A 气味图书馆以十二大促来啦！!:全场五折起售，错过再等一年！!点

40、击进入店铺：https:/ 2 IM4 2 IM即时通讯工具推广一-QQQQI M推广，又叫即时通讯推广，常见I M营销推广方法有QQ、MSN、飞信、雅虎通、GTAL K、旺旺等，目前使用最多的是QQ方面的推广。这种推广方法成本低廉，而且是一种操作相比来 说更简单的推广措施。第22页This document is produced by free version of Print2Flash.Visit for more informationQQ推广的特点：（1）精确度高，针对性强；（2）操作简洁：很多人都会运用；（3）适用性强：用户群体庞大，推广的覆盖面广；（4）低成本：几乎是不需成本。

41、本网站在实施QQ推广的过程中采用了如下方法：（1）设置QQ头像信息：通常QQ头像要求富有特色、正规。为此，将气味图书馆的log。作 为头像；（2）设置QQ网名：将“气味图书馆”设置为网名；（3）设置QQ空间图像：将“气味图书馆logo设置为空间头像；（4）完善个人资料：资料要填写真实（例如：真实姓名、公司地址、联系电话等），把 个性签名设置为“特殊的味道，气味图书馆，个人资料等设置为气味图书馆的宣传和推广。图4.2 QQ推广本网站QQ空间推广定位人群为老客户。本公司会在QQ空间定期发布新商品信息，从而增 加用户的回访率与转化率。这样即使用户不登陆公司网站，也能够加深用户对于公司的映像,当网站有

42、新的活动或新产品是，通过QQ空间发布信息从而引导客户参与。4.3 SNS4.3 SNS社区营销推广微博SN S即社会性网络效能，宗旨是帮助人们设立社会性网络的互联网应用服务。目前来说 微博是第二盛行、既便宜又有用的推行方式，进行微博推行的话，有一个条件是要粉丝量够 多，并且要时刻在线与博友进行互动、交流，从而加深目标客户对网站的了解。最终得到网 站宣传、加深市场认知度的目标。第23页This document is produced by free version of Print2Flash.Visit for more information 气味图书馆2016-12-27 1935 来言

43、徵溥 W.气味图书馆”是一家以零联气味与记忆”的方式来调制耆占的品牌,致力于打 造”与众不同的看水”概念创新使用接近“图毛宜的陈列方式和W可形式.在这里你可以我到属于你的特殊气味不管你是小清新还是御炬.你都可以找到属于你的“气味图甘阅读2522推广 R转发拿评论0瞥图4.3微博推广本网站在气味图书馆网站SN S社区营销推广中采用软文作为载体，在软文中蕴含网站名 称，以取得较好的推广效果。在发帖或顶贴的时候带上本网站log。图片进行宣传，以提高人 气值，增加用户关注度。第24页This document is produced by free version of Print2Flash.Vis

44、it for more information总结时光匆匆，马上就到了毕业的时候了。三年前，我怀着忐忑的心情来到了湖南现代物流 职业技术学院，选择了我现在所学习的电子商务专业。其实刚开始，电子商务知识对我来说 确实有些难度，也很烦恼，不过在老师和同学们的帮助下，我建立起了信心，也慢慢摸索并 喜欢上了自己的专业。我很庆幸能在我热爱的物院学习、成长，开始自己美丽的梦想。在大学的最后一个月里，我们开始了一次整理三年的思绪和成果的“旅行一一毕业 设计，题目为气味图书馆网站设计与实现我的初始思路便是女生都喜爱的物品一一香 水，起初是想建立自己所想的一个香水品牌网站，但是缺少的资源实在太多了，思来想去，还

45、是得学习和借鉴别人的经验和方法，于是我选择了一个名字很有特色的企业一一气味图书 馆。通过观察其官网的一些结构和产品的特征之后，我把要设计的网站定位为产品展示型，主要用于展示了企业的商品，定时发布一些特惠活动，并且不断更新相关的商品信息。产品 好固然重要，但也得能吸引消费者的眼球，增加其购买的欲望。于是我开始了解和熟读气味 图书馆的相关情况，做到能从企业管理者的角度来切入网站建设这一问题。从文字素材的收 集、图片素材的整合、网站模块的建立、特色功能的开发等众多步骤中，我认识到了，完成 一个优秀的作品，是需要付出多倍的心血和努力的，而且不能懈怠，懈怠就是对自己的成果 不负责任。网站的基本框架整理好

46、了之后，便是内容的添加和设计。首页作为网站的重中之重，其 设计布局构成为：logo、轮播动画、动态展示、探索新品、产品链接。主打产品色调鲜艳、明亮，“甜蜜、优雅、神秘是它的设计理念，可做到吸引人心的效果。导航栏布局设计为：首页、关于气味图书馆、产品展示、最受欢迎、联系我们，这可使消费者更加了解和熟悉企 业，有利于宣传和销售。最后就是整理和修改细节了，虽然大部分已经完成，但是细节决定成败。通过查找和修 改，我找出许多的不足，这也让我了解到，时刻以一丝不苟的态度对待工作，肯定是没有错 的。毕业设计虽然只是针对我们所学的电商专业知识独立完成一家网站的设计与实现，但是 期间所学到的思考方法、知识迁移、

47、学习力的锻炼，对将来的工作是非常有益的，我也将继 续以我认真的工作态度和饱满的工作热情投身于即将到岗的工作中。第25页This document is produced by free version of Print2Flash.Visit for more information致谢在这毕业设计一个月里，大家都诚诚恳恳的做着预示着对大学生活的致敬的毕业设计。我们查找翻阅，我们团队协作，我们思来想去，我们迷茫受挫，这一切的一切，只为让自己 更加完美。特别我对网站设计程序代码的基础知识不牢固，查阅了许多资料还是有许多疑惑,欧阳老师不厌其烦的关心和帮助让我倍感温暖，我想，这就是我的第一份工作，无

48、论如何也 要把他做好，这也是对自己的一种勉励，网站建设信息量很大，是个特别需要细心和耐心的 工作，我知道自己这方面有所欠缺，我将更加努力地去完善和发展自己！特别感谢欧阳老师对我的指导帮助，也感谢同学们的指点，让我的大学得以圆满和梦想 得以启程！最后祝老师们身体健康、工作顺利，祝同学们顺利毕业、美梦成真！第26页This document is produced by free version of Print2Flash.Visit for more information参考文献1 曾小亮.试析企业网站建设模式J.科技创新与应用,2016,(31):104.2 李春丽.Photoshop应用

49、常见问题及解决方法J.价值工程,2015,(02):196-197.3 周金容.网页制作过程与技巧J.软件导刊,2016,(06):149-151.4 徐昊君.电子商务网站的建设研究J.电脑知识与技术,2014,(20):4708-4709.5 谢春松.浅谈网页的界面设计J.大众文艺,2014,(06):96.6 张文红.电子商务网站的推广策略研究J.时代经贸,2016,(27):53-55.7 张岩.电商网站视觉设计应用研究D.湖北工业大学,2016.8 迟静.Banner设计研究J.大众文艺,2016,(24):56.9 网站首页布局参考 http：/ document is produced by free version of Print2Flash.Visit for more information