1、 1 / 12目录一、课题来源 .3（一）设计思想 .3（二）网站主题 .3二、网站需求分析 .3（一）搜集材料 .3（二）需求分析与规划 .3三 软件介绍 .4（一）Adobe Photoshop .4（二）Dreamweaver CS6 .4(三) 软件运行环境 .4四、网站整体设计 .5（一）网页的规划 .5（二）系统框架 .6五、主页介绍与网页截图 .6（一）主页面介绍 .6（二）子页面介绍 .7六、总结与感想 .9（一）本网站实现了形式与内容的统一 .9（二）本网站具有良好的互动性 .10（三）缺点与不足 .102 / 12参考文献 .11摘要在网络高速发展的今天，互联网不仅深深的改
2、变了人们的生活方式，更改变了人们的思维方式，雷军用互联网思维带领小米科技走到了今天，马云借助互联网成就了他的商业帝国，而首届世界互联网大会在浙江乌镇召开更加突出了互联网的重要性。而网站作为互联网的载体，只有优秀的网站才能使互联网更好的为我们服务。基于这一理念，我设计了自己的网站田园采摘网。我利用所学习的内容自己动手设计本网站，制作过程中所使用的软件是 Macromedia 公 司 的 Adobe Dreamweaver CS6 和 photoshop。在整个网站的制作过程中，我尽力优化网页的布局和排版，合理选择内容，尽可能做到完美。关键词： Dreamweaver Photoshop 网站设计
3、 田园采摘3 / 12一、课题来源（一）设计思想用互联网的思维思考问题、做事情，创建优秀网站，精品网站。（二）网站主题结合自己的实际情况，选定田园采摘园作为本网站的设计主题，用互联网的思维经营采摘园。二、网站需求分析（一）搜集材料明确了网页的主题以后，就可以围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。（二）需求分析与规划一个完整的网页是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对网页
4、设计拥有不同知识层面的客户，设计的负责人对用户需求的理解程度，在很大程度上决定了此类网页规划的成败。因此如何更好地的了解、4 / 12分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网页规划和网页制作管理者需要面对的问题。据我们调查，当今互联网已经有成千上万的采摘网。所以，这就要求我们的网站中要有突出和新颖的地方去吸引顾客，这样我们才能在众多的采摘园中占有一席之地并获益。网页设计中，运用 photoshop 等图形图像处理软件，进行大量的图片处理制作，给人以强烈的美感。并添加 flash 代码等，给浏
5、览者一种现代感。整个网页由 dreamweaver 完成。三 软件介绍（一）Adobe PhotoshopPhotoshop 简称“PS” ，是由 Adobe Systems 开发和发行的图像处理软件。Photoshop 主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps 有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。（二）Dreamweaver CS6dreamwraver 软件由美国著名的网站应用开发工具生产厂商 Adobe Macromedia 于 2005 年 6 月推出并正式投入市场以来，已经发展得相当成熟。关于 dreamwr
6、aver 的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对 dreamwraver 有了比较深刻的认识，并比较轻松的掌握了 dreamwraver 的操作。因此，软件技术可以完成任务的要求。5 / 12(三) 软件运行环境Dreamweaver 是一款简体中文软件，可以在 Win2003/WinXP/Win7/Win8中安全运行，换句话说，它可以在任何家用微机中运行。图 1.Dreamweaver CS66 / 12四、网站整体设计（一）网页的规划一个网页设计得成功与否，很大程度上决定于设计者的规划水平，规划网页就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮
7、的楼房。网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。（二）系统框架采摘园首页时令水果活动影集最新动态采摘概况联系我们图 2. 系统模块框架图 五、主页介绍与网页截图（一）主页面介绍首先是利用 Dreamwear 技术制作的网页。上方框架是网站的图片、网站名称，点击相关文字可以进入到相关的页面上，下方包括五大个分类链接。7 / 12图 3.主页（二）子页面介绍本网站总共包括五个子网页，分别为：采摘概况、最新动态、
8、时令水果、活动影集、在线联系。8 / 12图 4.采摘概况图 5.最新动态图 6.活动影集9 / 12图 7.时令水果 图 8.联系我们10 / 12六、总结与感想（一）本网站实现了形式与内容的统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用
9、点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。（二）本网站具有良好的互动性对于销售业务页面要求运行的工作环境稳定，易于操作，界面美观大方，对于前台展示界面要求系统便于维护，安全可靠，对于广大客户所要执行的操作简单易懂，远程访问速度较快，界面友好美观，有基本的错误提醒功能，远程操作数据库正确，要求和客户有一定的互动性，在主页上直观的就可以查看浏览者所想要了解的东西。（三）缺点与不足就我个人而言，对网页制作还缺少很多的理论与实际操作知识，曾经只是做一些简单的个人主页，仅此而已。对通过此次毕业设计，可以深入的学习，以提高自身的制作水平。下一步我将进一步完善和优化本网站，同时将
