道州柑橘网网站的设计与实现 .doc

道州柑橘网网站的设计与实现

收藏

资源目录
跳过导航链接。
压缩包内文档预览:(预览前20页/共24页)
预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图 预览图
编号:6446342    类型:共享资源    大小:7.01MB    格式:ZIP    上传时间:2017-12-15 上传人:毕****做 IP属地:江苏
30
积分
关 键 词:
柑橘 柑桔 网站 设计 实现
资源描述:
道州柑橘网网站的设计与实现,柑橘,柑桔,网站,设计,实现
内容简介:
湖南现代物流职业技术学院毕 业 设 计毕业设计题 道州柑橘网网站的设计与实现 毕业设计类型 产品设计 工艺设计 方案设计 姓名 邓杨 班级 电商 1201 所属系部 物流信息系 专业 电子商务 指导教师 欧阳红巍 职称 讲师 完成时间 2014 年 12 月 10 日 湖南现代物流职业技术学院教务处制2014 年 12 月 10 日1原创性声明内容本人郑重声明:所呈交的毕业设计,是本人在导师的指导下,独立进行研究工作所取得的成果。除文中已经注明引用的内容外,本设计不包含任何其他个人或集体已经发表或撰写过的作品成果,所引用相关企业、单位资料获得了对方的授权。对本文的研究做出重要贡献的个人和集体,均已在设计中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。毕业设计作者签名:日期:2014 年 12 月 10 日 毕业设计使用授权声明本人完全了解湖南现代物流职业技术学院有关保留、使用毕业设计的有关规定,即:学校有权保留毕业设计并向国家主管部门或其指定机构送交设计的电子版和纸质版,有权将毕业设计用于非赢利目的的少量复制,并允许毕业设计进入学校图书馆、院系资料室被查阅,在世界大学城毕业设计网站公开,学院有权将毕业设计的内容编入有关数据库进行检索,可以采用复印、缩印或其他方法保存毕业设计。毕业设计作者签名: 导师签名:2日 期: 2014 年 12 月 10日日 期:2014 年 12 月 10日摘要根据中国互联网信息发布中心,在 2014 年中国互联网络发展状况统计报告中显示,我国互联网的网民数量在近年来快速增长。随着互联网在我国快速普及,网络已经涉及到了我们生活中的各个方面,其中之一便是通过网络进行农产品的信息发布和交易。我国农业多年来整体经济效益不高,农业结构问题突出。这与农业市场信息不畅,信息资源的开发、利用率的高低有着直接关系。而互联网的发展则很好的解决这一问题。柑橘是世界上最重要果树作物之一,而我国又是世界柑橘重要起源地之一,具有品种多样资源丰富且栽培历史悠久等优势,目前随着我国社会经济快速的发展,柑橘信息发布网站的服务对柑橘产业的发展起到了很大的推动作用。本论文设计实现了道州柑橘信息发布网站,主要希望通过该网站的设计推动道州柑橘的网络宣传和推广,让更多的人知道并了解道州柑橘,提高道州柑橘的知名度,从而吸引更多的人来购买道州柑橘。关键词:柑橘;网络信息推广;道州柑橘;3目录第 1 章 网站设计背景 .51.1 企业网站设计目的 .51.2 网站建设需求分析 .5第 2 章 前期准备 .82.1 素材收集整理 .82.2 LOGO 设计 .82.3 Banner 设计 .92.4 首页效果图 .11第 3 章 网页设计制作 .123.1 首页设计制作 .123.2 其他页面设计制作 .14第 4 章 道州柑橘网站推广 .164.1 电子邮件推广 .164.2 QQ 推广 .164.3 论坛 .174.4 微博 .184.5 微信 .19总结 .214致谢 .22参考文献 .235第 1 章 网站设计背景1.1 企业网站设计目的随着互联网技术的不断发展,互联网在我国的发展方式是以几何级数发展的,如今互联网不仅改变着人们的生活方式、同时也改变着当今社会的商业模式,因此这使得任何一个人都无法将自己置身于互联网的这张大网之外。在互联网飞速发展的今天,各个公司或企业制作一个自己的网站就和做一张名片一样普及,网络是强大的媒体介质,它可以不受时间和空间的限制,在做好网站发布之后,那么在世界上任何一个地方,只要有网站的网址,就可以看到企业的网站内容,了解企业各方面的情况。本论文顺应当前互联网发展趋势,为了更好的推动道州柑橘的发展,设计实现了一个以介绍道州柑橘为主题的网站,旨在树立道州柑橘的品牌形象。本论文希望可以通过本网站让更多人知道并了解道州柑橘,提高道州柑橘的知名度。1.2 网站建设需求分析道州柑橘网主要是为用户提供道州柑橘信息。本网站的目标客户群体为需要获取道州柑橘供求信息、了解道州柑橘以及相关信息的用户。具体来说主要有三类用户,包括柑橘种植者、柑橘承销商及柑橘消费者。柑橘种植者可以通过本网站发布柑橘供应信息,便于承销商和消费者与之联系与交流。供销商通过浏览本网站的供求信息,找到6合适的供应商。柑橘消费者是柑橘产业链的重要环节,他们也可以通过本网站了解柑橘基本常识,柑橘美食的制作信息以及道州柑橘特性等。1.3 网站整体结构本网站是以发布道州柑橘相关信息为主的信息发布型网站。基于本网站的定位,网站规划了以下 7 个栏目,分别是:首页、关于我们、产品展示、新闻中心、供求信息、柑橘美食、联系我们。每个栏目的主题介绍如下:道州柑橘栏目主要是对道州柑橘的历史以及道州柑橘的发展现状做一些说明,方便人们了解道州柑橘的悠久历史和如今的发展。产品展示栏目对道州现有的一些优质柑橘品种做一些简单的说明。新闻中心栏目中收集发布一些有关道县柑橘的新闻和一些道州最新新闻信息。供求信息栏目主要是为果农发布一些柑橘供应的信息以方便采购商与其联系,采购商也可在上面发布一些求购信息,说明购买条件,以便果农与之联系。柑橘美食栏目介绍一些用柑橘制作的美食,且附有详细的制作步骤,让人们了解柑橘的更多吃法。联系我们栏目下标明了公司的详细地址,手机或 QQ 联系信息。7网站的具体结构图如下:图 1.3 网站结构图首页柑橘美食 联系我们供求信息新闻中心产品展示道州柑橘首页砂糖橘金桔脐橙冰糖橙纽荷尔8第 2 章 前期准备2.1 素材收集整理本网站是关于道州柑橘的信息发布型网站,主要介绍柑橘的基本信息,提供道州柑橘的供求信息、道州柑橘的新闻和如何利用柑橘制作美食。本网站的图片素材大部分都是经过 Photoshop 工具软件进行了后期处理的这样使图片更美观,网站中关于柑橘的基本知识及柑橘美食制作方式等文字信息的原始素材来自于一些美食网站,并依据本网站的需求经过文字编辑加工后应用于本网站。网站中关于柑橘的供求信息和新闻是从道州论坛和一些关于道州柑橘的新闻中整理后所得。以下是网站部分文字素材的来源网址:/c/2014/07/25/3417156.htm /web/hnagrizw/snzx/qsxxlb/yz/dx/content_165462.html本网站的所有文字及图片素材为避免雷同,在前期收集整理的基础上,依据本网站的主题定位进行了后期加工处理,其目的是突出本网站的特色。2.2 LOGO 设计logo 是企业和产品的标志,它传递着产品的内涵、公司文化、企业理念等,它能够使一个企业,产品或服务,区别于其它企业,产品或服务。使受众对企业留下最深刻的印象,由此来提升企业品牌的9特性。 本网站 logo 采用黄色和绿色两种颜色搭配出一个柑橘的笑脸,给人一种亲切感。由于本论文主题是一个柑橘的网站,采用柑橘元素做 logo 与网站的主题相符,使观看者容易辨认,并记忆深刻。LOGO 设计如下图:图 2.2 logo 图2.3 Banner 设计在网页设计中,Banner 可以作为网站页面的横幅广告,其作用举足轻重,它最能够体现出一个网站的中心意旨,并可以形象鲜明的表达网站最主要的情感思想或宣传的中心。本网站的 banner 共用了六张柑橘和柑橘基地的图片,并使用Photoshop 图片处理软件的动画制作技术制作了一个图片轮播动画。其设计制作过程为:(1)首先把要用到的六张图片导入到Photoshop 中进行尺寸调整,将它们都调整到相同尺寸。以免播放时因图片不一致产生错位。(2)到工具栏中选择窗口、动画。下方会出现动画帧,先选中一张图片,把其它四张图片依次全选拖入第一张图片的图层中。10图 2.3 banner 制作图 1在动画帧中把延迟时间调为 0.5。再复制 5 帧,选中第一帧把图层中其它四张图片的眼睛闭上,再选中第二帧,同样把其它五张图片闭眼。图 2.4 banner 制作图 2弄好五张图片之后点击播放,测试图片是否重复,以便及时调整。将 banner 保存为 web 通用的 GIF 图片格式,储存就完成了,保存好之后再测试一遍,就可以插入网页之中了。每张图片的跳转时间设置的是 5s,这样的速度不快不慢,方便网站的浏览者观看。112.5 banner 效果图2.4 首页效果图首页最主要是一个网站内容的汇总和索引,在首页中会有很多图标和超链接,栏目也比较多,就像一个住宅的大门一样,从首页可以通往网站的各个模块。本网站的首页效果图如下:图 2.6 首页效果图12第 3 章 网页设计制作3.1 首页设计制作通常来说,一个网站的首页设计效果是非常重要的,就如同一本书的封面,需要吸引住浏览者的眼球。网站首页的设计既要突出网站的主要内容又要显示出网站的特色。还要有一些特效以吸引浏览者的目光。本网站首页用 HTML 结合 DIV/CSS 样式对页面进行布局排版,使页面更加美观简洁。首页采用了同字型的布局形式,具体布局图见图 31 首页布局图。Logo导航条Banner产品展示关于我们 柑橘美食 联系我们版权所有图 3.1 首页布局图本网站采用绿色作为本网站的主色调,绿色可以给人一种天然的感觉。网站设计风格为简洁清新环保,力图与网站宣传的绿色新鲜的道州柑橘主题贴近。131、导航条设计在导航栏的设计中,采用 Dreamweaver CS5 软件显示隐藏层操作实现菜单下拉的效果,其显示隐藏层的动作代码如下: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 设置图片滚动的速度滚动速度,单位为 mm14图 3.3 产品展示效果图3.2 其他页面设计制作1、柑橘美食页面设计柑橘美食页面使用 DIV/CSS 样式和表格进行布局与排版,本页面与首页的风格保持一致。div 的运用使页面的布局与排版更加灵活,对页面的修改也更加容易,使页面更加美观。在 DIV 中插入了表格方便图片和文字的插入,使页面看起来更整齐。如下图所示:图 3.2 柑橘美食2、产品展示页面设计用表格对页面内容进行排版使页面更整齐美观。方便对其排版和修改,是页面风格保持一致。15用 Dreamweaver CS5 软件显示隐藏层操作实现菜单下拉的效果,如图 3.2 下拉菜单效果图所示。图 3.2 产品展示下拉菜单在产品展示页面每个页面的最下方,都设置了一个能返回首页的超链接,在浏览者浏览完页面内容后,不用再重新滑动到页面最上方就可以直接跳转到首页。图 3.2 产品展示页面部分效果16第 4 章 道州柑橘网站推广4.1 电子邮件推广 电子邮件推广是一个初步建成的网站一种低成本推广方式,相对于其他推广方式而言,电子邮件营销是最优惠,面向人群最广,而且成本几近于零。因此电子邮件推广是一些中小网站首选的推广方式。在了解电子邮件的推广方式之后,根据本公司的产品特色,采用软文对本网站进行推广宣传,以便让更多的人可以了解到本网站。电子邮件推广可以帮公司网站减少推广的成本,让更多的人知道本网站的存在。可以和目标用户零距离的接触,以便让他们更加了解和更容易接受本网站。图 4.1 电子邮件推广4.2 QQ 推广为了让网站能够快速的发展起来,让更多的人所熟知,QQ 宣传是不可少的,QQ 群里总是会有一批用户会在线, QQ 营销广告就像聊天信息一样被发出来,用户立即就可以看到,这样可以即时将营销信息让用户了解。QQ 推广是最直接和客户接触,也是最为节约的方式。为了较好17地实施 QQ 推广,本网站撰写了一篇软文为其在 QQ 中进行了推广。图 4.2 QQ 推广4.3 论坛论坛推广是一种针对性极强,一篇可读性强的软文在短期内可以给网站带来非常可观的浏览量,若是能找到精准的论坛来投放软文,对于利益的转化和网站目标用户的收集都是很可观的。现在大多数的人都不喜欢太过于直白的广告形式,只有那种动了一下脑筋的才可以让宣传起到一定的影响,最好是容易激起人们的认同,在心理上可以引起共鸣的。一个新上线的新网站,手上没有过多的资金,那么论坛推广就是一种非常合适的推广了,论坛推广是几乎不需要成本的,从注册论坛到在论坛上发帖全都是免费的,并且论坛推广最主要的工作就是发帖,顶贴和回复这些比较常用且简单的手段,只要肯投入时间和精力,一个人同样也可以做好一次完美的论坛推广。18图 4.3 论坛推广4.4 微博微博推广是一种可以借助先进多媒体技术,可以从文字和图片等等多种形式对多种产品进行描述推广,可以让潜在的客户更加形象直接的接受到要传达的信息。微博的传播是非常迅速的,可以在短时间内传播到全球各地去,其发布信息快速,节约了大量的成本和时间。4.4 微博推广194.5 微信微信群体,一个庞大的群体,然而将微信作为一种营销的手段,是具有很强可行性的。如今微信营销市场的前景是非常乐观的,自2011 年 1 月 21 日腾讯公司推出微信后,在其推出 400 余天后,就突破了一亿的用户量,并且微信软件本身的使用是免费的,使用微信的各种功能都不会收费,并且在微信平台上实现和特定群体的文字、图片、语音的全方位沟通、互动。因此通过微信开展的微信营销活动成本自然而然是非常低的。并且相对于单一的传统营销方式而言,微信则显得更加的多元化,如微信推出的摇一摇、附近的人、和二维码,朋友圈等多种功能都能成为营销的方式。可以拉近和客户之间的距离,从而使营销活动变得不再枯燥乏味,而是一种生动有趣的推广,这样会更有利于营销活动的开展。并且微信营销最大一个优点是亲民但不扰民,微信用户可以自主的选择是否接受信息,微博公众用户每天也只能群发一次消息,一次最多发布八条。这样给用户带来了更大的选择空间。20图 4.5 微信推广21总结在与导师的交流讨论后题目定了下来“道州柑橘网网站的设计与实现”。当开题报告定下来的时候,我不知该如何下手。我将这一困难告诉了导师,在导师细心的指导下,终于使我对网站的设计有了大致的想法。并在老师的指导和鼓励下完成了网站的设计与论文的定稿。当我终于完成了所有的图片处理、页面布局排版、论文书写、修改之后感觉整个人都很累。但看着自己做的网站我的心里是甜的,我觉得这一切都值了。这次毕业设计的制作是我的一次再学习,再提高的过程。在设计中我充分地运用了以前学到的知识,同时也要自己另外再去学习一些老师在课堂上没有讲过的东西,从而使我的学习能力与实际动手能力有所提高。22致谢我的
温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
提示  人人文库网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:道州柑橘网网站的设计与实现
链接地址:https://www.renrendoc.com/p-6446342.html

官方联系方式

2:不支持迅雷下载,请使用浏览器下载   
3:不支持QQ浏览器下载,请用其他浏览器   
4:下载后的文档和图纸-无水印   
5:文档经过压缩,下载后原文更清晰   
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

网站客服QQ:2881952447     

copyright@ 2020-2025  renrendoc.com 人人文库版权所有   联系电话:400-852-1180

备案号:蜀ICP备2022000484号-2       经营许可证: 川B2-20220663       公网安备川公网安备: 51019002004831号

本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知人人文库网,我们立即给予删除!