“网上花店”的设计与制作 毕业设计论文.doc

2011级毕业设计论文“网上花店”的设计与制作学科专业计算机网络技术学生姓名 指导教师姓名 指导教师职称高校讲师计算机信息与工程系论文评定组2013年12月摘 要摘要：随花卉消费近年来呈越来越旺的趋势，花卉本身就具有俏丽姿容、让人们赏心悦目、美化家居的功效，它还可以增加人们的情趣，使人们更加含蓄、更有品位。并且随着经济的日夜发展，鲜花市场的消费也越来越大。网上花店，它可以使商家与供应商更紧密地联系起来，更快地满足客户需 求；也可以让商家在全球市场上销售产品。根据客户与商家这两方面的需要，网上花店应运而生。 因此根据上述的需求，设计的系统采用了网站式设计的基本思想方法，结合了css的编程，对鲜花市场需求进行了进一步分析后，设计出啦一个静态网站。关键词：网上花店，网页设计，鲜花管理。目录第一章 鲜花网站系统设计概述11.1设计背景11.2花店开发的目的11.3花店的布局规划2第二章 设计想法来源与思路42.1设计的想法来源42.2花店设计思路4第三章 设计过程与想法53.1主页面的布局实现53.2页面导航区域的制作53.3左侧边栏区域的制作63.4中间部分的制作63.5右则边栏区域制作7第四章网上花店功能分析84.1网站的功能84.2花店的系统浏览9第五章 总结10第六章 致谢10参考文献1111第一章 鲜花网站系统设计概述1.1设计背景“随着人们生活水平的提高和收入的增长 ，物质生活的多样化特征开始显现，买花，卖花的人多啦起来，花不仅代表着一种植物，它被更多的赋予了人性的意义：爱情，亲情，友情。花，渐渐成啦人们生活中不可或缺的消费品，因为各种原因的影响现在市场中花卉的种类很少，也不较单一，无法满足消费者的需求，很多人不断趋向于网上购物，网上花店种类多样，现在好多上班簇休息时间比较少，没有多少时间去逛整个花卉市场，依赖网上购物的人在不断增加。当今时代是飞速发展的信息时代。同时在各行各业中离不开网络，这正是计算机被广泛应用于各行各业的环境。计算机的最大好处在于利用它能够进行信息交换、传递和共享性。使用计算机进行信息控制，不仅提高了工作效率，而且大大的提高了其安全性。同时信息技术对教育也提出了前所未有的挑战。1.2花店开发的目的 目前，许许多多商家的网上花店都已经开始使用，加之网站和系统开发工具的不断完善，因此在网上开花店已经具备相当熟的条件。网上花店整个交易的过程可以分为三个阶段： 信息交流阶段：对于商家来说，此阶段为发布信息阶段。主要是选择自己的优秀商品，精心组织自己的商品信息，建立自己的关系网络，然后加入名气较大、影响力较强、点击率较高的著名网站中，让尽可能多的人们了解你认识你。对于买方来说，此阶段是去网上寻找商品以及商品信息的阶段。主要是根据自己的需要，上网查找自己所需的信息和商品，并选择信誉好服务好价格低廉的商家。签定商品合同阶段：作为商家对个人客户来说，这一阶段是完成购物过程的定单签定过程，顾客要将你选好的商品、自己的联系信息、送货的方式、付款的方法等在网上签好后提。交给商家，商家在收到定单后应发来邮件或电话核实上述内容。 按照合同进行商品交接、资金结算阶段：这一阶段是整个商品交易很关键的阶段，不仅要涉及到资金在网上的正确、安全到位，同时也要涉及到商品配送的准确、按时到位。在这个阶段有银行业、配送系统的介入，在技术上、法律上、标准上等等方面有更高的要求。网上交易的成功与否就在这个阶段。研究结果指出， 一般来说网上开花店都具有以下特征: 更广阔的市场,在网上这个世界将会变得很小，一个商家可以面对全球的消费者，而一个消费者可以在全球的任何一家商家购物; 更广阔的环境,人们不受时间和空间的限制，可以随时随地在网上交易;更符合时代的要求,如今人们越来越追求时尚、讲究个性，注重购物的环境，网上购物，更能体现个性化的购物过程。最后，更快速的流通和低廉的价格,电子商务减少了商品流通的中间环节，节省了大量的开支，从而也大大降低了商品流通和交易的成本，因为了解的知识有限，所以做出来的网站没有达到预期的效果，也没有实现我想象中要实现的功能，希望老师们能原谅我的不足，以后我会更努力的学习有关网页制作的相关知识来提高和完善我的不足。1.3花店的布局规划主页面包括网站的logo,导航,产品分类，部分产品推荐以及各个链接等栏目，在此页面中还增加相识产品列表以及推荐产品列表，以方便访问者选择合适的产品。 网站的首页下面是主页面全部的代码第二章 设计想法来源与思路2.1设计的想法来源 一次朋友过生日突然收到一个快递公司的电话说有她的包裹，她很纳闷的说我没有在网上买什么啊，拿到包裹后才发现是一束很漂亮的玫瑰花后来又接到一个电话是她一个好朋友从网上订购给她的。当时我就觉得网络真的好神奇啊，他能做到人们做不到的，实现人们实现不了的，它能帮助人们促进感情增加友谊，通过网络实现自己不能实现的事情，所以受到啦启发就想设计一个花店网站，也因为现在的人们都不喜欢逛街，而且好多人上班时间长休息时间少，所以越来越多的人喜欢网购，鲜花在人们生活中是不可或缺的，网购成为人们的生活中很一大部分。我做的网站虽然没有达到网上购物的功能但是在以后的工作学习中我会努力学习来完善的。2.2花店设计思路花店属于大众消费，是很多人都喜欢的，每一种花代表着一种意义，所以花店整体布局很简单，各种花类都有，每一种花都代表着不同的心意，只要能把漂亮的花呈现给消费者就能体现我设计的花店的价值，我选的花都是我们都很喜欢的花类，属于大部分人都喜欢的花种，每个页面里的花都是很漂亮的，也是万里挑一的。希望人们一进去就能感觉到温馨，找到自己喜欢的花，我的主页开门见山的就介绍啦各种花类。页面很简单只是实现啦一个各种花类的浏览。 第三章 设计过程与想法3.1主页面的布局实现将光标置于设计视图中，在“插入”面板的“常用”选项卡中单击“插入div标签”按钮，弹出“插入div标签”对话框，在“插入”下拉菜单中选择“在插入点”选项，在“id”下拉列表框中输入“big_banner”，单击“确定”按钮，即可在页面中插入big_banner容器。如下图所示：在标签内部插入相关的图片，其结构代码如下图所示：切换到div.css文件中，创建一个名为#big_banner的css规则，如下图所示：返回设计页面，页面效果如下图所示：3.2页面导航区域的制作将鼠标定位在设计视图中，单击“插入”面板的“插入div标签”按钮，弹出“插入div标签”对话框，在“插入”下拉菜单中选择“在标签之后”选项，并在其后方下拉菜单中选择“”选项，在“id”下拉列表框中输入“main_content”，单击“确定”按钮，即可在header容器后面插入main_content容器。同样的方法，在main_content容器内部插入一个名为menu_tab的div容器。切换到div.css文件中，分别创建名为#main_content和#menu_tab的css规则，如下图所示：3.3左侧边栏区域的制作同样的方法在设计视图中插入相应的div然后又在css文件中创建相应的css规则代码和图片如下;3.4中间部分的制作在本网页中，主体内容区域指的是页面三列布局中间的部分。经过对页面效果图的分析，这里对产品列表区域采用多个div容器相互嵌套的方法实现整体布局，具体的制作过程如下：将鼠标定位在设计视图中，单击“插入”面板的“插入div标签”按钮，弹出“插入div标签”对话框，在“插入”下拉菜单中选择“在标签之后”选项，并在其后方下拉菜单中选择“”选项，在“id”下拉列表框中输入“center_content”，单击“确定”按钮，即可在left_content容器后面插入center_content容器。切换到div.css文件中，创名为#center_content的css规则，如下图所示：返回设计视图，删除多余的文字，在center_content容器内部插入一个运用了oferta类的div容器，其结构代码如下图所示：切换到div.css文件中，创建oferta类的css的规则，如下图所示：返回设计页面，此时页面效果如下图所示：3.5右则边栏区域制作将光标定置于设计视图中，在“插入”面板的“常用”选项卡中单击“插入div标签”按钮，弹出“插入div标签”对话框，在“插入”下拉菜单中选择“在标签之后”选项，并在其后方下拉菜单中选择“”选项，在“id”下拉列表框中输入“right_content”，单击“确定”按钮，即可在center_content容器后面插入right_content容器，用于放置页面右侧边栏的内容。切换到div.css文件中，创名为# right_content的css规则，如下图所示：右侧区域的布局与之前实现“鲜花网”区域的布局方法相同，具体的结构代码如下图所示：整个设计思路和想法就是这样第四章网上花店功能分析4.1网站的功能鲜花网站主要功能有： 为消费者提供更多的鲜花。满足消费者对花的需求，因为冬天来啦好多人都不喜欢出门，但是又想给自己的家人和朋友惊喜所以大多都选择网上购花，又解决啦好多上班族烦恼的问题，所以网上购物方便又安全。因为了解到的知识非常有限所以做出来的效果没有实现网上购物的功能，请各位老师体谅一下，在以后工作学习当中我一定会努力学习网页设计方面的内容，来完善我所没有实现的功能。为不同需求的人提供不一样的鲜花。比如，有朋友过生日，结婚，开业都有各式各样的鲜花，都针对不同的场景选择不同的鲜花，这些花都是分别放在不同的页面供消费者选择。我做的每个页面都只是展示啦各种各样的鲜花，因为了解的知识有限所以只能供浏览。花店里的花都是分层次的有低价到高价，有各种节日里需要的鲜花。 有些价钱低的鲜花就可以满足那些经济收入低的人，也能让他们拥有美丽的鲜花 ，感受幸福的味道，那些价钱高的花主要是针对那些高收入的人，我想要实现的功能就是不管是什么人都能买得起鲜花。都能在不同的节日送不同意义的花。玫瑰不同的支数代表啦不同的意义。例如：11朵玫瑰代表啦最爱只在乎你一个人，9朵玫瑰代表长久,10朵玫瑰代表十全十美，99朵玫瑰代表天长地久，108朵代表啦求婚，所以送花是很讲究的，不同的花代表啦不同的心意，我的网站就想体现这些功能，只可惜我掌握的知识有限做出来的效果没有达到我想要的，所以以后我要更努力的学习有关网页设计的知识，来完善我想要的花店网站，达到我想要的效果。4.2花店的系统浏览下面这个图片是用户访问的第二个图片，分别介绍啦各类花的样式，方便消费者选择。这里的鲜花都是大众喜欢的，在市场中我也调查过是消费得最多的鲜花，鲜花会不断的更新，里面各式各样的花都有，都是通过我千挑细选选出来的，都是很新鲜的花。第三个页面是不同的花类，也是不同的风格第四个页面是整个页面中最精品的花，非常漂亮，是花中极品，在市场中也是销售得比较好的。第五章 总结在最后的两个周，我开始了我的毕业设计及论文写作，时至今日，作品及论文基本完成。从起初的茫然，到慢慢的进入状态，再到对思路逐渐的清晰，整个写作过程难以用语言来表达。历经了二个星期的奋战，紧张而又充实的毕业设计终于落下了帷幕。回想这段日子的经历和感受，我感慨万千，在这次毕业设计的过程中，我拥有了无数难忘的回忆和收获。在这次的设计中，让我重新回顾了网页设计功能的使用，遇到了不少的问题，经过老师的指导，最终问题都得以解决，设计中我学到了许多课堂上没有学到的知识，总之，这次的毕业设计使我从中受益匪浅。第六章 致谢本次论文最终得以顺利完成，非常感谢我的指导教师柳汨老师。从设计选题到论文的最终完成，她都给予我尽心尽力的指导。柳汨老师严谨的治学态度深深的影响着我，对我今后的学习、工作、生活必将产生影响。我也许不是您最出色