摘要：本文基于互联网发展的现状，以贵州省金普科技有限公司为例，通过对HTML+CSS代码的利用，探讨对绿色风格农业科技公司网站的设计与实现。通过对企业网页的制作，力求突破农业科技有限公司在互联网上发展受限的现状，突破农业科技公司所受地域限制，增加宣传力度，从而达到带动该公司经济增长的目的。于消费者而言能够更快速准确的查找有效信息，于经营者而言能够带动公司经济收益，从而达到一举两得的效果。
关键字:HTML、CSS、企业网页、设计与实现
1.研究概述
1.1设计背景
自古至今，我国都是一个农业大国，这不仅是基于我国是人口大国的现状，也是基于我国土地资源优渥的历史背景。因此，对于农业发展，我国领导人也是高度的重视，中共中央在1982年至1986年连续五年发布以农业、农村和农民为主题的中央一号文件，对农村改革和农业发展作出具体部署。2004年至2016年又连续十三年发布以“三农”（农业、农村、农民）为主题的中央一号文件，强调了“三农”问题在中国的社会主义现代化时期“重中之重”的地位，以此可见我国XX对于农业发展的重视程度非同一般。
随着互联网时代的到来，信息的流通已经十分的便利和快捷，人们不再处于信息闭塞的时代，更贴切的形容，现在是一个信息爆炸的时代，通过互联网的不断发展，在很多信息甚至行业中已经突破了对时间与空间的局限，我国农业也需要抓住互联网发展的时机，实现提高行业认知度、影响力的目的。然而就目前而言，在互联网快速发展的大环境下，我们的农业企业的宣传还是较为受空间限制，就贵州地区而言，在百度上能够搜索到的相关信息却寥寥无几，因此设计一个专业的农业科技公司主页的需求就显得较为急迫，本文的研究思路就于此环境下孕育而生。
1.2设计目的
2019年2月19日，中共中央、xxx发布2019年指导“三农工作”的中央一号文件，《中共中央、xxx关于坚持农业农村优先发展做好“三农”工作的若干意见》，其中不但对农业未来的发展方向做了规划，同时也对现在农业需要发展的工作做了要求，其中有一条就是基于目前网上购物宣传行业的快速兴起，要求农业工作者紧跟时代的步伐，拓宽农民增收渠道，壮大乡村产业。
为追随国家方针，结合学生即将毕业现状，本文设计的目的首先在于提高学生设计过程的熟练程度，把握对于网页设计的方法和思路，能够使学生更好地将技术与现实问题的结合，将所学的基础理论与专业知识和基本技能进行综合运用，深化对于课程内容的掌握，将分散的知识点综合性的运用到一个整体的实际项目，其次响应国家号召，通过对网页的设计，力求通过网页增加农业科技公司的宣传力度，最终达到拓宽农民增收渠道，从一定程度上增加农业收益，最终达到促进农业经济收入的最终目的。
1.3设计要求
（1）要求学生在设计网页之前能够清晰的将作品设计的设计思路总结出来，并且熟悉商业网站的策划，以保证为后文的研究与设计提供充实的理论基础。
（2）熟悉掌握HTML+CSS的各项操作，能够制作复杂的静态页面。
（3）要求设计的网页有企业独特的特点，能够宣传公司的企业文化与风采。
（4）要求所设计的网页能够让访问者在最短的时间获取最有效的信息，并且能够捕捉客户需求，能够双向交流使双方收益。
（5）应该设计一个可拓展的网址，能够根据未来技术的发展而进行网站的扩充，使的能够得到更广泛的应用。
小节总结：这一节我们主要介绍了设计的背景、目的、要求，通过这简单的介绍，可以在我们未来的论文研究中，为我们的论文提供方向及思路，以便我们更能找准设计的要点、目的与内容，让我们能够坚定地找准论文的中心要点，完成对论文的研究。
2.开发环境
2.1 HTML
HTML是超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分，英语：Head、和“主体”部分，英语：Body，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。网页的本质就是超级文本标记语言，通过结合使用其他的Web技术，可以创造出功能强大的网页。因而，超级文本标记语言是万维网编程的基础，也就是说万维网是建立在超文本基础之上的。
网页的本质就是超文本标记语言，通过结合使用其他的例如：脚本语言、公共网链接口、组件等Web技术，可以创造出功能强大的网页。因而，超文本标记语言是许多网页编程的基础，也就是说大多数网页都是建立在超文本基础之上的。超文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
2.2 CSS
CSS即Cascading Style Sheet的缩写，中文表示为级联样式单，我们又常称这为风格样式单Style Sheet，顾名思义，是用来进行网页风格设计的。比如，我想让我的链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，我们可以统一地控制HMTL中各标志的显示属性。
CSS指层叠样式表(Cascading Style Sheets)，样式定义如何显示HTML元素，样式通常存储在样式表中，把样式添加到HTML 4.0中，是为了解决内容与表现分离的问题，外部样式表可以极大提高工作效率，外部样式表通常存储在CSS文件中多个样式定义可层叠为一个。
2.3运行环境
操作系统：Windows 10专业版
软件开发工具：HTML+CSS
3.应用需求分析
3.1农业科技型
农业科技型企业又称为农业高新技术创业服务中心，随着我国对“三农”问题越来越重视，尤其在2019年对于我国的农业发展又提出了新的要求，成立农业科技型公司不仅仅是社会需求，更是一种时代要求。农业科技型公司简单的来说，就是由企业家创办，引入科技人员，以盈利为目的，从事集农业高新技术产品的研制、开发、生产和服务业务为一体的企业。这样的企业存在具有重大的意义，一方面，通过专业的科技人员的研究，能够不断的通过先进的技术提高生产效率，为企业带来经济收益；另一方面，因为企业的社会融资途径又能够为科技人员的研究吸引丰厚的资金，能够节约国家用于农业科技发展的研究经费。
3.2需求分析
随着互联网时代的到来，企业的网页就如同企业的一张名片一样普及，那么为什么要为农业科技公司设计网页呢？首先，互联网的宣传不同于传统的宣传媒介，传统的宣传途径受到地域与时间的限制，当然也可以利用媒体进行宣传，但是要考虑到公司的宣传成本，利用媒体固然也能实现对地域与时间的突破，但是宣传成本较大，对于刚刚起步的企业而言，用大部分的成本进行宣传，很有可能会对自己本身的经营状态造成较大的影响。因此，为企业设计网页就成了市场的急切需求。
在本文的设计中，包含了首页、公司简介、产品介绍、招商加盟、人才招聘、在线留言和联系我们等几个重要板块。首页作为一个网页的全览，能够起到一个客户分流的作用，公司简介能够让客户对于公司的主要经营内容分有一个大致的了解，并且有利于宣扬公司企业文化与办公内容，产品介绍能够最直观的产品的作用、优势展现给顾客，使顾客能够细致地了解并根据需求选择产品，招商加盟为公司吸引资金提供了更多的可能，人才招聘能够为公司的发展提供后备力量，在线留言和联系我们能够更好地收集客户体验与解决售后问题，提高企业的公信力。
3.3可行性分析
技术可行，目前互联网上虽然能够找到的鲜少能找到农业科技公司专门的黄页，但并非完全没有相关借鉴的例子，在遇到瓶颈的时候，可以借助相对完善的已有网站进行参考和学习。
经济可行，企业网页的开发相对于传统的宣传手段上，不仅能够突破地域与时间的限制，还能够节约利用媒体宣传的成本，并且能够节省客户的时间成本，实现有效的双向沟通。技术方面主要用到HTML、CSS等知识点。
3.4应用流程分析
首页对于网页的全览有大致的介绍，能够根据首页上不同的分类信息，查找了解客户需要的业务及产品。
4.农业网站设计
4.1搭建项目
在编写应用之前，要搭建项目，把项目所需要的图片放到对应的文件夹下，具体如下图：
图1项目结构图
4.2界面设计
项目搭建完之后，接下来要进行的就是对应用的界面的设计，在网站当中，需要对相应的界面设计的话，需要新建html文件配合css样式以及js来编写代码显示界面。
4.2.1应用的模块设计
首先是主界面的显示以及布局设置，这个页面命名为index.html，在这个页面中展现出顶部导航栏和网站的介绍，以及网站整体布局的展示，简洁大方，并且顶部导航栏以及轮播图在所有的页面都是通用的。主要代码如下图：
图2顶部导航栏、轮播图以及页面代码
4.2.2公司简介模板设计
公司简介界面就是对公司做出了一个简单介绍，也是通过div来组成的。主要代码如下：
图3公司简介界面布局
4.2.3产品介绍模板设计
产品介绍界面主要用于展示公司所包括的产品有哪些。是通过div+ul来组成的。主要代码如下图：
图4产品介绍界面
4.2.4招商加盟模板设计
招商加盟界面主要用于展示公司招商加盟信息设计的。是通过div组成的。主要代码如下图：
图5招商加盟界面
4.2.5人才招聘模板设计
人才招聘界面主要用于展示公司招聘信息设计的。是通过div组成的。主要代码如下图：
图6人才招聘界面
4.2.6在线留言模板设计
在线留言界面主要用于浏览用户提供意见设计的。是通过table表格组成的。主要代码如下图：
图7在线留言界面
4.2.7联系我们模板设计
联系我们界面主要用于浏览用户联系本公司设计的。是通过div+p组成的。主要代码如下图：
图8联系我们界面
4.2.8产品名称模板设计
产品名称界面主要用于展示产品详情设计的。是通过div+p组成的。主要代码如下图：
图9产品名称界面
4.2.9新闻动态模板设计
新闻动态界面主要用于展示农业相关新闻设计的。是通过div组成的。主要代码如下图：
图10新闻动态界面
4.2.10新闻详情模板设计
新闻详情界面主要用于展示农业相关新闻的详情设计的。是通过div组成的。主要代码如下图：
图11新闻详情界面
4.3功能设计
4.3.1首页轮播图
首页通过轮播图的方式展示热门产品。主要代码如下图：
图12轮播图
5.网站实现
5.1主界面
应用的主界面实现
图13主界面
5.2公司简介界面
点击公司简介按钮，然后跳转到公司简介界面
图14公司简介界面
5.3产品介绍界面
点击产品介绍按钮，然后跳转到产品介绍界面
5.4招商加盟界面
点击招商加盟按钮，然后跳转到招商加盟界面
图16招商加盟界面
5.5人才招聘界面
点击人才招聘按钮，然后跳转到人才招聘界面
图17人才招聘界面
5.6在线留言界面
点击在线留言按钮，然后跳转到在线留言界面
图18在线留言界面
5.7联系我们界面
点击联系我们按钮，然后跳转到联系我们界面
图19联系我们界面
5.8产品名称界面
在产品介绍中点击展示的产品，然后跳转到产品名称界面
图20产品名称界面
5.9新闻动态界面
点击新闻动态按钮，然后跳转到新闻动态界面
图21新闻动态界面
5.10新闻详情界面
在新闻动态中点击展示的新闻数据，然后跳转到新闻详情界面
图22新闻详情界面
6.应用测试
6.1测试目的
网页设计之所以要进行测试，除了是要保障网页能够正常运行以外，更重要的是能够保证网页发布的质量。综合市场来看，网页的质量优质与否直接关系着消费者的选择取向。另外，本次网页设计的目的，是在可行性范围之内，增加企业的宣传力度之外，降低企业用于宣传所需要的成本，对于网页进行测试实际来说也是防止在日后企业在使用的过程中因为网页本身存在的漏洞，造成资金和人力上的损失。通过对网页的测试，还能够使程序员能够概括性的总结设计的经验，在下次遇到类似的情况时，能够及时的做出判断与改正。
6.2测试结果
（1）连接速度测试：无
（2）负载测试：良
（3）压力测试：良
（4）基本测试：色彩的搭配，连接的正确性，导航的方便和正确，CSS应用的统一性：正常
（5）技术测试：网站的安全性（服务器安全，脚本安全），可能有的漏洞测试，攻击性测试：正常
7.结论与展望
7.1结论
在本次论文的课题研究中，从实际调查、理论分析和实际操作的经历里发现，程序的编写不仅仅只是一些呆板的代码，代码之所以能够长远的发展，是因为它结合了实际问题，为解决实际的问题提供可能才是代码的生命力所在，本文就我国对于农业的发展提出讨论，并致力于分析当下市场的需求与缺乏，通过对于代码的编写与实现，力求能够通过增加农业科技公司的宣传方法，提高农业发展与收入，在论文的阐述中，详细地介绍了编写代码及设计网页的步骤，最终完成对网页的实现与应用。
7.2展望
在三年的大学生活与学习中，感恩众多老师与同学的慷慨帮助，使我度过了一段幸福且十分难忘的大学时光。良师益友，是人生的重要陪伴，也是树立正确三观及人生目标的基石。一路走来，有过很多欢声笑语、难忘和困难的事情，最后还是圆满交上毕业的答卷。三年的时间，三年的成长，使我懂得生活的精彩与不易，学会了很多为人处世的道理，丰富自己的精神世界，努力追求自己的人生目标并向社会作出奉献，在实现自身人生价值上有了更加贴切和深刻的感触。在论文即将完成之际，我将致与我最衷心的祝福，祝愿贵州电子科技职业学院的老师们和同学们工作顺利，
转眼之间，在校学习生涯即将结束。我也将迎来一个完全崭新且相对独立的生活，希望我在学校里面学到的东西能让我在以后的工作生活中可以坚强勇敢，积极进取，不断学习，不断丰富自己，做一个对别人、对家庭、对社会负责的人！
致谢
本篇论文是在杨承帅老师的最终指导和帮助下完成的，但是在完成论文的过程中，我也得到了其他老师的帮助，还有许多同学毫不吝啬地将自己熟悉的技巧和想法分享给我，在此，我要衷心的感谢帮助我的老师们和同学们，没有他们的帮助，我不能如此顺利地完成我的论文设计。
此外，我还要感谢三年来不断关心我们的校领导，没有你们的关心与支持，我大学三年的时光将不可能会如此顺利地完成我的学业。我还要感谢我的家人，他们默默地付出才是我最大的动力，我也相信，付出总会有收获，我们都会越来越好。
参考文献
[1]张玉清.HTML新特性安全研究综述[J].吉萨UN及研究与发展,2016
[2]汪梅.基于HTML文化网站设计与研究[J].包装工程,2011.
[3]刘天寅.未来的Web与HTML的应用平台[J].阴山学刊,2010
[4]韩敏.浅谈网页制作新技术HTML[J].大连理工大学,2014
[5]管欣.CSS对公司质量管理流程深化研究[J].吉林大学,2016
[6]李微.HTML+CSS在网页设计中的特性及优势[J].信息以电脑，2018
[7]陈潇.X农业现代化发展的经验及启示[J].经济体制改革2019,1006-012X（2019）-06-0157（06）
1、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“文章版权申述”（推荐），也可以打举报电话：18735597641(电话支持时间：9:00-18:30)。
2、网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友投稿，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务。
原创文章，作者：1158，如若转载，请注明出处：https://www.447766.cn/chachong/199528.html,
