道州柑橘网网站的设计与实现毕业设计论文

第1章网站设计背景1.1企业网站设计目的随着互联网技术的不断发展，互联网在我国的发展方式是以几何级数发展的，如今互联网不仅改变着人们的生活方式、同时也改变着当今社会的商业模式，因此这使得任何一个人都无法将自己置身于互联网的这张大网之外。在互联网飞速发展的今天，各个公司或企业制作一个自己的网站就和做一张名片一样普及，网络是强大的媒体介质，它可以不受时间和空间的限制，在做好网站发布之后，那么在世界上任何一个地方，只要有网站的网址，就可以看到企业的网站内容，了解企业各方面的情况。本论文顺应当前互联网发展趋势，为了更好的推动道州柑橘的发展,设计实现了一个以介绍道州柑橘为主题的网站，旨在树立道州柑橘的品牌形象。本论文希望可以通过本网站让更多人知道并了解道州柑橘，提高道州柑橘的知名度。1.2网站建设需求分析道州柑橘网主要是为用户提供道州柑橘信息。本网站的目标客户群体为需要获取道州柑橘供求信息、了解道州柑橘以及相关信息的用户。具体来说主要有三类用户,包括柑橘种植者、柑橘承销商及柑橘消费者。柑橘种植者可以通过本网站发布柑橘供应信息，便于承销商和消费者与之联系与交流。供销商通过浏览本网站的供求信息，找到合适的供应商。柑橘消费者是柑橘产业链的重要环节，他们也可以通过本网站了解柑橘基本常识，柑橘美食的制作信息以及道州柑橘特性等。1.3网站整体结构本网站是以发布道州柑橘相关信息为主的信息发布型网站。基于本网站的定位，网站规划了以下7个栏目，分别是：首页、关于我们、产品展示、新闻中心、供求信息、柑橘美食、联系我们。每个栏目的主题介绍如下：道州柑橘栏目主要是对道州柑橘的历史以及道州柑橘的发展现状做一些说明，方便人们了解道州柑橘的悠久历史和如今的发展。产品展示栏目对道州现有的一些优质柑橘品种做一些简单的说明。新闻中心栏目中收集发布一些有关道县柑橘的新闻和一些道州最新新闻信息。供求信息栏目主要是为果农发布一些柑橘供应的信息以方便采购商与其联系，采购商也可在上面发布一些求购信息，说明购买条件，以便果农与之联系。柑橘美食栏目介绍一些用柑橘制作的美食，且附有详细的制作步骤，让人们了解柑橘的更多吃法。联系我们栏目下标明了公司的详细地址，手机或QQ联系信息。网站的具体结构图如下：首页首页联系我们柑橘美食新闻中心供求信息产品展示道州柑橘联系我们柑橘美食新闻中心供求信息产品展示道州柑橘首页砂糖橘砂糖橘金桔金桔脐橙脐橙冰糖橙冰糖橙纽荷尔纽荷尔图1.3网站结构图第2章前期准备2.1素材收集整理本网站是关于道州柑橘的信息发布型网站，主要介绍柑橘的基本信息，提供道州柑橘的供求信息、道州柑橘的新闻和如何利用柑橘制作美食。本网站的图片素材大部分都是经过Photoshop工具软件进行了后期处理的这样使图片更美观，网站中关于柑橘的基本知识及柑橘美食制作方式等文字信息的原始素材来自于一些美食网站，并依据本网站的需求经过文字编辑加工后应用于本网站。网站中关于柑橘的供求信息和新闻是从道州论坛和一些关于道州柑橘的新闻中整理后所得。以下是网站部分文字素材的来源网址：/c/2014/07/25/3417156.htm/web/hnagrizw/snzx/qsxxlb/yz/dx/content_165462.html本网站的所有文字及图片素材为避免雷同，在前期收集整理的基础上，依据本网站的主题定位进行了后期加工处理，其目的是突出本网站的特色。2.2LOGO设计logo是企业和产品的标志，它传递着产品的内涵、公司文化、企业理念等，它能够使一个企业，产品或服务,区别于其它企业,产品或服务。使受众对企业留下最深刻的印象,由此来提升企业品牌的特性。本网站logo采用黄色和绿色两种颜色搭配出一个柑橘的笑脸，给人一种亲切感。由于本论文主题是一个柑橘的网站，采用柑橘元素做logo与网站的主题相符，使观看者容易辨认，并记忆深刻。LOGO设计如下图：图2.2logo图2.3Banner设计在网页设计中，Banner可以作为网站页面的横幅广告，其作用举足轻重，它最能够体现出一个网站的中心意旨，并可以形象鲜明的表达网站最主要的情感思想或宣传的中心。本网站的banner共用了六张柑橘和柑橘基地的图片，并使用Photoshop图片处理软件的动画制作技术制作了一个图片轮播动画。其设计制作过程为：（1）首先把要用到的六张图片导入到Photoshop中进行尺寸调整，将它们都调整到相同尺寸。以免播放时因图片不一致产生错位。（2）到工具栏中选择窗口、动画。下方会出现动画帧，先选中一张图片，把其它四张图片依次全选拖入第一张图片的图层中。图2.3banner制作图1在动画帧中把延迟时间调为0.5。再复制5帧，选中第一帧把图层中其它四张图片的眼睛闭上，再选中第二帧，同样把其它五张图片闭眼。图2.4banner制作图2弄好五张图片之后点击播放，测试图片是否重复，以便及时调整。将banner保存为web通用的GIF图片格式，储存就完成了，保存好之后再测试一遍，就可以插入网页之中了。每张图片的跳转时间设置的是5s,这样的速度不快不慢，方便网站的浏览者观看。2.5banner效果图2.4首页效果图首页最主要是一个网站内容的汇总和索引，在首页中会有很多图标和超链接，栏目也比较多，就像一个住宅的大门一样，从首页可以通往网站的各个模块。本网站的首页效果图如下：图2.6首页效果图

第3章网页设计制作3.1首页设计制作通常来说，一个网站的首页设计效果是非常重要的，就如同一本书的封面，需要吸引住浏览者的眼球。网站首页的设计既要突出网站的主要内容又要显示出网站的特色。还要有一些特效以吸引浏览者的目光。本网站首页用HTML结合DIV/CSS样式对页面进行布局排版，使页面更加美观简洁。首页采用了同字型的布局形式，具体布局图见图3—1首页布局图。Logo导航条Banner产品展示关于我们柑橘美食联系我们版权所有图3.1首页布局图本网站采用绿色作为本网站的主色调，绿色可以给人一种天然的感觉。网站设计风格为简洁清新环保，力图与网站宣传的绿色新鲜的道州柑橘主题贴近。1、导航条设计在导航栏的设计中，采用DreamweaverCS5软件显示隐藏层操作实现菜单下拉的效果，其显示隐藏层的动作代码如下：onmouseover="MM_showHideLayers('apDiv1','','show')"鼠标经过时显示固定内容onmouseout="MM_showHideLayers('apDiv1','','hide')"鼠标离开时隐藏内容。图3.2下拉菜单效果2、产品展示信息块产品展示信息块部分采用js特效实现了自右向左滚动自动播放效果。其效果见图3-3。其JS部分实现代码如下：'marquee':'x',\\设置图片的滚动方向，有marquee:y和marquee:x两种'margin_right':'0',\\设置margin_right值'margin_bottom':'0',\\设置对象底边外延边距。'speed':'10'\\设置图片滚动的速度滚动速度,单位为mm图3.3产品展示效果图3.2其他页面设计制作1、柑橘美食页面设计柑橘美食页面使用DIV/CSS样式和表格进行布局与排版，本页面与首页的风格保持一致。div的运用使页面的布局与排版更加灵活，对页面的修改也更加容易，使页面更加美观。在DIV中插入了表格方便图片和文字的插入，使页面看起来更整齐。如下图所示：图3.2柑橘美食2、产品展示页面设计用表格对页面内容进行排版使页面更整齐美观。方便对其排版和修改，是页面风格保持一致。用DreamweaverCS5软件显示隐藏层操作实现菜单下拉的效果，如图3.2下拉菜单效果图所示。图3.2产品展示下拉菜单在产品展示页面每个页面的最下方，都设置了一个能返回首页的超链接，在浏览者浏览完页面内容后，不用再重新滑动到页面最上方就可以直接跳转到首页。图3.2产品展示页面部分效果第4章道州柑橘网站推广4.1电子邮件推广电子邮件推广是一个初步建成的网站一种低成本推广方式，相对于其他推广方式而言，电子邮件营销是最优惠，面向人群最广，而且成本几近于零。因此电子邮件推广是一些中小网站首选的推广方式。在了解电子邮件的推广方式之后，根据本公司的产品特色，采用软文对本网站进行推广宣传，以便让更多的人可以了解到本网站。电子邮件推广可以帮公司网站减少推广的成本，让更多的人知道本网站的存在。可以和目标用户零距离的接触，以便让他们更加了解和更容易接受本网站。图4.1电子邮件推广4.2QQ推广为了让网站能够快速的发展起来，让更多的人所熟知，QQ宣传是不可少的，QQ群里总是会有一批用户会在线，QQ营销广告就像聊天信息一样被发出来，用户立即就可以看到，这样可以即时将营销信息让用户了解。QQ推广是最直接和客户接触，也是最为节约的方式。为了较好地实施QQ推广，本网站撰写了一篇软文为其在QQ中进行了推广。图4.2QQ推广4.3论坛论坛推广是一种针对性极强，一篇可读性强的软文在短期内可以给网站带来非常可观的浏览量，若是能找到精准的论坛来投放软文，对于利益的转化和网站目标用户的收集都是很可观的。现在大多数的人都不喜欢太过于直白的广告形式，只有那种动了一下脑筋的才可以让宣传起到一定的影响，最好是容易激起人们的认同，在心理上可以引起共鸣的。一个新上线的新网站，手上没有过多的资金，那么论坛推广就是一种非常合适的推广了，论坛推广是几乎不需要成本的，从注册论坛到在论坛上发帖全都是免费的，并且论坛推广最主要的工作就是发帖，顶贴和回复这些比较常用且简单的手段，只要肯投入时间和精力，一个人同样也可以做好一次完美的论坛推广。图4.3论坛推广4.4微博微博推广是一种可以借助先进多媒体技术，可以从文字和图片等等多种形式对多种产品进行描述推广，可以让潜在的客户更加形象直接的接受到要传达的信息。微博的传播是非常迅速的，可以在短时间内传播到全球各地去，其发布信息快速，节约了大量的成本和时间。4.4微博推广4.5微信微信群体，一个庞大的群体,然而将微信作为一种营销的手段,是具有很强可行性的。如今微信营销市场的前景是非常乐观的,自2011年1月21日腾讯公司推出微信后，在其推出400余天后，就突破了一亿的用户量，并且微信软件本身的使用是免费的，使用微信的各种功能都不会收费，并且在微信平台上实现和特定群体的文字、图片、语音的全方位沟通、互动。因此通过微信开展的微信营销活动成本自然而然是非常低的。并且相对于单一的传统营销方式而言，微信则显得更加的多元化，如微信推出的摇一摇、附近的人、和二维码，朋友圈等多种功能都能成为营销的方式。可以拉近和客户之间的距离，从而使营销活动变得不再枯燥乏味，而是一种生动有趣的推广，这样会更有利于营销活动的开展。并且微信营销最大一个优点是亲民但不扰民，微信用户可以自主的选择是否接受信息，微博公众用户每天也只能群发一次消息，一次最多发布八条。这样给用户带来了更大的选择空间。图4.5微信推广总结在与导师的交流讨论后题目定了下来“道州柑橘网网站的设计与实现”。当开题报告定下来的时候，我不知该如何下手。我将这一困难告诉了导师，在导师细心的指导下，终于使我对网站的设计有了大致的想法。并在老师的指导和鼓励下完成了网站的设计与论文的定稿。当我终于完成了所有的图片处理、页面布局排版、论文书写、修改之后感觉整个人都很累。但看着自己做的网站我的心里是甜的，我觉得这一切都值了。这次毕业设计的制作是我的一次再学习，再提高的过程。在设计中我充分地运用了以前学到的知识，同时也要自己另外再去学习一些老师在课堂上没有讲过的东西，从而使我的学习能力与实际动手能力有所提高。致谢我的毕业设计是在老师的精心指导和大力支持下完成的，老师从网站的选题到网站和论文的修改，都给予了非常细致耐心的指导，并提了很多宝贵的意见，老师严谨的治学态度和高度的敬业的精神对我产生了重要的影响。她开阔的视野和渊博的知识给了我深深的启迪，在此我要向她表示由衷的感谢。在此还要感谢所有的授课老师，如果没有前三年知识的积淀，我不可能如此成功的完成我的毕业设计。谨以此致谢，最后，我要向百忙之中抽时间对本文进行审阅的各位老师表示衷心的感谢。

参考文献[1]潘果，张华南.电子商务网站建设与管理[M].1版.北京：教育科学出版社，2013.10[2]唐守国主编.创意Photoshopcs4网页设计、配色与特效案例精粹.清华大学出版社.2010年