[本科毕业论文]日记概念馆网站建设与推广-管理学学士

1、AbstractNowadays, the Internet is no longer novel for enterprises. With the rapid development of the Internet, network has become a part of peoples lives. Enterprises need to promote their own in an easier and more efficient way in order to promote their further development. In this way, setting up

2、websites has become a necessity for the enterprises. To set up multifunctional websites is an imperative strategy. They can deal with products promotion, customer relationship management, content arrangement and online sales. This paper describes the website construction and promotion of “A Diary on

3、 Living Conception and discusses the implementation on website content analysis, website interface design and database design. Website construction can be divided into two parts: the foreground view and background management. Users can browse through the front desk to get the brief introduction, new

4、 activities, product information and enterprise new events. Background management can arrange the display of the foreground, for example, to release new offers and products, to remove the outdated product information and to update the website content.Key Words：Website Construction，Website Promotion，

5、ASP.NET，Foreground View Background Management1绪论1.1 设计背景在Internet飞速开展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋中按照一定的检索方式将所需要的信息从网站上下载下来。网站建设在Internet应用上的地位显而易见，它已成为机关、学校、企事业单位、甚至进入寻常百姓家的信息化建设中的重要组成局部，从而倍受人们的重视。企业的最终目的是拥有更多的客户，提高企业的营业额。通过网站，该店

6、进行全面宣传。日记概念馆为了更好的宣传推广，提高知名度，更快地让顾客了解该店的最新信息，最新产品，构建日记概念馆网站。展示日记概念馆的风格、优点与特色，发布该店的最新活动与新产品等信息内容，使更多人了解该店，增强该店的宣传推广，提高该店的知名度。在Internet网上，让顾客随时随地与企业沟通联系，提出问题及建议，互通意见想法，该店也能更快的进行相应的改善。1.2 开发工具的选择及介绍 DreamwaverDreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开展的视觉化网页开发工具，利用它可以轻而易举地制作

7、出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页平安色。而且Dremweaver只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最正确化。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能。 ASP.NETActive Serve

8、r Pages：“动态效劳器网页，一般简称为ASP。ASP.net构架是可以用MicrosoftR公司最新的产品 Visual S开发环境进行开发，WYSIWYGWhat You See Is What You Get所见即为所得的编辑。之所以选择ASP的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络效劳端中执行，使用一般的浏览器如IE 或Netscape都可以正确地获得ASP的“执行结果，并且将ASP执行的结果直接在浏览器中“浏览。选择ASP.NET的原因：任何开发工具皆可开展ASP，只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。由于ASP程序是

9、在网络效劳器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。ASP代码不易被盗用，因为ASP程序先于网站效劳端执行后，将结果转换成标准HTML文件，再传送到客户端的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。2网站总体分析与设计2.1 网站总体分析根据前面的设计思想进行分析，我们将网站分为以下几项：关于日记、最新活动、产品、加盟热线、与我联系。关于日记主要内容包括日记概念馆的理念、日记物语、日记享受等概念；最新活动主要内容包括日记概念馆推出的活动讯息，优惠讯息；产品主要内容包括日记概念馆的各系列产品特调系列、咖啡系列、茶饮系列、沙冰系列、点心蛋糕、生活轻食

10、、生活简餐的名称价格列表；加盟热线主要内容包括加盟日记概念馆的条件及联系方式；与我联系主要内容包括对于日记概念馆的问题、建议留言。2.2 主页设计网站页面采用动静结合的方式，主页放置Flash展示产品图片，同时鼠标经过静态图片时也会有跳到效果，生动可爱。首页结构图：首页关于日记 最新活动 产品 加盟热线 与我联系日记概念馆日记物语日记享受寻找芝心爱人满就送特调系列咖啡系列茶饮系列沙冰系列点心蛋糕生活轻食生活简餐2.3 前台设计前台设计主要使用Photoshop、Dreamwaver、Flash等软件。以下是各软件的应用讲解。Photoshop用于前期的图片处理、网页模板制作。以下是Photos

11、hop制作网页模板步骤：首先是把设计好的网页在Photoshop中制作出框架。把网页中各元素，如导航条、图片、文字、版权、Logo等放在各组中，方便查找修改。图1把图层打包入各图层组在Photoshop中设计好之后，就要用切片工具把它转换成网页。首先把网页切成小块，方便以后上传，切分出所有图片后，执行“文件存储为Web所用格式命令，翻开存储对话框，设置好图片的格式、调色板等参数后，点击右上角“存储按钮跳出保存对话框，选择HTML网页格式，使用默认设置，选择“所有用户切片，保存即可。Photoshop工作完成。图2切片效果图接着排到Dreamveaver，在Dreamveaver“文件新建常规根

12、本页HTML，这样就建好了一个空白页面，把切片好的网页导入到Dreamveaver中，添加图片文字等，调整好布局。把视图转换到“代码，复制代码到ASP.NET中，在ASP.NET中实现网页之间的跳转与数据库连接等局部工作。图3 Dreamweaver设计界面 用Flash制作产品展示动画，首先创立新的Flash文档，然后点击“修改、“文档，修改Flash文档的尺寸大小，以适应网页的布局。把产品图片在Photoshop中编辑好尺寸大小后导入到Flash的库中，图片大小调整为Flash文档的尺寸大小。开始制作Flash文档，在第一帧插入空白关键帧，把第一幅图片放入舞台中央，在第二十五帧插入空白关键

13、帧，把第二幅图放入舞台中央，每空二十五帧依次放入全部图片后点击“控制、“测试影片，浏览Flash文档效果，适当调整速度，Flash文件完成。图4 Flash产品展示图片2.4 数据库设计数据库是连接前台与后台的桥梁，方便管理者随时管理前台。ASP.NET中提供了很多与数据库相连的工具，可以方便快速地把后台与前台联系起来。在这个网站中我们采用access来建立数据库。数据库中包括产品数据表、活动数据表new activity、客户留言表message。其中产品数据表又分为不同的系列，分别是product_cake & dessert、meal、product_coffee、product_dri

14、nk、product_snake、product_sorbet、product_special。每一个表中都要设置一个主键来标识，把所有需要收集的信息都要在数据库中表达出来。2.5 后台设计后台主要是企业管理者或网站维护人员对前台展示的内容进行管理，如发布新的优惠信息、新产品、删除已过期的产品信息、更新网站内容等。这些功能是在ASP.NET软件里边实现的，本网站分别设置了增加产品、修改产品、添加活动、修改活动、客户留言管理等页面，以满足以上网站管理需求。为了方便管理者，我们在每个网页页面都设置了一个链接到后台界面的按钮LOGIN。点击按钮LOGIN进入后台后，需要对管理者的身份进行确认，只有使

15、用设置好的管理员用户名和密码才可以操作后台界面如下列图所示这在一定程度上维护了网站的平安性，以免被其他人随意篡改。图5以下是后台各操作页面的说明：1增加新产品页面。企业每过一段时间都会增加新的产品，为了快速把新产品向顾客推出，就需要第一时间在网站上进行展示，这时管理者就需要通过后台把产品给发布到网站上面。如图6所示，首先需要绑定数据库，配置数据源，以便直接可以从数据库里边获取信息，同时修改后的信息也直接反映到数据库。管理者通过输入产品名称、英文名以及产品描述等内容，点击插入按钮，就可以把添加的内容直接绑定到数据库里。而前台页面那么可以同时通过数据库获取添加的产品信息。图62修改产品页面。为了推

16、新去旧，除了要及时把新产品放上网站，还需要把已下架的产品给删除掉，通过后台也同样可以实现这样的功能。如下列图所示，首先也是配置数据源，绑定是数据库，通过编辑和删除按钮，直接可以对产品信息进行修改和删除。这些修改正的信息可以通过数据库在前台直接反映出来。图73添加新的优惠活动、修改优惠活动页面。为了吸引新客户，答谢老客户，企业会在不同时期推出不同的活动，这时网站也是一个很好的宣传作用，所以也会把这些信息及时发布上去，通过后台可以很容易地发布最新活动消息，同时把过期的活动信息删除掉。与产品的后台管理同样的道理，也是首先绑定数据库，通过输入、修改活动的相关信息，使数据库发生变化，而前台直接反映出数据

17、库的变化。图8图94客户留言页面。我们都知道客户是企业生存的根本，所以如何效劳好客户是关键所在。通过留言板这个平台，客户可以把他们在消费过程中最真实的感受反应给我们，这样让我们获得了最直接的信息，以便于及时了解消费者的需求，按照客户的要求来改良，最大程度的满足消费者的需求。后台管理界面如下列图所示。图103详细设计网站共有六个导航选项，分别是首页、关于日记、最新活动、产品、加盟热线及与我联系。每个网页都采用统一的风格，红色和绿色作为主色调，红色给人一种热情洋溢的感觉，绿色与日记概念馆倡导的环保健康相匹配。左边用半圆展示食物产品图片，样式新颖、吸引眼球，让顾客感觉食品卫生、新鲜，放心用餐。另外网

18、站设置了一些动态的效果，当鼠标经过某些图片及字体的时候会有弹跳效果，让网站顿时生动起来。3.1 首页图11首页的设计一般代表着公司的形象。因此首页的质量往往就关系到是否能够吸引顾客继续浏览。本网站的首页设计除了采用与其他所有网页统一的风格外，特别放置了几张美食图片吸引顾客的眼球。页面中间的一段话是日记概念馆的诠释，吸引顾客继续了解本店同时又与顾客紧密地切合到一块，无声地承诺将给顾客带来家的温暖与呵护，让顾客一下子找到了家的归属感。3.2 关于日记图12这个导航条下的内容包括日记概念馆、日记物语、日记享受。主要对日记概念馆做一个简单的介绍。其中第一页主要介绍日记概念馆的另类个性，将日记概念馆的主

19、要产品介绍给顾客，将产品的制作理念以及顾客在日记概念馆将体验到的物质享受展现出来，给顾客营造一种舒适的用餐环境；第二页日记物语用简单的排比句概括了日记概念馆里所有的产品种类，让人对日记概念馆的印象又加深了一层；第三页日记享受摆放着的图片，从不同角度看日记概念馆，把它为顾客提供的温暖的舒适的用餐环境真实地展示出来。3.3 最新活动图13公司需要宣传自己，吸引更多的新客户并留住老客户，在一些节日适当地搞一些活动是最好的方式，所以网站专门设置了“最新活动这个栏目。在这个栏目下，公司可以把活动的详细内容及时地展示给新老顾客看。3.4 产品图14产品是企业的灵魂，只有为顾客提供品种齐全的产品，并且具有本

20、企业的特色，才能够在剧烈的竞争中赢得消费者的青睐。日记概念馆总共有七个系列的产品，包括特调系列、咖啡系列、茶饮系列、沙冰系列、点心蛋糕、生活轻食、生活简餐。每一款产品都在具体的网页中展示出来。为了便于后台的管理，每个网页中产品的展示都是通过数据库来管理的。在ASP.NET中，系统自带了非常好用的显示工具GridView，通过在网页中放置这个工具同时绑定到数据库中的具体的产品表，就能够展示产品，同时也便于后台管理。3.5 加盟热线我们希望日记概念馆的温馨能够传染给每一个人，同时也希望把企业做强做大，这需要更多的人参加到这个大家庭中来，所以本网站专门设置了加盟这一栏。在该网页中主要对加盟者的姓名以

21、及联系方式进行管理。通过数据库把加盟者的信息添加进去，便于管理。图153.6 与我联系顾客是企业的上帝，我们应该为他们提供最直接的联系方式来与企业联系，让他们把最真实的想法反应给管理者，以便更好地调整以给他们最大的满足感。图164网站发布4.1 发布网站前的准备在发布网站前首先进行网站的本地测试、确定发布方式和申请域名等，减少网站发布时的工作量。 本地测试在网站上传到效劳器之前，首先应该在本地机器上进行测试，以保证整个网站的所有网页的正确性，否那么进行远程调试会比拟复杂。在本地机器上进行调试的方法是用比拟常用的浏览器如IE，在目前比拟流行的操作系统Windows和相应大多数用户普遍使用的分辨率

22、1024768下浏览网页，从网站的首页开始，一页一页地测试，以保证所有网页都没有错误。本地测试的另一个重要工作就是保证网页的各项链接正确跳转，我们通过使用相对路径来保证上传到远程效劳器后能正确使用。本地测试还要检查网页的大小、脚本程序能否正确运行等。只有遵守了这些规那么，网站才有可能正常发布和长期存在下去。 效劳器选择发布网站就是将制作好的网站上传到Internet上的WWW效劳器上。效劳器有三种选择：购置自己的效劳器、采用一些ISPInternet Service Provider，因特网效劳提供商提供虚拟主机或者采用一些网站提供的免费空间。本网站采用的是购置西部数据网站提供的虚拟主机，购置

23、了7天的试用版，先测试一下网站放到虚拟空间以后各方面的性能是否正常。如果测试没问题的话，公司可能续费，继续使用该主机，所以综合考虑了公司的实际需要，我们购置了空间容量为200M，并兼容access数据库功能，能进行流量分析已经访问统计功能的ASP.NET主机。 申请域名申请域名是在网站发布前的一个重要工作。域名是接入Internet的计算机在Internet上的名称，域名的首要特点就是必须要简单并与企业有联系，这样才方便被消费者记住。企业名称为日记概念馆，所以我们直接采用其英文名dairyconcept作为其域名。通过在网站上进行测试，这个域名没有被使用。4.2 网站的发布 上传网站及在线测试

24、网站的发布首先是要上传网站，上传网站有多种形式，如利用Web页上传、通过E-mail上传、使用FTP工具上传、利用网页编辑制作软件上传，或者直接复制文件，通过命令上传。我们在上传网站时使用的是FTP工具，先把整个网站打包成一个压缩包方便上传，然后通过FTP来上传之后再加压压缩包。网站上传到效劳器后，就可以在浏览器看到我们的网站，接下来的工作就是在线测试网站。在线测试工作包括测试网站的外观、测试链接、测试网页程序、测试数据库和测试下载时间等。测试网页外观时使用目前比拟流行的IE和Netscape Navigator浏览器，观察网页在不同显示模式下的效果。如果有网页图片显示不了或文件不能正常显示或

25、找不到时，必须检查网页链接，看链接文件名与实际文件名是否完全一致。路径是否出错等。测试网页下载速度，根据实地检测的时间值来考虑调整设计的网页，如页面文件的大小、插入图片的分辨率、图像切片的大小等。5网站推广5.1 网站推广的必要性Internet上的站点浩如烟海，每天都有新的站点涌现，据调查网上最著名的10%的站点吸引了90%的用户，可见是扩大访问量的重要手段。而提高网站的知名度的主要手段便是推广。一个网站制作的再好，再时尚，如果没有一个很好的推广应用，也发挥不了它的作用，也就改变了建立网站的目的。要想让更多的用户在短时间内知道自己的站点，就必须为自己的网站选择适宜的推广方法。5.2 推广方法

26、5.2.1 利用新闻组、BBS或留言宣传网上有一些专门开辟出来给人们发布信息的地方，如新闻组、各种论坛、留言板。通过在这些地方发布信息宣传，在发布信息的同时要寻找和自己信息相关性比拟大的信息组进行发布，这样可以使得关心该主题的用户看到网站的信息，从而提高访问量。总结以往在论坛发帖的经验，我觉得在论坛发帖时应注意以下几点：1不要直接发广告。 这样的帖子很容易被当作广告贴被删除。 2利用头像和个性签名来吸引眼球。头像可以用来宣传自己的品牌，签名可以参加网站介绍和链接。3发贴要求质量第一。发贴不在乎发贴的数量，重要的是帖子的质量，只要能吸引人就能宣传自己的网站。 4自己托一把。在论坛，有时候为了帖子的人气。可以自己注册两个帐号托自己一把。5.2.2 邮件广告电子邮件已经成为人们交流信息的一种工具，上网的人绝大多数都拥有自己的电子信箱。电子邮件推广，就是往浏览者的邮箱发电子邮件。但要注意对象的考虑，尽量挑选对我们有兴趣的顾客群，以免造成大量垃圾邮件。5.2.3 病毒式营销Internet翻开了人际交往的一扇巨大的门，网上交友面十分广。病毒式营销主要是利用互利的方法，让网友