农夫信息网站的设计与实现毕业设计论文.doc

毕 业 设 计毕业设计题 农夫信息网站的设计与实现 毕业设计类型产品设计 工艺设计 方案设计 姓名 班级 所属系部 物流信息系 专业 电子商务 指导教师 职称 完成时间 年 月 日 摘 要随着Internet技术的发展，互联网在中国逐步普及,人们对网络的需求也日益增长, 在当前的市场环境中，随着社会的进步和技术的发展，信息经济也在迅猛发展，市场的竞争在很大程度上体现为信息的竞争。这使得找到合适的资源成为企业提高竞争力的重要方法。而同时，当今的市场环境又是一个快速变化的环境，市场需求在变，对信息的需求也相应处于不断动态变化之中。因此要想生存，信息及时便捷的获取显得尤为重要。本网站定位于农业信息发布，采用简洁的界面设计、通过简单实用的功能实现农业信息的发布与共享。本网站主要采用了Macromedia Dreamweaver 网页制作工具、Photoshop图片处理软件以及CSS网站布局技术进行设计实现。网站主要提供了农产品的供求信息,农村的特产,农村旅游等方面的资讯,让网民更直接的了解农村,对接农户与销售商的信息渠道,从而促进农村农业经济的发展。关键字：农村特产 信息发布 农业网站 农业产品 目录第一章 网站设计背景11.1网站设计目的11.2网站建设需求分析11.3网站整体结构3第二章 前期准备62.1 素材收集整理62.2 LOGO设计82.3 Banner设计92.4 首页效果图10第三章 网页设计制作123.1 首页设计制作123.2 其他页面设计制作14第四章 网站调试推广164.1 网站调试及处理164.2 网站推广18总结23致谢24参考文献25第一章 网站设计背景1.1网站设计目的如今的电子商务发展突飞猛进，有很多比较传统的企业都进入了电子商务这个领域，且这些行业通过开展电子商务应用之后获得了非常好的效果，值得深思的是在农业领域这方面成功案例却比较小。虽然有些创新的电子商务淘宝店模式，开始根据自身资源和市场优势，也开展了特色电子商务，但是农业电子商务的成功案例和其他传统行业比较而言却是相形见绌。在我国中原有9亿多的农民，很多人生活在比较偏远地区，在那样的农村，因为交通不方便、信息相对闭塞。一方面农民们无法及时获得市场需求信息，而另外一方面很多偏远地区的农业产品跟本无法被外界所知道和了解，从而造成了农业生产落后，销售不畅的局面。而农业电子商务网站的建立，可以在很大程度上满足农民和企业的产品销售需求。本网站的出发点是瞄准当前农村经济发展需求，搭建一个农业供求信息分享交流的平台。让农民得到方便，使农村经济得到发展。尽量的让一些农民能够脱贫致富1.2网站建设需求分析农业的发展关系到中国的经济发展，所以发展农业也是很有必要的。目前，我国农业存在着一些问题比如:信息不畅、物流落后信息获取渠道有限等。如果建立了农产品交易平台了，就可以解决农产品在流通中遇到的矛盾，从而提升我国家农产品流通速度，提高效益，还能够解决农产品滞销以及促进农村经济发展。也可以提高我们国家在农产品的国际竞争力，从根本上解决了三农的问题，也为以后走向国际化做好了准备。现在做得较好的农业网站有“中国农业信息网”和“乡村旅游特产网”等等。中国农业信息网是中国农业部的官方网站，其中比较好的农业信息网商务版也是唯一的农村电子商务门户网站，主要为我国农业方面还有农村电子商务活动，提供“一站式”网络服务平台，这种方式强化了农村市场的信息服务，使非常多的农民上网致富立业，加快了农村经济的发展，很多地方值得我们学习和借鉴。图1-1 中国农业信息网乡村游特产网是第一家专门从事中国的乡村旅游在线服务的网站,该网站提供乡村特色、旅游、休闲等服务和资讯,其主要是为了打造具有中国地方特色的农家乐和旅游业。以及通过农家乐和旅游业带动了农村经济的发展实现共同致富。图1-2 乡村旅游特产网本论文建立农夫信息网既结合了中国农业网站的信息供求特色又融合了乡村游特产网农家乐和旅游业的部分功能，更为广大农民提供方便和需求，更有效的解决农产品滞销。也为开发农村做出一些贡献。1.3网站整体结构农夫信息网作为农产品的交易平台，起着信息沟通和交流的用途，在大市场的环境下，农夫信息网应该提高自身的优势。农夫信息网主要内容框架包括供求信息、乡土特产 、乡旅频道、农业资讯。农夫信息网首页供求信息乡土特产乡旅频道登录果品花木粮油畜牧蔬菜农业资讯注册图1-3 网站的总体结构以下为网站栏目介绍:“供求信息”栏目主要提供信息的供求，让有需要的网民找到自己所需要的信息。网站提供了5类商品的供求信息，分别有:果品、花木、粮油、畜牧、蔬菜等。其中的供求信息会及时更新，让游览者看到有效的信息。“乡土特产”栏目主要介绍乡村的特色产品，并提供农产品生产企业的相关信息，供需求者预览选择。“乡旅频道”栏目有农家乐介绍其中可以链接到其他农业电商网站，实现在线预定。此外，可以选择乡村旅游路线，网站针对每个线路都有详细的介绍。“农业资讯”栏目下会有关于农业方面的新闻，还有一些养殖农作物的方法，以及农作物种植知识。农夫可以在网站上学习种植技术，帮助农夫更好的种植农产品。第二章 前期准备2.1 素材收集整理在前期准备中本网站素材依据网站的需求出发，经过多方面的考虑，从网络、书籍以及多媒体上收集相关原始素材。然后对文字、图片及动画素材进行加工美化处理。对于素材我们很用心的尽量做到最好。网站的图片是根据网站的需求，从千图网昵图网Photoshop可以对图像加工处理、绘图。通过新建图像文件，就能够绘图，也可以进行图形之间的复制粘贴编辑，功能很强大，用来做网站的图片的处理非常不错。图2-1 图片处理界面农夫信息网站文字素材是在一些农业网站上和一些农业报纸上进行收集，然后再进行整理，选取其中符合网站建设需求的信息并做简单编辑而成。图2-2 农业报纸本网站动画素材的制作是从昵图网下载了相关的图片，然后利用FLASH动画制作软件通过“设计 分镜头设计稿 原画 动画 上色 合成”等一系列操作步骤形成最后所需的动画效果。图2-3 flah动画2.2 LOGO设计每个网站都有一个代表其单位或公司的标志，并具有特殊意义。所以在设计时为吸引游览者的眼球，需要遵循以下logo设计原则进行logo设计。（1）初期工作不可少（2）协调性（3）选择合适尺寸（4）巧妙运用颜色（5）设计风格与品牌匹配（6）文字排版十分重要（7）追求认知度（8）敢于创新（9）简单明了（10）慎用特殊效果（11）设计流水线”（12）参考作品不是抄袭。农夫信息网网站标志力求简单明了，能代表企业的特征，突出主题，表达传递企业精神，让人容易记住。LOGO中间是一个稻草人，象征着丰收，周围是绿色的象征着绿色、希望，突出了网站的主题，网站LOGO效果图如下所示：图2-4 网站LOGO2.3 Banner设计农夫信息网中的Banner可以作为网站页面的横幅广告，Banner 主要体现出中心的意思，表达出情感思想还有宣传中心。本网站首页banner主要采用了flash工具制作，并遵循Banner设计的几点原则:(1）主题明确(2) 突出重点的文字（3）符合人们从左到右的阅读习惯（4）用最短时间激起人们的点击欲望。本网站Banner力图通过图片轮播技术实现了轮播动态效果使网站更加生动。其具体制作步骤如下：1、使用photoshop软件制作banner的素材，新建一个文件。然后利用编辑菜单中的“自由变换”让图片铺满整个背景。图2-5 banner图片素材制作12、接下来在插入一帧后再插入另一张图片，放在原来的图片上完整的覆盖。图2-6 banner图片素材制作23、最后设定好停顿的时间，将图片保存为gif格式。图2-7 Banner效果图1图2-8 Banner效果图22.4 首页效果图农夫信息网首页效果图设计时，我们遵循首页效果图设计原则：（1）主次要分明，突出中心（2）适合的搭配，相互呼应（3）图文并茂，相得益彰。这样能够给游览者留下一个深刻的印象。图2-9 首页效果图第三章 网页设计制作3.1 首页设计制作首页制作首先需要明确主题然后围绕主题开始搜集材料，再进行网站的结构、首页栏目的设置、首页的风格、颜色搭配、版面布局、文字图片的运用等，接着是充实首页的内容。首页布局采用的是F式的网页布局类型。在色调上采用了简约风格，亮丽明快的颜色和风格。本网站秉持简洁科学的分类原则进行栏目划分:首页 供求信息、乡土特产 、乡旅频道、农业资讯。该栏目划分能够让网站的首页做得通俗易懂，让人看了感觉很亲切，吸引浏览者的眼球。农夫信息网首页设计采用了Photoshop和fireworks工具制作实现。在首页中还运用了图片轮播的技术，插入了flash让首页更加生动。添加了文字滚动，鼠标悬停等相关技术。图3-1 首页导航条插入一个优秀的网站首页应页面美观，能够吸引浏览者。布局设计合理的网站首页需要遵循一下几点：（1） 突出网站的中心，首页的主题要是唯一的。（2） 首页的促销广告不能太多，太多的广告会让游览者反感。（3） 首页可以有一个积极呼吁性的行动，可以有独到的见解和信心，但不能体现缺乏新意，无力和空洞。（4） 不要让一些板块使页面的结构破坏。（5） 建立一个好的首页，获得好的排名，应该注意引用好的关键词本网站的首页是上中下结构，导航条上显示网站的名称。中间部分显示首页、供求信息、乡土特产、乡旅频道、农业资讯等。下面部分是本网站的用户登录、注册果品 、花木 、粮油 、蔬菜、畜禽等详细供求信息。网站主页面示意图如图所示：图3.2-3 主信息区设计图3-3 页脚设计农夫信息网的页脚，不只是版权信息还附了链接简单区域。设计精美的页脚可以给浏览者带来较好的视觉效果，能更好提高网站的人气。农夫信息网主要色调是绿色,体现出大自然的美,更贴近农村的生活,让用户对农村更直接的了解,网站的重心是供求信息,布局简单明了,方便用户浏览,找到自己所需要的信息。网页主要是以绿色的分格为主，绿色充满了生机勃勃，让人看了很舒服，所有页面色调统一，布局相似。3.2 其他页面设计制作1. 供求信息页面的实现本页面首先利用表格进行排版，采用了F式网页布局。再将Photoshop中处理好的素材图片以及flash动画素材插入网页合适的位置。该页面的制作简单明了。HTML 布局主要是实现网页简单的排版和文字展现。在页面的最上方采用了分享的功能以及在线qq交流的快捷按键，让浏览者方便快捷地实现信息分享及交流。图3-2 供求信息2.乡旅频道页面的实现乡旅频道的页面还是用F式网页布局，打开Dreamweaver进行乡旅频道的制作，首先编写style.css文件，这个是网页的公共样式文件，为了保持网站风格的统一，调用了首页的网页美工布局。在body标签中插入一个宽度为900像素的表格，网页顶部一行插入运用photoshop软件制作好的banner图片banner.gif素材，该图的大小尺寸为900*180，在顶部设置改图为背景，然后插入一个透明flash:top.swf(路径：flash/top.swf)，此时顶部的效果就做出来了，下面依次编写导航模块，主体中间信息模块底部是版权信息。里面嵌入了外链，可以在本网站点击可以链接到其他电商网站实现在线预定功能。乡旅频道页面还推荐了各种好玩的地方，吃喝玩乐都有。 图3-3 乡旅频道页面第四章 网站调试推广4.1 网站调试及处理网站建好后都需要调试html和css代码，对网站整体进行分析。一般用火狐浏览器的firebug插件工具进行调试，主要检测所有的html和css是否正常运行，有没有错误。其检测调试步骤如下:1、首先需要下载安装火狐浏览器。2、接下来依次查看、调试代码（1）查看网页代码，把火狐游览器打开，再打开查看元素，就可以查看网页中的代码是否有错误。（2）在代码调试的部分，只需要点进查看代码这个按钮，把鼠标放在图片上，红色箭头就会显示当前的位置代码。（3）修改代码：选中的代码可以进行修改， firebug是个很方便的工具，html和 css样式都可以进行修改和调试，非常的方便。在网站连接网络的情况下看是否链接都是正确的路径，然后再调试网站的基本功能，比如:分享功能，通过该功能用户可以随心所欲的分享自己喜欢的农产品信息到自己的微博等平台或朋友。让信息能够让更多有需要的用户浏览，同时也可以实现推广网站的目的。将鼠标放在最后一个图标上，更多分享功能让你选择，如图所示图4-1 分享功能的调试图4-2 分享功能的调试然后再进行天气预报功能的调试，用户游览农夫信息网在到农业资讯这个栏目下可以在线看到天气预报，了解实时实况天气,湿度,等。当鼠标放在所需要查询的地方天气便出现了天气情况，如下图所示图4-3天气预报调试4.2 网站推广1、利用QQ群做网站推广在QQ群里去推广农夫信息网，可以快速的看到效果，因为很多QQ群都可以群发，可以用QQ群的群发功能进行网站推广，这样不仅可以节约时间和成本，还可以达到较好的推广效果。本网站前期主要采用在一些农业相关的QQ群推广，因为这些QQ群能够精准定位客户群，吸引有效流量，能够通过转发迅速推广，扩大推广范围。零成本，效果显著。图4-1 QQ群推广2.电子邮件推广方法在网站建设初期采用邮件推广，有助于网站的前期推广。对于邮件推广应适度把握好原则，不要引起用户反感。 农夫信息网是主要面向的是农村用户以及消费者，在发电子邮件时，采用定点发，邮件内容方面则主要是吸引人们浏览关注的有关本网站的相关话题。图4-2 电子邮件推广3、论坛推广本网站主要采用在一些农业相关的论坛发帖，尽量增加曝光机会。经常在论坛活动,提高知名度,自然会有人关注网站,那时会有客户主动找上门的。本网站论坛发帖重点发布的是一些关于农夫信息网的新品信息、供求信息等。当网站被很多人关注后，网站曝光的机会也会越来越多。然后同时我们在帖子的签名档留下网站的名字，农夫信息网站的网址，做好网站的外链工作，让更多人知道农夫信息网。图4-3中国农民论坛4、博客营销博客营销，是非常好的一个营销渠道，很容易做出搜索引擎排名，获取最定向的流量，发表文章都里面的文字链接对网站的权重都很有帮助。本网站采用在博客上发布农夫信息网的产品图片，建立相册，上传产品视频等方式。在新浪微博注册微博，微博名称为农夫信息网。然后在微博中添加精彩文章以及网站的超链接进行推广宣传。图4-3 博客推广总结在导师欧阳红巍老师的指导下，终于完成了农夫信息网的论文，学到很多课堂上难以学到的知识。毕业设计是我们每个大学生必须经历的一段过程，也是我们毕业前的一段珍贵回忆。一开始都觉得毕业设计是一个很困难的任务，大家都难免有一点畏惧之情，但是经过长时间的努力和积累，在老师的要求下不断的修改，我们都按要求完成了毕业设计。通过这次毕业设计，我对农业网站又有了进一步的了解。随着科技的不断发展和网络的广泛普及，农村将普及网络，各种网上交易商城建立，农业网的出现就顺应了发展。帮助需要农业信息的人获的更有价值的信息，减少农产品的滞销，免去了农民大量的时间。也希望看到农民脱贫致富。这次的毕业设计是我们一个学习的机会更是我们实际能力的一次很大的提升，我们应该感到高兴，这也会对我们未来的学习和工作方面都会有非常大的帮助。即将毕业，在以后的工作中，我会把这份努力和细心都用到工作上，努力成为有用之才，为母校，为父母争光。致谢首先衷心感谢老师在整个毕业课题设计期间给予我的无微不至的关怀和细心的指导。在毕业论文的设计过程中指导老师给了我很多宝贵的意见和建议，才让我们能写出这样的论文来。还要感谢老师对我的教育和培养。他们细心指导我的学习，在此，我要向诸位老师表达诚挚的敬意。对开发网站以及使用Dreamweaver制作静态网页有了深刻的了解和掌握，最后顺利完成整个设计过程。衷心感谢所有关心我的以及热心帮助过本人的师长还有朋友和同学们，你们我都会铭记于心，这也使本人在大学三年的求学经历中能够更加美好，永远都不会忘记这段，美好的时光。最后，祝福所有的老师身体健康，幸福快乐，桃李满天下。同学们事业有成。参考文献1电子商务网站建设作者：臧良运，崔连和 出版社北京大学出版社2网页设计与制作案例教程作者：张晓雷 清华大学出版社，2013年3中国农业信息网4中华名优土特产网5中国农村研究作者徐勇 著出版社中国社会科学出版社6王大远.DIV+CSS3.0网页布局案例精粹M.北京：电子工业出版社，2013.27李成飞.电子商务网站建设与维护M.1版.北京：中国劳动社会保障出版社，200138马增友.Photoshop图像处理技术应用M.1版.北京：清华大学出版社；北京交通大学出版社，20013.99杨顺勇.市场营销案例与实务M.复旦大学出版社，20013年.10范晓燕.用户体验要素M.机械工业出版社，20014年.24