首页 > 分享 > 植物百科网站前端设计与实现毕业设计论文.pdf

植物百科网站前端设计与实现毕业设计论文.pdf

花匠小妙招
2024-11-19 10:42

摘要本设计首先进行了植物百科网站的需求分析根据需求分析得出了网站设计的整体结构，接下来制作了网站首页、草本植物页面、多肉植物页面、水生植物页面，趣知识页面等15个页面，使用了 Photoshop、Dreamweaver HTML、CSS、JavaScript 等软件和技术实现了导航栏下拉框、图片轮播、鼠标经图像等十个动态效果，呈现了较为完整的网站前端页面效果。最后通电子邮件、QQ、微博等工具对网站进行了推广。关键词：前端设计；网页制作；网站推广目录引言 1 第一章设计背景 2 1.1企业网站设计目的 2 1.2网站建设需求分析 4 1.3网站整体结构 5 第二章前期准备6 2. 1素材收集整理6 2.2 LOGO 设计 7 2. 3 Banner 设计11 2. 4首页效果图14 第三章网页设计制作 15 3.1首页设计制作 15 3.2其他页面设计制作 20 第四章网站推广27 . 1电子邮件推广 27 .2 IM及时通讯工具推广一QQ 27 .3 SNS社区营销推广——微博、微信、论坛 27 总结 29 致谢 31 参考文献 32 引言在我们日常生活中了解知道，电子商务其实就是利用互联网进行网上交易的一种商务交易。随着电子商务的迅速发展，引发了很多企业的极度重视，从而掀起了实体经济向互联网转型的浪潮。很多企业为了更好的给自己的企业做好宣传工作，方便让更多的人知道，都不谋而同的创建了自己的企业网站。在网站里我们可以通图片、文字或动画来宣传自己的企业有关产品，还可以把公司的信息、及时动态、产品信息介绍放入网站内，让广大用户所了解。网站的创建注重点为网站页面的美观性以及内容的清晰度，采用图文并茂的形式，更容易让广大用户接受，页面美观才能够吸引更多的用户来浏览网站，从而达到企业的宣传效果。 1 第一章设计背景 1.1企业网站设计目的 1.1.1当前植物百科类网站的现状首先，我上网搜索了许多关于植物百科类的网站，搜索出来的结果并不多，有很多网页也只是有一点关于植物的知识介绍，于是，我在搜索出来的几个关于植物百科的网页进行对比，有很多植物的介绍并不完整，或者说，有些植物的介绍都没有。我结合了几个比较大的植物百科类的网页，进行理论性综合。发现，这些网站的内容集合在一起，才是一个比较完整的植物百科知识网页，对于植物介绍、养殖方法、护理方法、植物的相关知识等内容也会比较全面。在我观察当前有的植物百科类的网页时，发现页面内容比较枯燥、无味，除开一些需要了解植物知识的人士来说，或许会去网站浏览，但是对于普通群众来说，网页枯燥，并没有太大的吸引力，很难让人有兴趣去主动的浏览。而且，在我搜索到的网页中，网页的动态效果也比较少，有动态效果也都是广告，这让页面的美观性大打折扣。综合各方面的观察结果，当前的植物百科类的网页，还有着很大的地方需要进行改善, 不仅在网页美观性，还是内容完整性，都有着很大的改善空间。对于增加内容的趣味性，有利于吸引更多群众了解植物的知识，所以这也是一个改善的方向。在浏览相关网页中，网页的结构也非常的简单，基本都是文字和图片的结合排版，视频讲解的内容还是比较少，如果能够增加视频讲解，使人们在浏览网页时，理解不了文字的叙述时， 2 看视频也是一个很好的渠道了解相关植物知识。所以，对于视频模块, 也是现在植物百科类的网站缺乏的地方。 1. 1. 2植物百科网站建设目的结合了对现在植物类的网页分析，发现的问题，以至于我想自己试下做个植物百科类的网页。首先，我浏览了很多网页发现的问题，我想试着用自己所学的知识，去解决这些问题，在前端的排版、内容结构上，以我构思的想法去解决发现的问题。我知道这有一定的困难性，毕竟我没有太多的网站制作经