咖乐生活网站的设计与实现毕业设计论文.pdf

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

1、摘要随着人们生活水平的不断提高和人们不断对生活质量的要求，很 多人在工作之余都想出去多走走逛逛，尤其是以朋友为组织的聚会是 越来越多。随着网络时代的发展趋势，不少的咖啡网站都会在网上登 陆注册，爱好喝咖啡的朋友们就可以在各种不同的网站搜索一些咖啡 网站来了解咖啡的一些相关信息，咖啡网站可以让足不出户的人们了 解到咖啡的品牌、价格及店铺的详细信息和顾客们对咖啡品种的了解 以及评价，咖啡网站为爱好喝咖啡的人们提供了一种便捷、快捷的消 费方式。咖乐生活宣传网站是一个以咖啡网站为主题的信息发布型网站，其中展示了咖啡、甜品、咖啡文化、关于我们、联系我们等的介绍及 咖啡产品种类的展示，网站同时在国外几个著

2、名的网站不定时的更新 网站消息，网站的宗旨就是为热爱喝咖啡的人们提供一个综合性的咖 啡网站。首页的网页布局采用了同字型设计，其他子页面采用了模板以及 上下框架型设计。背景采用了沉稳的棕色，整个网站的色调运用具体 有深棕色、浅棕色、卡其色、白色、黑色、灰色、绿色这几种不同的 颜色。网站首页担任着整个网站的基调，从首页就能够一眼看懂网站 的整体定位。运用静态和动态相结合布局成整个网站的首页，运用喝 咖啡图片作为背景图，来实现整个页面的整体性。关键词：咖啡网站;设计;实现This document is generated by trial version of Print2Flash()目录引言.

3、1第一章设计背景.21.1企业网站设计目的.21.2网站建设需求分析.31.3网站整体结构.5第二章前期准备.62.1素材收集整理.62.2 LOGO 设计.72.3 Banner 设计.82.4首页效果图.10第三章网页设计制作.123.1首页设计制作.123.2其他页面设计制作.15第四章网站运营推广.214.1 电子邮件推广.214.2 I M及时通讯工具推广一QQ.224.3 SNS社区营销推广一一微博、微信、论坛.23总结.25致谢.26参考文献.27Document generation powered by Print2Flash.Visit for more informati

4、on引言随着时代的发展和人们生活理念的进一步改变，咖啡业已经成为了全球经济中发展最迅 猛的产业之一。咖啡业在城市经济发展中的产品位置、经济作用逐渐加强，大量出现的咖啡 网站正成为城市文明进步、经济增长的亮点，带动了咖啡消费量的增加，形成巨大消费潜在 市场，正因为咖啡业的迅速发展，从而促使我萌发了设计咖乐生活网站的想法。本网站主要以提升咖乐生活的店铺形象从而达到推广网站为出发点来设计，全网站共设 计了首页、咖啡、甜品、咖啡文化、关于我们、联系我们五个栏目，让顾客能够全面的了解 咖乐生活网站以及一些咖啡知识、文化。在技术实现上运用了 flash动画、js代码、鼠标 经过、鼠标经过放大图像、文字滚动

5、等等，这样可以使网站更加生动形象。因此，本网站通过对咖啡网站的研究调查，对其进行了全面的分析后设计出了此网站，这样可以让喜欢喝咖啡的顾客能够更好的了解此网站，企业也可以打破地域的限制将各种咖 啡的消费方式以最经济的方式结合在一起，同时也使企业降低了一定的运营成本。然而企业 网站的开发意义在于让访客及时了解公司动态、最新产品以及顾客信息的及时反馈，这样既 达到了企业产品的宣传与推广，又实现了顾客与企业之间的沟通。Document produced by Print2Flash()第一章设计背景1.11.1企业网站设计目的1.当前咖啡业的发展背景随着时代的发展和人们生活理念的进一步改变，咖啡业已经

6、成为了全球经济中发展最迅 猛的产业之一。咖啡业在城市经济发展中的产品位置、经济作用逐渐加强，大量出现的咖啡 网站正成为城市文明进步、经济增长的亮点，带动了咖啡消费量的增加，形成巨大消费潜在 市场。尼尔森研究显示：中国咖啡消费市场10年的高速增长，而且每年市场增长速度为15%以上，在全世界实属罕见，而国际发达国家市场每年增长速度仅为2-3%。有关专家预计，到2020年中国咖啡消费市场预计可以达到1万亿元人民币，2030年之前，中国咖啡消费市 场可能会到23万亿元人民币，成熟的中国咖啡消费市场，应该会在34万亿元人民币。同时，二三线城市咖啡消费量不断增加，所占的市场分额也不断增加，将成为中国咖啡市

7、场 及未来20年的核心推动市场。2.咖乐生活网站简介咖啡主要介绍网站的咖啡产品及其价格；甜品主要介绍本网站的甜品产品以及其价格。咖啡文化介绍喝咖啡的利与弊以及饮用禁忌和一小部分关于咖啡文化的小故事链接，点 击进入便可以阅读一些关于喝咖啡的常识和有关如何挑选好咖啡等。关于我们介绍了咖啡馆的起源及本网站的产品优越性、过硬的技术、准确的市场定位和 先进的营销理念。联系我们主要有留言板、QQ在线以及二维码展示，顾客可以通过QQ在线提问和直接留 言给我们。3.设计目的公司官网的设计主要介绍咖乐生活咖啡馆的店铺形象，随着互联网的影响力不断提升，咖啡网站的前途比咖啡业更有优势。咖啡网站能够传播的信息量更加大

8、、获取各种资讯变得 更加快捷。爱好喝咖啡的人们可以在网站中查阅文字信息、浏览各种关于咖啡的图片、还可 以查询喝咖啡的利弊与要注意的饮用禁忌等详细的信息。因为咖啡网站可以打破地域的限 制，可以将各种咖啡的消费方式以最经济的方式结合在一起，同时开设实体店也降低了一定 的运营成本，这就使得咖啡资源的所有者和消费者都能够获益。This document is produced by Print2Flash.Get and try it from for free!通过自身网站的美观度众多网站中脱颖而出，迅速帮助企业树立形象，提升网站的宣传 力度。所以说做一个好的、并且足有吸引人的网站设计其风格必须要突

9、出，通过网站风格的 独特，直接给自身网站和所处行业的其它网站之间营造出一种清晰的辨识度。本站设计为分 裂式布局，颜色以浅棕色、卡其色和白色为主，整个页面布局简单明了，采用的图片、图片 轮播与文字相结合。咖乐生活宣传网站是一个以介绍咖啡和咖啡产品展示为主的静态网站，主要是以首页为主，且首页使用了 flash动画制作而成的动画，还有咖啡、甜品、咖啡文化、关于我们、联系我们等栏目组成，其每个页面都充分的展示了其特色。浏览者可以在网页上 浏览到很多有关咖啡的详细信息。1.21.2网站建设需求分析1.2.1咖乐生活网站建设的必要性1、可以节约店铺的成本在当今社会，我们可以随处看到宣传广告，可能有的广告不

10、会吸引到你的注目，但是我 们不得不承认我们生活在一个网络发展越来越快、快来越好的时代，基本上家家户户都在使 用着网络，在网络上预览着形形色色的广告，一个好的网站就好比在报纸上和电视上做的相 关宣传，两者差别在于网站的容量更大，我们可以把任何想让咖啡爱好者及大众知道的内容 放入网站。此外，相对来说，网站的投入比其他广告方式要低的多。2、进一步的介绍本网站这是企业网站最重要的内容之一，也是为什么那么多企业十分注重网站建设的根本原 因。网站的内容必须要坚持每天更新，随时反映着企业网站的最新资讯。顾客们在网上预览 咖啡讯息的时候，会在首页中最先看到本网站的更新动态，就会点进去进一步了解，就这一 点而言

11、，我们又进一步的介绍了我们网站，让那些正在了解咖啡网站讯息的人们对我们网站 产生兴趣，又为我们创造了机会。3、可以更好的展示网站一个网站最基本的功能，就是可以全面、详细地为顾客介绍咖啡产品，我们可以把任何 想让别人知道的信息放入网址。比如：咖啡产品介绍、咖啡的种类、甜品、咖啡文化等都可 以展示到本站官网。4、密切了与客户之间了沟通与了解每当人们想知道咖啡有什么新的资讯，甚至只是想知道该网站有什么最新资讯时，他们3This document is generated by trial version of Print2Flash.Visit for more information 就会习惯性的

12、进入该企业的网址。由于大多数的企业已经把所有相关咖啡的介绍信息发布于 到网上，并且定期在网上发布有关景区发生的有趣新闻信息。企业有了网站后便可以运用网 络与顾客者获得进一步的了解与沟通。1.2.2网站定位分析21世纪网络信息化的时代，随着人们生活条件的日益进步，对网络的认识也有了一定 的改变。人们上网不再是简简单单的聊天，发E-MAI L,网络把人与人的距离，把企业与企 业的距离拉近了，只需简单的在电脑前敲两下就能实现一比买卖或者得到相应的服务，让你 足不出户就能够知道全国甚至全球的旅游资讯，网络，已慢慢的融入到人们的心中，并在我 们的生活中起到了重要的作用。目前，全球约有15亿的用户接入了因

13、特网，今后会更为壮大。通过建设一个网站，可 以更好的展示企业网站。在当前，门户博客、网店、微博、轻博等平台虽然可以更好的对自 己展示。但是，网站仍然是最重要的自我展示的方案。因此，建设一个与自身形象相称或者 更新颖的网站，是当前时代必不可少的选择！网站设计的方向性指企业网站设计如何定位，希望能达到什么目的。企业的决策层、业 务层应负起重大的责任，可以通过一些调查来得出适合本企业发展的网站建设方向。本网站通过对同类型企业官网的调查分析，确定本网站定位为信息发布型，网站是我们 面对互联网用户的“桥梁，这个“桥梁的完美程度将对访客对于我们的第一印象产生极 大的影响，本网站主要用于宣传咖乐生活的形象，

14、扩大网站的宣传力、影响力、树立行业标 杆，让更多爱好浏览网站的人能够更快捷的浏览到我们公司的网站，对我们的咖乐生活网站 产生兴趣。所以，为迎合时势需要，也为了扩大市场，打响品牌知名度，特建设了本网站，以做到宣传咖乐生活网站这样一个效果。Document generation powered by Print2Flash.Get and try it from for free!1.31.3网站整体结构网站结构是指网站中页面间的层次关系，按性质可分为逻辑结构及物理结构。网站结构 对网站的搜索引擎友好性及用户体验有着十分重要的影响。网站结构是衡量网站用户体验好 坏的重要指标之一。完整的网站结构能够

15、帮助用户迅速获取所需信息。以下是本站的网站框 架结构图：饮与效制作在名字堂生活艺术制作方法主要类别名字墨图1-1 网站结构图1.“首页栏目：是关于整个网站的咖啡产品、内容、文化的整体介绍。2.“咖啡栏目：这里向大家展示了咖啡产品以及其价格。3.“甜品栏目：这里向大家展示了甜品产品以及其价格。4.“咖啡文化栏目：这里向大家介绍了咖啡的有关文化，主要有：喝咖啡的利弊、饮用 禁忌、感受咖啡品味特色生活等。5.“关于我们栏目：这里展示的是咖乐生活的起源、产品特色及企业的理念。6.“联系我们栏目：这里展示了本网站的联系方式包括留言板、QQ交谈、企业二维码等。5Document produced by P

16、rint2Flash.Visit for more information第二章前期准备2.12.1素材收集整理1.图片素材本网站的图片素材大部分都是通过使用百度搜索引擎及平常学习总做过的网站中获得,在此基础上使用我们课堂上所学到的P hotoshop进行P S抠图、调整图片大小，以及对图片 的亮度、对比度进行调整而制作而成，最后应用于本网站中去。2.文字素材本网站的文字素材是根据网站主题进行收集的，大部分出自于百度百科(http：/)的文字搜索。经过对文字的加工处理以及与主题进行对比 归纳概括，最后应用于本网站。3.多媒体素材多媒体素材是以文本、图形、声音、动画等形式体现出来的。我利用我们在

17、课堂上所学 过的Adobe Flash CS4制作了一个动画，动画的素材主要是通过百度搜索引擎搜索得到，动 画的主题与本网站的店铺形象相呼应，主要展示的是“咖乐生活企业的店铺形象。图2-1 动画效果图4.素材的整理网站所有内容都统一放置一个文件夹中并命名为毕业设计，在其子文件夹新建images 文件夹、css样式文件夹、js文件夹、flash文件夹。素材图片进行分类命名统一放在image 文件夹中。6This document is produced by trial version of Print2Flash()2.2 LOGO 2.2 LOGO 设计logo作为一种辨别和传播信息的视觉图

18、形，以其简洁、优美、形象的造型语言，体现 着品牌的特点和企业的门面，本网站的logo是在photoshop中设计的，大小为：宽280,高 98,使用了浅灰底棕色字彩图形，字体设计为黑体、60号字、加粗，以咖啡店的名字命名 加其英文名字、另外采用一个圆形图片作为背景制作而成。本网站Logo的主色调为棕色，迎合着本网站的色调浅灰色和浅棕色，象征着持久，意 味着网站会发展的越来越好，且网站资讯也会越来越多，网站页面也会给人们带来一种犹如 进入实体店的感觉。本网站log。的中圆形背景，就好比代表着咖啡小屋的感觉一样，给人 一种亲切感和温馨的感觉。咖乐生活COFFE HOUSE图 2-2 logo 图L

19、ogo设计的步骤如下：采用P hotoshop工具制作出圆形图案，在圆形图案中使用钢笔工具设计出一个类似 于人五官的图案，生动形象的表达了 logo的设计。设计图如下：图2-3 logo圆形图采用P hotoshop X具制作出贴切店名的设计，简单明了的表达了店铺的形象，设计图如下:J咖乐生活com HOUSE图2-4 logo设计图7This document is generated by trial version of Print2Flash.Visit for more information2.3 Banner 2.3 Banner 设计一个好的Banner设计能影响到一个网站的点

20、击量与成交率，本网站首页banner采用了 我们所学的P hotoshop X具，图片是通过百度搜索咖啡图片得到，图片是一张店铺实景图，看起来直接、明了，首页首先展示的就是咖乐生活店铺的图片，让人一眼就知道这是围绕介 绍咖乐生活的网站，通过对图片大小的裁剪、以及对图片的亮度、对比度、曝光度的调整所 成。给人视觉上的清晰明了更好的呈现出咖乐生活网站通常来说，Banner广告分为三类：静态效果网页广告条、动态网页广告条、交互式网 页广告条。静态效果网页广告条(I mage Banner)、静态的Banner广告就是在网页上显示 一幅固定的图片，它也是早年网络广告常用的一种方式。其优点是制作简单，缺

21、点是显示效 果呆板枯燥；动态网幅广告就有会很多动起来的元素，或漂移或闪动或浮动，其特点是富含 的信息量比较丰富；交互式广告的模式多种多样，比方说游戏、插播式、下拉菜单、填写表 格等。本网站的Banner属于静态网页广告，通过采用flash的效果建立的动画文件，定位在 网页中用来实现网站广告宣传的效果。Banner图片使用的是一张简单的店铺实景图。图2-3 banner设计的图片Banner设计运用了 flash的特效，首页的banner运用的动画效果使得整个网站看起来 更加生动。Flash动画代码如下：8This document is generated by Print2Flash.Get

22、 and try it from for free!param name=fexpressinstall,F value=,F./Scripts/express I nstall,swf!param name二quality value=nhighnXparam name二wmode value二opaque 此页面上的内容需要较新版本的Adobe Flash P layer。!9This document is produced by trial version of Print2Flash.Get and try it from for free!2.42.4首页效果图对于一个好的网站而言

23、，首页的设计直接影响到客户们的点击率。本网站是主要分为五 部分，主要由导航栏、banner、产品展示、产品原料展示和底部组成。最顶部导航栏的文字 使用了鼠标经过的效果，banner运用了 flash动画效果，使得整个页面更加生动形象，产 品展示部分运用了鼠标经过图像变大的效果，这样可以让浏览者更加清晰的观看产品图片，底部运用了 H TML中的marquee标签，实现了文字从右到左的滚动效果，滚动速度为2秒。为了帮助用户方便地浏览，每个网页都设有标题导航，且网页标题清楚地表明了网页 内容。网页排版符合用户的阅读习惯，采用横向排列方式，版块层次比较分明。Flash动画已经成为网上运作的标记，并运用

24、这一技术与电视、广告、卡通、MTV等方 面联合进行商业推广，开拓发展无限的商业机会。Flash动画在网站中的运用，给浏览者的 感觉会十分炫，具有很强、很独特的个性，基本上能够完全调动浏览者的积极性，吸引浏览 者的眼球，给人以活跃的心理感受。为了提高本网站的美观性，特意在网站首页中间位置制作了一个Flash动画，动画是自 己从网上找素材自己使用FlashCS4软件制作而成的，该Flash动画中主要展示的是店铺的 实景图，都是在Flash动画中一帧一帔制作而成，这样给浏览者第一视觉效果就是轻松、舒 适的网站环境，迎合了本网站的设计主题。This document is produced by tr

25、ial version of Print2Flash.Visit for more information巴11一孚 SBeeent Blog婆日瓣空砌美亩硕 味里里浪激猾邮喉我潮菁面 坐音，切，嗨芙，祐#建而烂漫，尊蕈而照。杯 子蹴t匡上瞭鼬01的月色，曲，踮黄匏后嘟，黄了 蹄务碰诵，是麟瞧至海5另蜜产巧剧,.MI-sa 星最味 t咸莱 质口带SS 香中口我轴W尤聃撇务.翱&护 品 蠲适解量展稔您,朗 待密跚盛！图2-5首页效果图11Document generated by Print2Flash.Get and try it from for free!第三章网页设计制作3.13.1首页

26、设计制作首页是网站的门面，是网站的形象展示。首页的作用是一个网站内容的汇总和索引，在 首页我们可以通过文字和图片进行连接，栏目页比较多，通过首页我们可以链接到网站的其 他页面中去，因此，首页是网站中必不可少，而且非常重要的一个页面。通常来说，首页设计应遵循以下原则，即：网站首页的设计，既要从外观上进行创意，以达到吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得网站设计变成一门 独特的艺术，我们要善于把用户最需要的内容放在首页最显目的地方，让用户一进入网站就 可以发现自己需要的东西。1、首页布局本网站的布局清晰明了，通过表格绘图进行布局实现，其布局效果图如下：图3-1首页布局图首页由l

27、ogo、导航栏鼠标经过、flash动画、鼠标经过放大图片、原料产品展示、底部 文字滚动条组成。导航栏使用了鼠标经过使的整个页面变得生动，banner部分运用的是 flash动画，生动行形象的展示了店铺的实景，这样便于顾客更直观的看到店铺内的环境，产品介绍部分运用了鼠标经过放大的效果，这样便于顾客清晰明了的观看产品的图片，底部 采用的是文字滚动与整个首页形成一个整体性，还可以生动的展示此段文字，导航栏文字都 设置了超链接，点击进去便可以访问到其他的页面。12Document generation powered by Print2Flash.Visit for more information2

28、、文字滚动本页面的最底端有个文字滚动的效果，实现了文字从右至左的方向滚动。当浏览者打开 本页面的时候，文字会自然的从右边滚动至最左边，完成文字滚动效果。实现代码如下：marquee direction=left align=bottom height=40 width=100%onMouseOut=rthis.star()onMouseOver=rthis.stop0 scrollamount=n2r scrolldelay=”2”*/公司地址：长沙市岳麓区麓谷信息港A座 ； ；联系电话：0731-778892 ； ； ； ； ；&nbs

29、p； ； ；&nb sp；&nb sp；&nbs p；copyright 2006-2016.All rights ReservedI公司地址；长沙市岳凝区麓咨信息港A座 联系电话a 0731-778892 copyright 2006-2016.All rights Resented饲螂:宥怖岳区蕾毓息港遮联越陆0731-77889：copyright 82006-2016.All rights Reserved图3-1文字滚动效果图3、当鼠标放在图片之上本页面的中间位置有个当鼠标放在图片之上有显示该图片的文字介绍的效果。当浏览 者打开本页面的时候首先看到的是咖乐生活咖啡产品

30、的图片，当你把鼠标放到该图片上的那 刻，图片会变大，并且你可以点击这张图片，链接到该咖啡的详细介绍页面。图3-2主页显点图13This document is generated by trial version of Print2Flash.Visit for more information图3-3当鼠标放在图片链接之上当鼠标放在图片链接之上效果代码如下:img src=niroages/nti.jpg alt=I mage width二220 height=208onMouseOver=nthis.width二240；this.height=228nonMouse0ut=nthis.wi

31、dth二220；this.height=208 MX/aXa href二”mqd.html4、导航条导航条是指通过一定的技术手段，为网站的访问者提供方便的门路，使其能够方便地访 问到所需的内容，是人们在浏览网站时可以迅速从这个页面链接到另一个介绍页面的快速通 道。利用导航条，客户就可以快速找到我们想要浏览的页面，因此，导航条一定要简洁明了、直观、明确。本网站的导航条是宋体和卡其色的背景用photoshop来制作的，当我们把鼠标 放到导航文字上时，文字下面有一条绿色横线显示效果，且条理清晰以便浏览者快速找到自 己想要的。首页 咖啡 甜品 咖啡文化 关于我们 联系我们图3-4导航条设计图14Doc

32、ument generated by Print2Flash.Visit for more information3.23.2其他页面设计制作1.咖啡文化网页设计此页面包含了 logo、导航条、banner和喝咖啡的利与弊与饮用禁忌的介绍，这样可以 让顾客们了解到有关咖啡的知识与文化，此页面中的每张图片都是经过ps处理过的。以下 就是“咖啡文化网页设计图。咖乐生活 COFFE BOUSEBlog KOFFEE咖避与心情图3-5“咖啡文化页面效果图15This document is produced by trial version of Print2Flash()2.“联系我们”网页设计此页

33、面包含了 logo、导航条、banner,整个页面我们采用了表格嵌套的格式实现，为 顾客们提供了一个交流的平台。如果顾客有什么问题或者有想要咨询的就可以直接点击页面 的QQ交谈直接与客服进行交谈，还可以直接扫描二维码进入官方微信了解更多讯息，还可 以给我们直接进行留言。QQ代码如下：留言板得代码如下：留言板您的姓名：您的性别：form name=form6,f method二post actioninput type=radio name=radio id=r,radion value=radio男label女/fonn 您的电话：您的邮箱：16This document is produce

34、d by Print2Flash()留言板：form name=,form4 method二post action二 ； ； ；以下就是“联系我们”网设计图：17Document generated by Print2Flash()图3-6“联系我们”页面设计图18This document is generated by Print2Flash.Visit for more information3.“关于我们”网页设计此页面包含了 logo、导航条、banner和产品特色，整个页面我们采用了表格嵌套的格式实现，为顾客们简要的咖乐生活的企业理念，以下就是“关于我们网页

35、设计图:图3-7“关于我们页面设计图19This document is generated by Print2Flash.Get and try it from for free!4.“制作方法网页设计此页面设计包含了 log。、导航栏、主要目录设计以及制作方法。主要目录是采用了文 字链接与图片的结合，制作方法部分采用的是嵌套表格来实现的。以下就是“制作方法网页设计图:齐昏卿湖（瞄无在尊神jjK就,神瞩L拙 E如您胃.:聃拜搦三2杜浦SKEii踱，瑾;昏迷莹魏时 评栏号LM褓蔑扁瘫歆醵:摊Ei舞T魁灌莹制、M乍20Document generated by Print2Flash.Get a

36、nd try it from for free!第四章网站运营推广4.14.1电子邮件推广电子邮件因为方便、快捷、成本低廉的特点，成为目前使用最广泛的互联网应用，是一 种有效的推广工具。本网站实施邮件推广的具体实施过程如下：1、确定电子邮件推广的任务和目标是将本 网站更好的推广出去，让更多咖啡爱好者熟知本网站，提升本网站的关注度；2、明确推广 的目标客户即为广大咖啡爱好者；3、为了能够做到很好的宣传推广效应，经过多次筛选，将推广主题定位“喝咖啡你的最好选择一咖乐生活”=内容是向广大爱好喝咖啡的人介绍咖 乐生活，推广内容如图4-1所示。图4-1电子邮件推广21Document generated

37、 by Print2Flash.Visit for more information4.2 IM4.2 IM及时通讯工具推广一QQQQI M推广，又叫即时通讯推广，常见I M营销推广方法有QQ、MSN、飞信、雅虎通、GTALK、旺旺等，目前使用最多的是QQ方面的推广。这种推广方法成本低廉，而且是一种操作相比来 说更简单的推广措施。QQ推广的特点：（1）精确度高，针对性强。（2）操作简洁：很多人都会运用。（3）适用性强：用户群体庞大，推广的覆盖面广。（4）低成本：几乎是不需成本。本网站在实施QQ推广的过程中采用了如下方法：（1）设置QQ头像信息：通常QQ头像要求富有特色、正规。为此，将咖乐生活的

38、log。作为 头像；设置QQ网名：将“咖乐生活设置为网名；（3）完善个人资料：资料要填写真实（例如：真实姓名、公司地址、联系电话等），把 个性签名设置为“喝咖啡你的最好选择一咖乐生活，个人资料等设置为咖乐生活的宣传和 推广。此外，在QQ群推广方面，为了进行网站推广，有针对性的加了 一些喜欢喝咖啡的交友群,里面都是咖啡爱好者。在QQ群里为了与群友建立感情与互动，常和他们多多交流咖乐生活最 新趣事、动态、等等，以此建立起良好的交友关系，扩大交友圈。除此之外，在QQ群里还偶 尔分享一些旅游网站好评的链接给群友，增加曝光率。图4-2 QQ推广22This document is generated b

39、y Print2Flash.Visit for more information4.3 SNS4.3 SNS社区营销推广微博、微信、论坛SNS即社会性网络效能，宗旨是帮助人们设立社会性网络的互联网应用服务。目前来说 微博、微信是第二盛行、既便宜又有用的推行方式，进行微博、微信推行的话，有一个条件 是要粉丝量够多，并且要时刻在线与博友进行互动、交流。论坛推广运用文字、图片、视频 等形式发布网站相干信息，从而加深目标客户对网站的了解。最终得到网站宣传、加深市场 认知度的目标。在咖乐生活网站SNS社区营销推广中采用软文作为载体，在软文中蕴含了网站名称，以 期取得较好的推广效果。把网站的名称和log。

40、做成一个图片，在发帖或顶贴的时候带上本网 站log。图片进行宣传，以提高人气值，增加用户关注度。蜘活咖乐生活 苦侦耻 12-28 18:11 来自 iP hone 客.咖乐生活作为国内著名咖啡网站，它主要 展示了咖啡产品、甜品、咖啡文化、关于 我们、联系我们等，网站同步到国外各大 著名的网站，让浏览者能够第一时间浏览 到本网站，不仅如此，咖乐生活网站还向 大家展示了你想不到的惊喜，欢迎参观！想看店铺实景吗？想学习咖啡知识吗？想知道怎么挑选好喝的咖啡吗？想学习怎么制作好喝的咖啡吗？此时你是否心动，那快来咖乐生活网 吧！推广相关推荐N转发|目评论 自赞图4-3微博推广23This document

41、 is produced by Print2Flash()中国移训分下午6：2456%U,中国移动亍下午6:2655%m*ffl详情朋友圈相册 咖乐生活作为国内著名咖啡网 站，它主要展示了咖啡产品、.帼生活作为国内著铀顺虬 它主要展示了触产品、甜品、M 跋化、关于珈、联系我们等,硼同翱国外各大著名的醐,让眦者能瞬-时睇揽到栩 虬秋如此项乐生活碱还向 大家展示了你想不到的惊喜，姻 参观！想看店铺瑜?微信推广图4-4图4-5论坛推广24This document is generated by Print2Flash.Get and try it from for free!总结在指导老师刘宁老师

42、的指导、鼓励和帮助下我完成了咖乐生活宣传网站的设计，在此次 设计中让我受益匪浅，网站设计是学习阶段一次非常难得的实践的机会，通过这次比较完整 的咖啡网站设计，我摆脱了单纯的理论知识学习状态，和实际设计的结合锻炼了我的综合运 用所学的专业基础知识，解决实际问题的能力，同时也大大提高我查阅文献资料.photoshop 图像处理技术、Dreamweaver网站设计实例教程、Flash动画制作技术以及等其他专业能力 水平，而且通过对整体的布局，对局部的设计以及对细节的斟酌处理，都使我的能力得到了 锻炼，经验得到了丰富，并且意志品质力，抗压能力及耐力也都得到了不同程度的提升。在没有开始毕业设计之前，我以

43、为毕业设计只是简单的设计一个网站，详细的介绍制作 过程，通过这么长时间的设计和撰写设计我才发现并没有我想像中的那么简单，其中好多细 节需要反复的处理反复的修改，虽然毕业设计内容繁多，过程繁琐但我的收获却更加丰富。每个网页的设计、每个网页的不断调试和修改、flash动画的制作、每个特殊技术的实现，我都是随着设计的不断深入而不断熟悉应用的。与老师之间的沟通交流更使我对设计有了新 的认识也对自己提出了新的要求，如何使每个网页变的更加完美，如何运用一些我以前没有 学过而我想去运用的效果，这些是我通过设计这个网站中体会到和意识到的问题，这是我在 去工作之前所体会到的，我想这对于我工作有很大的帮助。在做毕

44、业设计这一过程中，我通过查阅大量有关资料，与同学交流经验和自学，并向老 师请教等方式，使自己学到了不少知识，也经历了不少艰辛，但收获同样巨大。Document generation powered by Print2Flash.Visit for more information致谢三年的读书生活在这个季节即将划上一个句号，而于我的人生却只是一个逗号，我将 面对又一次征程的开始。三年的求学生涯在老师、亲友的大力支持下，走得辛苦却也收获满 囊，在设计即将付梓之际，思绪万千，心情久久不能平静。在这三年的时间里我认识了许 多老师和同学，不管是在学习上面还是在生活上面，他们都给予了我很大的帮助，让我从

45、中 学习到了许多的专业知识和平常我所没有接触到的东西，在毕业离校之际，深深地向他们表 达我最真诚的谢意！首先，我非常感谢我的指导老师刘宁老师，在我大学的最后学习阶段一一毕业设计阶段 我进行的指导，从最初的定题，到资料收集，到写作、修改，到设计定稿，是您给了我耐心 的指导和无私的帮助。为了指导我们的毕业设计，您放弃了自己的休息时间，您的这种无私 奉献的敬业精神令人钦佩，在此我向您表示我诚挚的谢意和崇高的敬意！其次，感谢所有任课老师和所有同学在这三年来给自己的指导和帮助，是你们教会了我 专业知识，教会了我如何学习，教会了我如何做人。正是由于你们，我才能在各方面取得显 著的进步，在此向他们表示我由衷

46、的谢意，并祝所有的老师培养出越来越多的优秀人才，桃 李满天下！最后，要向这大学三年期间所有帮助过我的同学们以及朋友们说一声谢谢。网站设计和毕业设计的写作是一次对学习的总结和提高的过程，毕业设计的完成，同样 也意味着大学生活即将结束，新的生活将开始。即将告别大学校园，我祝愿老师们工作顺利、事事顺心；祝愿同学们都能找到一份好的工作，前程似锦。26This document is generated by trial version of Print2Flash.Get and try it from for free!参考文献1 范小青、吴涛.网络营销.北京高等教育出版社，2013年2 Dream

47、weaver CS5网页设计与制作DI V+CSS版.清华大学出版社3 潘果.电子商务实务D.湖南：湖南现代物流职业技术学院，2012年4 张晓雷.网页设计与制作案例教程M.l版.北京：清华大学出版社，2013年5 夏永琳.企业网站策划与分析中南林业科技大学计算机科学学院;湖南，长沙6 李雪暧.基于Flash技术的精品课程网站设计与实现.山东师范大学.2012年9月7 王德永，张少龙.P H P+CMS+Dreamweaver网站设计实例教程国.1版.北京：人民邮电 出版社，2013年.8 王大远.DI V+CSS3.0网页布局案例精粹M.北京：电子工业出版社，2011年2月9 吕琨.JavaScript网页特效实例大全M.1版.北京：清华大学出版社；2013年11 月10 潘果，张华南.电子商务网站建设与管理 M.1版.北京：教育科学出版社，2013 年10月11 百度百科.http：/ 马增友.photoshop图像处理技术.清华大学出版社.2013年1月27This document is produced by Print2Flash.Get and try it from for free!