版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
摘要:本文基于互联网发展的现状,以贵州省金普科技有限公司为例,通过对HTML+CSS代码的利用,探讨对绿色风格农业科技公司网站的设计与实现。通过对企业网页的制作,力求突破农业科技有限公司在互联网上发展受限的现状,突破农业科技公司所受地域限制,增加宣传力度,从而达到带动该公司经济增长的目的。于消费者而言能够更快速准确的查找有效信息,于经营者而言能够带动公司经济收益,从而达到一举两得的效果。关键字:HTML、CSS、企业网页、设计与实现GreenstyleagriculturaltechnologycompanywebsitebasedonHTML+CSSAbstract:BasedonthecurrentsituationofInternetdevelopment,TakingGuizhouJinpuTechnologyCo.,Ltd.asanexample,thispaperdiscussesthedesignandimplementationofthewebsiteofgreenstyleagriculturaltechnologycompanythroughtheuseofHTML+CSScode.Throughtheproductionofenterprisewebpages,westrivetobreakthroughthecurrentsituationoflimiteddevelopmentofagriculturalscienceandTechnologyCo.,Ltd.ontheInternet,breakthroughtheregionalrestrictionsofagriculturalscienceandtechnologycompanies,andincreasepublicity,soastoachievethepurposeofdrivingtheeconomicgrowthofthecompany.Forconsumers,itcanfindeffectiveinformationmorequicklyandaccurately,andforoperators,itcandrivetheeconomicbenefitsofthecompany,soastoachievetheeffectofkillingtwobirdswithonestone.Keywords:HTML.CSS.Enterprisewebpage.DesignandImplementati.研究概述1.1设计背景自古至今,我国都是一个农业大国,这不仅是基于我国是人口大国的现状,也是基于我国土地资源优渥的历史背景。因此,对于农业发展,我国领导人也是高度的重视,中共中央在1982年至1986年连续五年发布以农业、农村和农民为主题的中央一号文件,对农村改革和农业发展作出具体部署。2004年至2016年又连续十三年发布以“三农”(农业、农村、农民)为主题的中央一号文件,强调了“三农”问题在中国的社会主义现代化时期“重中之重”的地位,以此可见我国政府对于农业发展的重视程度非同一般。随着互联网时代的到来,信息的流通已经十分的便利和快捷,人们不再处于信息闭塞的时代,更贴切的形容,现在是一个信息爆炸的时代,通过互联网的不断发展,在很多信息甚至行业中已经突破了对时间与空间的局限,我国农业也需要抓住互联网发展的时机,实现提高行业认知度、影响力的目的。然而就目前而言,在互联网快速发展的大环境下,我们的农业企业的宣传还是较为受空间限制,就贵州地区而言,在百度上能够搜索到的相关信息却寥寥无几,因此设计一个专业的农业科技公司主页的需求就显得较为急迫,本文的研究思路就于此环境下孕育而生。1.2设计目的2019年2月19日,中共中央、国务院发布2019年指导“三农工作”的中央一号文件,《中共中央、国务院关于坚持农业农村优先发展做好“三农”工作的若干意见》,其中不但对农业未来的发展方向做了规划,同时也对现在农业需要发展的工作做了要求,其中有一条就是基于目前网上购物宣传行业的快速兴起,要求农业工作者紧跟时代的步伐,拓宽农民增收渠道,壮大乡村产业。为追随国家方针,结合学生即将毕业现状,本文设计的目的首先在于提高学生设计过程的熟练程度,把握对于网页设计的方法和思路,能够使学生更好地将技术与现实问题的结合,将所学的基础理论与专业知识和基本技能进行综合运用,深化对于课程内容的掌握,将分散的知识点综合性的运用到一个整体的实际项目,其次响应国家号召,通过对网页的设计,力求通过网页增加农业科技公司的宣传力度,最终达到拓宽农民增收渠道,从一定程度上增加农业收益,最终达到促进农业经济收入的最终目的。1.3设计要求(1)要求学生在设计网页之前能够清晰的将作品设计的设计思路总结出来,并且熟悉商业网站的策划,以保证为后文的研究与设计提供充实的理论基础。(2)熟悉掌握HTML+CSS的各项操作,能够制作复杂的静态页面。(3)要求设计的网页有企业独特的特点,能够宣传公司的企业文化与风采。(4)要求所设计的网页能够让访问者在最短的时间获取最有效的信息,并且能够捕捉客户需求,能够双向交流使双方收益。(5)应该设计一个可拓展的网址,能够根据未来技术的发展而进行网站的扩充,使的能够得到更广泛的应用。小节总结:这一节我们主要介绍了设计的背景、目的、要求,通过这简单的介绍,可以在我们未来的论文研究中,为我们的论文提供方向及思路,以便我们更能找准设计的要点、目的与内容,让我们能够坚定地找准论文的中心要点,完成对论文的研究。2.开发环境2.1HTMLHTML是超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分,英语:Head、和“主体”部分,英语:Body,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。网页的本质就是超级文本标记语言,通过结合使用其他的Web技术,可以创造出功能强大的网页。因而,超级文本标记语言是万维网编程的基础,也就是说万维网是建立在超文本基础之上的。网页的本质就是超文本标记语言,通过结合使用其他的例如:脚本语言、公共网链接口、组件等Web技术,可以创造出功能强大的网页。因而,超文本标记语言是许多网页编程的基础,也就是说大多数网页都是建立在超文本基础之上的。超文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。2.2CSSCSS即CascadingStyleSheet的缩写,中文表示为级联样式单,我们又常称这为风格样式单StyleSheet,顾名思义,是用来进行网页风格设计的。比如,我想让我的链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,我们可以统一地控制HMTL中各标志的显示属性。CSS指层叠样式表(Cascading
Style
Sheets),样式定义如何显示
HTML元素,样式通常存储在样式表中,把样式添加到HTML4.0中,是为了解决内容与表现分离的问题,外部样式表可以极大提高工作效率,外部样式表通常存储在
CSS文件中多个样式定义可层叠为一个。2.3运行环境操作系统:Windows10专业版软件开发工具:HTML+CSS3.应用需求分析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产品介绍界面点击产品介绍按钮,然后跳转到产品介绍界面图15产品介绍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应用的统一性
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 矿山充填工艺技师考试试卷及答案
- 2025年中国铁路西安局招聘高校毕业生第二批(102人)笔试历年参考题库附带答案详解
- 2025山西红杰人才集团有限公司招聘16人笔试历年参考题库附带答案详解
- 2025山东烟台市莱州市财金投资有限公司招聘10人笔试历年参考题库附带答案详解
- 2025国网青海省电力公司高校毕业生招聘约179人(第二批)笔试历年参考题库附带答案详解
- 2025四川长虹新网科技有限责任公司招聘软件设计师等岗位56人笔试历年参考题库附带答案详解
- 2025四川绵阳市九洲集团软件与数据智能军团招聘项目经理岗位1人笔试历年参考题库附带答案详解
- 2025四川安吉物流集团有限公司下半年招聘工作人员11人(二)笔试历年参考题库附带答案详解
- 2025内蒙古中煤鄂能化公司高校毕业生招聘98人笔试历年参考题库附带答案详解
- 2025云南基投公司社会招聘12人笔试历年参考题库附带答案详解
- 橡胶制品的质检体系与质量监控改进计划
- 妊娠高血压综合征眼底病变演示课件
- 【高中语文】《致大海》课件+统编版高中语文选择性必修中册
- 河池多介质过滤器施工方案
- 高铁乘务员报名简历表(模版)
- 最强最高效的钢结构基本知识及材料排版备料技术
- 肉类加工机械-绞肉机设计说明书(论文)
- 胶质母细胞瘤的影像诊断
- -卫生资格-正高-疾病控制-正高-章节练习-传染性疾病控制-试题(多选题)(共450题)
- GB/T 42062-2022医疗器械风险管理对医疗器械的应用
- JJF 1676-2017无源医用冷藏箱温度参数校准规范
评论
0/150
提交评论