毕业论文之鲜花系统网站

1、山西职业技术学院计算机工程系毕业设计论文论文题目：鲜花系统网站专 业：计算机应用技术班 级： 计应A902姓 名： 马慧芳指导教师： 杨寅老师2011年11月20日山西职业技术学院 计算机工程系毕业设计任务书设计题目： 鲜花系统网站 设计任务： 创建一个鲜花系统网站，在本系统中能够展示各种各样的鲜花，能够让顾客一目了然，在网站中对花进行了各种分类，让顾客在最短的时刻里找到所需要的花，节约顾客的时刻。 设计目的：鲜花系统作为一个鲜花经营者和鲜花消费者的一个交易平台，应该拥有漂亮的介绍花店鲜花种类以及意义的页面，有进行交易的完整的用户登录和版主登录的治理系统，以此达到成本投入性小，利润见效快的效果

2、，同时也方便了消费者，节约了他们的时刻和精力，该论文要对系统开发中面临的问题及其方案进行详细设计和合理安排，依照所学知识进行实现。设计要求： 1.使用Dreamweaver开发软件的开发技术，2.版主登录，3.对新上市的鲜花进行及时的更新。设计时刻：从 2011 年 11月 2 日至 2011 年 11 月 20 日 共 3 周 设计人员： 马 慧 芳 学 号： 0911090214 指导教师： 杨 寅 老 师 2011年11月20日目 录 TOC o 1-3 h z u HYPERLINK l _Toc308793799 摘要5 HYPERLINK l _Toc308793800 关键词5

3、HYPERLINK l _Toc308793801 前言6 HYPERLINK l _Toc308793802 第一部分 网站开发项目需求分析6 HYPERLINK l _Toc308793803 第二部分 花店开发的前期预备7 HYPERLINK l _Toc308793804 一、制作网页的步骤7 HYPERLINK l _Toc308793805 1、确定网站主题7 HYPERLINK l _Toc308793806 2、搜集材料7 HYPERLINK l _Toc308793807 3、规划网站7 HYPERLINK l _Toc308793808 4、选择合适的制作工具7 HYPER

4、LINK l _Toc308793809 5、制作网页7 HYPERLINK l _Toc308793810 二、制作网页的要素7 HYPERLINK l _Toc308793811 1、网页的整体布局设计7 HYPERLINK l _Toc308793813 2、网页设计中色彩的运用8 HYPERLINK l _Toc308793814 3、网页形式与内容相统一8 HYPERLINK l _Toc308793815 4.网站开发工具8 HYPERLINK l _Toc308793824 第三部分 网上花店的总体设计14 HYPERLINK l _Toc308793825 第四部分 网上花店的

5、版面设计15 HYPERLINK l _Toc308793826 一、设计首页的第一步15 HYPERLINK l _Toc308793827 二、草案 PAGEREF _Toc308793827 h 15 HYPERLINK l _Toc308793828 三、布局过程中应遵循的原则15 HYPERLINK l _Toc308793829 四、添加网页文字16 HYPERLINK l _Toc308793831 五、添加超链接19 HYPERLINK l _Toc308793833 六、插入Flash动画20 HYPERLINK l _Toc308793835 总结23 HYPERLINK

6、l _Toc308793836 致谢24 HYPERLINK l _Toc308793837 参考文献25摘要随着因特网技术的迅速进展，各种各样的网站差不多深入到日常生活的各个角落，越来越多的公司都建立了自己的网站，电子商务大行其道，个人网站也如雨后春笋般的进展起来。因特网的进展状况能够用日新月异来形容，通过电子商务来完善对商品的采购就给人们的生活带来了专门多方便。它节约了物流消耗和一般商务对时刻和地点的依靠。在这种形式之下，购买鲜花的人越来越多，也越来越广，全国各地都有购买者。这么大的一个市场，只是利用实物店铺是远远不够的，虽只能满足本地消费者的需求，但却不能面向远处的消费者需求。为了迎合市

7、场的需求，为了开拓市场提高自身在同行中的竞争能力，开发一个网上鲜花销售系统也是专门有必要的。本网上花店系统，要紧实现的功能是：实现用户在线注册功能、登录功能、查询功能、留言功能、定单等。在后台能实现治理员的登录、治理员对商品的分类公布、商品的治理、用户信息的治理、订单治理、治理员治理等。真正实现从商品的公布到商品的购买一系列的网上销售鲜花的功能。本系统基于Internet的互联网网络，使用Dreamweaver作开发平台，利用网络来实现网上销售鲜花的功能性网站。具有最大的优点是，界面优美，可视性强，设计成本投入性小，利润见效快，系统安全性好，系统维护与治理方便快捷，目标明确，可操作性强等特点。

8、关键词：网上鲜花销售、链接、网页、页面设置前言随着二十一世纪新兴科技的飞速进展，现在的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技进展水平而言，电子信息产业的进展差不多不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的进展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。随着因特网技术的迅速进展，各种各样的网站差不多深入到日常生活的各个角落，越来越多的公司都建立了自己的网站，电子商务大行其道，个人网站也如雨后春笋般的进展起来。因特网

9、的进展状况能够用日新月异来形容，通过电子商务 来完善对商品的采购就给人们的生活带来了专门多方便。它节约了物流消耗和一般商务对时刻和地点的依靠。随着人们生活水平的提高，人们越来越感性了，在不同的节日会选择不同的花送给不同的人来表达不一样的感情，以往人们差不多上自己到花店显得专门苦恼，而且还白费时刻。正是因为人们的这些需求，越来越多的花店网站出现在网络上，使人们能够随时了解自己想明白的鲜花方面的新闻，真正的做到足不出户，便知天下事。把鲜花销售与网络连接起来，是今后鲜花销售进展的必定方向之一。第一部分 网站开发项目需求分析在网上花店系统中要紧涉及到花库、会员、治理员、订单等几个模块，其中，花库模块的

10、任务要紧是列出所有库存的各种属性，按照鲜花的作用以及适合的对象分类还与用户选定鲜花后给出详细属性。因此我们不能凭空想象一个系统，而是通过考察现有的系统，再提出方案来。现有的系统是信息的重要来源。显然假如目前有一个系统正在被人使用，那么那个系统必定能完成某些有用的工作，因此新的目标系统也必能完成它的差不多功能；另一方面，假如现有系统是完美无缺的，用户自然可不能提出开发新系统的要求。但现在鲜花销售要紧是通过人手工来完成的，如此不仅降低了工作效率，存在大量的重复劳动，而且容易出现人为的错误，如此的治理明显不能与高效率、快节奏的生产模式相适应，因此开发此系统是特不可行的方法。网上花店的一个专门大有点确

11、实是实现鲜花经营者和鲜花消费者的互利。一方面，他能够使鲜花经营者尽可能的展现自己的鲜花种类，同时节约以往的占地空间成本，另外能够使鲜花消费者为所欲为选购自己喜爱的鲜花，同时货比三家，调血到自己认为物美价廉的鲜花。网上花店系统要紧是进行鲜花销售的计算机软件，从目前的鲜花销售流程中，我们能够发觉一些比较明显的流程作业和治理需求。同时也为我们的系统分析提供了较好的依据。鲜花的查找和快捷的付费是网上花店系统的要紧部分，这两个治理部分的完成是整个系统业务完成的基础，其他的各项服务差不多上在此基础上完成的。第二部分 花店开发的前期预备一、制作网页的步骤再做网页之前，我上网扫瞄了做网页的五个步骤。1、确定网

12、站主题 ：网站主题确实是在建立网站时所要包含的要紧内容，一个网站必须要有一个明确的主题。2、搜集材料 ：明确了网站的主题以后，就要围绕主题开始搜集材料了。材料既能够从图书、报纸、光盘、多媒体上得来，也能够从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为制作网页的素材。3、规划网站 ：一个网站设计得成功与否，专门大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容专门多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只

13、有如此制作出来的网页才能有个性、有特色，具有吸引力。4、选择合适的制作工具 ：尽管选择什么样的工具并可不能阻碍设计网页的好坏，然而一款功能强大、使用简单的软件往往能够起到事半功倍的效果。5、制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的方法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，确实是讲在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，确实是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，如此能够大大提高制作效率。二、制作网页的要素1、网页

14、的整体布局设计 网页设计作为一种视觉语言，要讲究编排和布局。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该明白哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特不要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企业，它所提供产品的名称、类不、型号、价格、功能介绍应如何样编排才能使扫瞄者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购买。 2、网页设计中色彩的运用 色彩是艺术表现的要素之

15、一，在网页设计中，依照和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成漂亮的页面。依照色彩对人们心理的阻碍，合理地加以运用，按照色彩的经历性原则，一般暖色比冷色的经历性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。因此假如我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感受凉快一些，增强人们的购买心理，使得在线营销得到专门好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无克制地运用多种颜色，一般情况下，先依照总体风格的要求定出一至二种主色调，在进行网页设计时，更应该按照其中的VI进行色彩运用。

16、在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着专门大的差异。在设计中要考虑众多因素。3、网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但假如加入一些富有动感的文字、图案，或采纳夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的差不多元

17、素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，专门多时候都需要将它们结合起来，表达完美的设计意境。4.网站开发工具我所使用的软件是Macromedia 公司推出的一款用于网页设计的软件dreamweaverCS3。Dreamweaver是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，使每个级不的开发人员和设计人员都可利用它快速创建界面吸引人同时基于标准的站点和应用程序。从对基于 CSS 的设计提供领先的支持到手动编码功能，Dreamweaver 在一个集成和高效的

18、环境中为专业人员提供了所需的工具。开发人员能够将其选择的服务器技术与 Dreamweaver 配合使用，建立将用户连接到数据库、Web 服务和旧式系统的强大 Internet 应用程序。Dreamweaver同意开发人员设计Web站点和为Internet应用程序编写代码。Dreamweaver MX组合了闻名的可视排版工具Dreamweaver、快速Web应用程序开发工具Dreamweaver的功能和Home Site的扩展代码编辑支持，形成了一个简单易用且功能强大的开发环境。Dreamweaver MX为当前的Web技术和标准提供完备而开放的解决方案，包括辅助功能和Web服务。其要紧特点是：

19、（1）方便的网站治理；Dreamweaver MX结合了其知名的可视化布局工具、Dreamweaver的快速web应用程序开发功能以及Macromedia HomeSite的广泛代码编辑支持，因此它既是创建专业网站的最佳途径，也是构建强大Internet应用程序的最简便的方法。（2）无可比拟的操纵能力；实现对代码和设计的全面操纵。利用Dreamweaver的可视化布局工具以及代码编辑工具，您能够以自己希望的方式建立所需的站点。在期间还用到了Flash、Photoshop等的软件，使网站看起来更加生动美观，更具有吸引力。 如图1所示：图1在主页中所添加的Flash动画代码如下： 在主页中所添加的

20、PhotoShop代码如下： 情侣用花 生日用花 友情用花 会议用花 祝福用花 综合用花 自助选花 灵活运用Div标签能够让页面看起来更加的个性。第三部分 网上花店的总体设计在拿到客户的需求讲明后，并不是直接开始制作，而是先要对项目进行总体设计，详细设计出一份网站建设方案给客户。总体设计是特不关键的一步。它要紧确定：网站需要实现哪些功能；网站开发使用什么软件，在什么样的硬件环境；需要多少人，多少时刻；需要遵循的规则和标准有哪些。同时需要写一份总体规划讲明书，包括：网站的栏目和板块；我网站的功能和相应的程序；网站的链接结构；假如有数据库，进行数据库的概念设计；网站的交互性和用户友好设计，在总体设

21、计出来后，一般需要给用户一个网站建设方案。专门多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在用户要求不是十分明确的情况下提交方案，往往和实际制作后的结果有专门大的差异。因此应该尽量取得用户的理解，在明确需求并总体设计后提交方案，如此对双方都有益处。网站建设方案包括：客户信息分析；网站需要实现的目的和目标；网站形象讲明；网站的栏目板块和结构；网站内容的安排；相互之间链接关系；有用软件、硬件和技术分析讲明；开发时刻进度表；宣传推广方案、维护方案、制作费用；本公司简介；成功作品，技术，人才讲明等。当您的方案通过客户的认可，那么能够开始动手制作网站了。但还不是真正意义上

22、的制作，你需要进行详细的分析设计。通过需求分析时期的工作，系统必须“做什么”差不多清晰了，现在是决定“如何样做”的时候了。总体设计的差不多目的确实是回答“概括地讲，系统应该如何实现？”那个问题，用比较抽象的概括的方式确定系统如何完成预定的任务，也确实是讲，应该确定系统的物理配置方案，并确定系统的每个程序的结构。首先需要进行系统设计，从数据流图动身设想完成系统功能的若干种合理的方案，分析员应该认真分析比较这些方案，同时和用户共同选定一个最佳方案。然后进行软件结构设计，确定软件有哪些模块组成以及这些模块之间的调用关系。在系统的设计中，要注意分清计算机处理和手工处理的界限。信息系统是人机系统，系统目

23、标的实现取决于这两者的得结合，系统设计中要幸免一味地追求计算机处理，见许多只能由人工完成的工作交由计算机做，从而造成设计的复杂和不够科学；也要幸免本该由计算机完成的工作交由人去处理，从而使新系统的功能、性能以及用户的目标得不到实现。一般采纳模块化原理来进行软件结构的设计，如此能够使整个系统设计简易，结构清晰，可读性、可维护行增强，提高系统的可靠性，同时，也有利于信息系统开发工作的组织治理。所谓的模块是指如此的一组程序语句（或描述），它包括输入与输出、逻辑功能描述、内部环境及其运行环境。通常程序中的一个模块完成一个适当的子功能。应该把模块组织成良好的层次系统，顶层模块调用它的下层模块以实现程序的

24、完整功能，每个下层模块再调用更下层的模块，从而完成程序的每个子功能，最下层的模块完成最具体的功能。在进行软件结构设计时应该遵循的要紧原理是模块独立原理，也确实是讲，软件应该由一组完成相对独立的子功能的模块组成，这些模块彼此之间的接口关系应该尽量简单。模块间的关系如图2所示：模块1模块1模块2模块3模块4模块5接口接口图2第四部分 网上花店的版面设计一、设计首页的第一步设计首页的第一步是设计版面布局。就像传统的报刊杂志编辑一样，我们将网页看做一张报纸，一本杂志来进行排版布局。尽管动态网页技术的进展使得我们开始趋向于学习场景编辑，然而固定的网页版面设计基础已依旧是必须学习和掌握的。它们的差不多原理

25、是共通的，你能够领会要点，举一反三。版面指的是扫瞄器看到的完整的一个页面（能够包含框架和层）。因为每个人的显示器分辨率不同，因此同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。布局，确实是以最适合扫瞄的发那个是将图片和文字排放在页面的不同位置。你可能注意到：“最适合”是一个不确定的形容词，什么才是最适合的呢？抱歉的是我不能也不可能给您一个完整的正确的答案。就好比有人希望明白成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步陈宫的“秘诀” 告诉您。我们在设计考虑系列文章第四篇讲过站点整体的创意，版面布局意识一个

26、创意的问题，但要比站点整体的创意容易，有规律的多。二、草案新建页面就像一张白纸，没有任何表格，框架和约定俗成的东西，你能够尽可能的发挥你的想象力，将你想到得“景象”画上去（我们建议您用一张白纸和一只铅笔，因此用作图软件PhotoShop等也能够）。这属于制造时期，不讲究细腻公整，不必考虑细节功能，只以粗陋的线条购花出创意的轮廓即可。尽你的可能多画几张，最后选定一个中意的作为接着创作的脚本。三、布局过程中应遵循的原则1、正常平衡亦称“匀称”。多指左右、上下对比形式，要紧强调秩序，能达到安定老实、信赖的效果。2、异常平衡即非对比形式，但也要平衡和韵律，因此差不多上不均整的，此种布局能达到强调性、不

27、安全性、高注目性的效果。3、对比所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富的对比。4、凝视所谓凝视是利用页面中人物视线，使扫瞄者仿照跟随的心理，已达到凝视页面的效果，一般多用明星凝视状。5、空白空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品味的优越感，这种表现方法对体现网页的格调十分有效。6、尽量用图片解讲此法对不能用语言讲服、或用语言无法表达的情感，特不有效。图片解讲的内容，能够传达给扫瞄者的更多的心理因素。四、添加网页文字我们开始制作网页的正文。现在光标处在正文编辑区，和记事本一样，我们输入文字“我的网页”。按住shift+回车进

28、行换行，输入一些这也讲明文字接下来我们对文字进行简单地排版。先设置标题文字的格式，将光标定位在第一段，选中本段文字，在属性面板中对文字进行颜色、字体、字号和是否加粗的设置。如图3所示：图3在页面中加入了滚动的图片，即能够让页面看起来具有动态的感受，符合现在人的审美特点，还能够减少对页面的占用，让页面看起来更加的简洁，一目了然，然用户看起来更方便快捷，可不能产生疲劳感。如图4所示：图4滚动图片所用到的代码如下： 五、添加超链接给文字建立超链接。打开所作页面的其中一页，然后选中导航栏里的任意一串文字，在属性面板中点“链接”后面的文件夹图标“”，或者是用链接后面的“”直接连接在“文件”属性栏中所显示

29、的页面，或者是在“链接”文本框中输入链接目标文件的路径和文件名如：4.html；还能够在代码里直接编写点代码，代码如下: 在设计视图中按照以下的方法如图5所示:图5点确定，然后就能够达到目的。六、插入Flash动画在Dreamweaver中，能够专门方便地插入Flash动画、Gif动态图片等，增加网页的动感，做出来的网页更吸引人。下面我们在网页中插入一个Flash动画。将光标至于页面底部，在菜单栏中单击“插入记录”在它的下拉列表中单击“媒体”在选择Flash然后打开如图6所示的对话框，然后选择一个swf文件，插入的Flash动画显示为一个灰色的方框，里面有Flash标志。图6假如想让在扫瞄器中能够显示所作的页面而不被Flash动画的背景所遮蔽那么要选中所加的Flash动画然后再其属性面板中进行设置，单击“参数”按钮会