东软花店网站++毕业设计++电子信息

论文题目 东软校园网上花店网站的设计与制作姓 名 学 院 大连东软信息技术职业学院专 业 电子商务指导教师 备 注2010年 月 日东软校园网上花店网站的设计与制作作者姓名： 指导教师： 单位名称： 信息技术与商务管理系专业名称： 电子商务大连东软信息技术职业学院2010年6月Dalian Flower Shop Web Design and Productionby Supervisor: Northeastern University Neusoft Institute of InformationJune 2010毕业设计（论文）任务书毕业设计（论文）题目：东软校园网上花店设计（论文）的基本内容： 为方便消费者购物，满足不同消费需求，设计与制作东软校园网上花店网站，本网站主要实现：用户浏览：进入网站的人可以及时的看到关于花店的信息，查看最新的活动咨询，并且可以点击物品之后，进入详细的花类介绍、更有花名、包装、材料、花语信息等。毕业设计（论文）专题部分：题目：东软校园网上花店设计或论文专题的基本内容：学生接受毕业设计（论文）题目日期第 周指导教师签字：2010年 月 日-东北大学东软信息学院毕业设计（论文） 摘要 东软校园网上花店网站的设计与制作摘 要在电子商务平台日益变成一个趋势的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。本网站是利用Dreamweaver制作而成，充分的利用了Dreamweaver的基本功能，也加入了CSS级联样式表文件和利用Photoshop制作的图片展示效果。图文并茂，操作简单，颜色鲜明，内容丰富详尽。本论文中阐述了网站的需求的分析与实现方法以及测试结果。关键词：多媒体，互动，Dreamweaver，CSS，Photoshop-东北大学东软信息学院毕业设计（论文） AbstractDalian Business Alliance Web Design and ProductionAbstractIncreasingly become a trend in e - commerce platform today, the revolution of printing than the impact of the emergence and promotion of social development far as complex and huge. At present, nearly a billion people online, set up Internet users than any other country in the world, many people need to query information, the first thought is the Internet. The charm of the site is the integrated use of text, images, sound, animation and video information and content, with rich multimedia features and interactive features, no doubt, the site has become the most attractive and most effective means of transmitting and methods.This website is made of using Dreamweaver, full use of Dreamweavers basic features, has also joined the CSS cascading style sheet files and Photoshop, making the picture display. Illustrated, simple, bright colors, rich detail. This paper described the analysis of the needs of the site and implementation of methods and test results.Key words: Multimedia, interactive, Dreamweaver, CSS, Photoshop-东北大学东软信息学院毕业设计（论文） 目录目录任务书I摘要IIABSTRACTIII第1章绪论11.1 论文研究主要内容11.2 应用范围1第2章关键技术介绍22.1 技术方法介绍22.1.1 DREAMWEAVER PHOTOSHOP开发工具22.1.2什么是CASCADING STYLE SHEETS（层叠样式表）52.1.3什么是DIV+CSS 网页重构6第3章 网页设计8第4章 页面实现16第5章 结论51致谢52参考文献53- 1 -东北大学东软信息学院毕业设计（论文） 第1章 绪论第1章绪 论当前，随着网络化的普及，上网人群覆盖得越来越广。网络不但给人们搜索资料，认识世界，开阔视野带来方便，而且也兴起了网络的诸多增值服务，电子购物经过长时间的市场锻炼和洗礼，日益成熟和被广大上网人群接受。在中国，网上商品交易量几乎占传统商城整个销售量的四分之三！很多创业者或是时间比较充裕的上网者也逐渐对网上开店产生了兴趣。现在流行的网上购物系统不仅要有漂亮的网页，更要有严谨的规划，注重每一个细小的环节，这样才能使得在电子交易时避免错误发生。我们将使用HTML、Photoshop等技术来编辑网页。 1.1论文研究主要内容本论文首先分析了制作一个网站的几个关键技术与简单的实现方法，包括东软校园网上花店设计与制作以及互联网技术的基本介绍，Dreamweaver开发工具，CSS+Div 技术的介绍，而后分析了这个网站的需求与具体的实现过程，在最后有部分页面的展示与总结。 1.2 应用范围本网站主要承载宣传的特点为方便客户查找适合自己的商品信息提供了有力的窗口，在技术上应该和其他网站的难度和复杂度相差不是很多，需要做的是比以往的网站信息更全，功能更强大，更新速度更快，页面更加整洁明了。纵观现在各大同类网站的信息，有一些信息都已经过期了，更有一些网站常年不更新网站。 本网站的特色是做大连软件园地区信息最全，更新速度最快，最全面，最详细的花店网站，尽最大的可能满足网上浏览者的需要，为客户提供更方便，更快捷，更简单的方式，让你轻轻松松的就能把你的爱意表达给对方。1.3 网站市场分析目前国内的售票系统基本都是人工售票，需要到火车站或者其他售票处去购买。这样既浪费了很多时间而且到了节假日的时候售票处都会很拥挤，造成了很多不必要的麻烦。而且每年因为火车站人数过多，交通事故也频繁发生。IT行业的迅猛发展，使得一些专门为客户提供火车票的预订与查询服务的网站出现。这样使得大部分需要购票的用户在家就可以轻松简单的购票。稍微懂得一些网上交易知识的人都可以使用，而此网站则越来越受人重视，普及程度正在逐步扩大。在国外已经有很多网站渐渐成为主流，亲自去火车站的购票行为已经逐渐走进历史。轻轻的动动手指，便可以规划好自己的行程。这样方便快捷的网站服务已经越来越受欢迎。它已经走入人们的生活，使人们真正感受到IT的强大。-26-东北大学东软信息学院毕业设计（论文） 第2章 关键技术介绍第2章关键技术介绍2.1 技术方法介绍2.1.1 Dreamweaver Photoshop开发工具Dreamweaver是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 都会为您提供有用的工具，使您拥有更加完美的 Web 创作体验。 利用 Dreamweaver 中的可视化编辑功能，您可以快速地创建页面而无需编写任何代码。您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。您可以在 Macromedia Fireworks 或其他图形应用程序中创建和编辑图像，然后将它们直接导入 Dreamweaver，或者添加 Macromedia Flash 对象，从而优化您的开发工作流程。 Dreamweaver 还提供了功能全面的编码环境，其中包括代码编辑工具（例如代码颜色和标签完成），以及有关层叠样式表 (CSS)、JavaScript 和 ColdFusion 标记语言 (CFML) 等的语言参考资料。Macromedia 的可自由导入导出 HTML 技术可导入您手工编码的 HTML 文档而不会重新设置代码的格式，您可以随后用您首选的格式设置样式来重新设置代码的格式。 Dreamweaver 还使您可以使用服务器技术（如 CFML、ASP.NET、ASP、JSP 和 PHP）生成由动态数据库支持的 Web 应用程序。 Dreamweaver 可以完全自定义。您可以创建您自己的对象和命令，修改快捷键，甚至编写 JavaScript 代码，用新的行为、属性检查器和站点报告来扩展 Dreamweaver 的功能。Adobe Photoship CS3是专业图像编辑软件,它是Adobe数字图像处理系列产品中那个的旗舰.作为业界标准的图像编辑工具, Adobe Photoship CS3提供了灵活,高效的图像编辑和处理功能.这些强大的新功能帮助Web设计人员,摄影师和视频专业人员更有效的创建高质量的图像. 平面设计是PHOTOSHOP应用最为广泛的领域，无论是我们正在阅读的图书封面，还是大街上看到的招帖、海报，这些具有丰富图像的平面印刷品，基本上都需要PHOTOSHOP软件对图像进行处理。PHOTOSHOP具有强大的图像修饰功能。利用这些功能，可以快速修复一张破损的老照片，也可以修复人脸上的斑点等缺陷。广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过PHOTOSHOP的修改才能得到满意的效果.影像创意是PHOTOSHOP的特长，通过PHOTOSHOP的处理可以将原本风马牛不相及的对象组合在一起，也可以使用“狸猫换太子”的手段使图像发生面目全非的巨大变化。当文字遇到PHOTOSHOP处理，就已经注定不再普通。利用PHOTOSHOP可以使文字发生各种各样的变化，并利用这些艺术化处理后的文字为图像增加效果。网页制作网络的普及是促使更多人需要掌握PHOTOSHOP的一个重要原因。因为在制作网页时PHOTOSHOP是必不可少的网页图像处理软件。在制作建筑效果图包括许多三维场景时，人物与配景包括场景的颜色常常需要在PHOTOSHOP中增加并调整。由于PHOTOSHOP具有良好的绘画与调色功能，许多插画设计制作者往往使用铅笔绘制草稿，然后用PHOTOSHOP填色的方法来绘制插画。除此之外，近些年来非常流行的像素画也多为设计师使用PHOTOSHOP创作的作品。在三维软件中，如果能够制作出精良的模型，而无法为模型应用逼真的帖图，也无法得到较好的渲染效果。实际上在制作材质时，除了要依靠软件本身具有材质功能外，利用PHOTOSHOP可以制作在三维软件中无法得到的合适的材质也非常重要。当前越来越多的婚纱影楼开始使用数码相机，这也便得婚纱照片设计的处理成为一个新兴的行业。视觉创意视觉创意与设计是设计艺术的一个分支，此类设计通常没有非常明显的商业目的，但由于他为广大设计爱好者提供了广阔的设计空间，因此越来越多的设计爱好者开始了学习PHOTOSHOP，并进行具有个人特色与风格的视觉创意.虽然使用PHOTOSHOP制作图标在感觉上有些大材小用，但使用此软件制作的图标的确非常精美。界面设计是一个新兴的领域，已经受到越来越多的软件企业及开发者的重视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计师职业。在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都是PHOTOSHOP。上述列出了PHOTOSHOP应用的13大领域，但实际上其应用不止上述这些。例如，目前的影视后期制作及二维动画制作，PHOTOSHOP也有所应用的2.1.2什么是Cascading Style Sheets（层叠样式表）CSS是Cascading Style Sheets(层叠样式表)的简称.CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).在标准网页设计中CSS负责网页内容(XHTML)的表现.CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课. CSS是由W3C的CSS工作组产生和维护的.2.1.3什么是DIV+CSS 网页重构DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。 HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。即标记越来越多，甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记，这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养，随后，发布了XML，XML是一种比HTML更加严格的标记语言，全称是可扩展标记语言（EXtensible Markup Language）。但是XML过于复杂，且当前的大部分浏览器都不完全支持XML。于是XHTML这种语言就派上了用场，XHTML语言就是一种可以将HTML语言标准化，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。说了这么多，现在该说正题了CSS。其实CSS单独使用除了麻烦一点之外，我个人觉得并无明显的优于HTML的好处。而关键就在于其与脚本语言（如Javascript）及XML技术的融合，即CSS+Javascript+XML（实际上有一种更好的融合：XML+XSL+Javascript）但XSL，即可扩展样式表语言相较于CSS过于复杂，不太容易上手。自从CSS出现之后，HTML终于摆脱了杂乱无章的恶梦，开始将页面内容与样式分离。说了这么多，其实，个中真谛，还得使用过后才知道，所以，现在就开始学习使用吧。DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。在可以预计的将来，table的地位依然十分重要，于是，如google之流依然会生意兴隆。但是div代表的是网络世界发展的方向。它们一个简单，一个先进，萝卜白菜，您选什么都是有可取只处的我们都很按您的要求认真服务的！div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离.div 是标签 css是层叠样式表DIV+CSS高级布局已逐渐流行，但面对所谓DIV+CSS布局的叫法让人更为担心，不要让DIV成为Table的替代品，多层嵌套的DIV会严重影响代码的可阅读性，活用HTML为我们提供的标签吧。虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV:h1这个标签或许真正会去用的人很少,因为它显示的字体真的是太大了,但我们是CSSer,有什么标签样式不能改呢?而且它所能表达的意思就如同它原先的作用一样明显(大标题)我想你已经知道怎么去用它了 _ul这个标签很多情况是用来定义导航部分的,当然也可以用ol来代替,但导航连接没有什么顺序之分吧,所以还是用ul来的比较确切(去掉CSS后效果更明显)b这个已经不再推荐使用的标签,在布局上却能带来不少的方便(因为短),虽然我不是太赞成使用这个标签,但有些时候(比如细小地方的布局定义)还是不错的选择h2这个使用最多的地方应该不是布局上,而是副标题,但有些地方需要定义栏目样式的话,用这个标签比较合适,栏目内容就使用p。东北大学东软信息学院毕业设计（论文） 第3章 页面设计第3章页面设计3.1网站设计图3.1.1 网站首页 首先网站首页的布局是左右布局2x3方式，依托人物造型为左导航，中部再细分左右布局。这样做的好处是方便用户浏览，并且承载的信息量更直观的展现在用户面前。步骤:1,新建1002*1080的画布,背景为白色2,制作导航条：新建图层，将导航条链接文字输入进去,放在头部图片下端, 文字颜色用黑色，12号;3,制作广告位：直观的让用户看到商店促销信息4，将准备好的图片，放在花品展示，罗列下来，作为产品展示位； 5，将准备好的店铺信息，放在最新信息下面，罗列下来，作为网站宣传；6，将准备好的产品图片素材，放入最新信息的下方，描边，1像素，灰色，然后附上与店铺相关联的电话信息；7，重覆步聚16，依次罗列商品，一行3个，共2行；8，新建图层，用选区工具拉出1002*76矩形框；并在其下面输入版权信息，首页效果图完成； 3.1.2 最新活动页面效果图设计 首先最新活动的页面布局也是左右布局，分为左导航和右面部分的花品介绍。步骤:1,新建1002*1080的画布,背景为白色2,新建图层，将准备好的LOGO放入顶部,构成头部；3,制作249x586像素的图片放置网站的左部分：与右面的对齐制作706x630像素的花品图片并在下方附上花品的商品价格以及促销价格还有网站的购买价格，以及花品花语。4，新建图层，用选区工具拉出1002*76矩形框；并在其下面输入版权信息，最新活动信息页面效果图完成；3.1.3 花品展示页面效果图设计 首先花品的展示页面布局也是左右布局，分为左导航和右面部分的花品介绍。并且花品展示页面更为用户分类好了花品。更方便用户在特定的日子选定适当的花品。步骤:1,新建1002*1080的画布,背景为白色2,新建图层，将准备好的LOGO放入顶部,构成头部；3,制作249x586像素的图片放置网站的左部分：与右面的对齐制作706x630像素的花品图片并在下方附上花名，材料、包装、网站的购买价格，以及花品花语。4，新建图层，用选区工具拉出1002*76矩形框；并在其下面输入版权信息，花品展示页面效果图完成；3.1.4 关于我们页面效果图设计 首先页面布局是左右布局，左半部分是以学校操场背景，依托东软的校园风景更加贴近网站的主题以及友好度。步骤:1,新建1002*1080的画布,背景为白色2,新建图层，将准备好的LOGO放入顶部,构成头部；3,制作249x586像素的图片放置网站的左部分：与右面的对齐制作706x630像素的花品图片并在下方附上花名，材料、包装、网站的购买价格，以及花品花语。4，在这个页面主要列出了我们网站的宗旨，以及网站的概念。5，新建图层，用选区工具拉出1002*76矩形框；并在其下面输入版权信息，文具效果图完成； 3.1.5 花品展示页面效果图设计首先页面布局是左右布局，左半部分是以少女躺在草坪上为背景，给用户一种直观的亲切感和亲心感，是用户在浏览网站的同时有一种清新舒畅的感觉。更以白色为背景，使整个页面都感觉到干净整齐而又舒适。步骤:1,新建1002*1080的画布,背景为白色2,新建图层，将准备好的LOGO放入顶部,构成头部；3,制作249x586像素的图片放置页面的的左部分：右半部分整齐的列出3行3列并有序的安排好分类，根据花的种类和季节还有节日分类三类：送女友、送朋友、送老师。在这里也列出了花品的价格和花品名称。4，新建图层，用选区工具拉出1002*76矩形框；并在其下面输入版权信息，文具效果图完成；3.1.6 花品详细展示页面效果图设计首先页面布局是左右布局，左半部分是非主流色彩的图片上为背景，在贴近花品的同时也给用户一种felling。更以白色为背景，使整个页面都感觉到干净整齐而又舒适。这样做的好处是突出了花品图片的同时也让页面的友好度大大的提升。步骤:1,新建1002*1080的画布,背景为白色2,新建图层，将准备好的LOGO放入顶部,构成头部；3,制作249x586像素的图片放置页面的的左部分：右半部分插入花品的图片并且附上花品的名称以及价格。在花品详情下方你会了解到花品的名称、花品的主材、花品的包装、以及花语还有就是该花品适合的场所。4，新建图层，用选区工具拉出1002*76矩形框；并在其下面输入版权信息，花品详细展示页面效果图完成；3.1.7 最新活动页面效果图设计这个页面以列表的形式呈献给用户，让用户更直观的对网站的各种活动有直接的了解。3.1.8 联系我们页面效果图设计首先页面布局是左右布局，左半部分是一个路线图，可以很直观的告诉用户我们的店铺地址信息，这样方便用户来我们实体店来购买。并在右边附上我们的联系电话。步骤:1,新建1002*1080的画布,背景为白色2,新建图层，将准备好的LOGO放入顶部,构成头部；3,制作249x586像素的地图图片放置页面的的左部分：右半部分插入店铺的地址以及订花热线。4，新建图层，用选区工具拉出1002*76矩形框；并在其下面输入版权信息，联系我们页面效果图完成；3.2 网站目录结构图这就是网站的全部文件。东北大学东软信息学院毕业设计（论文） 第4章 页面实现第4章页面实现4.1实现方法4.1.1实现的指导思想（1）网页均要为css+div实现。即页面的代码量尽可能减少，而写到样式表中去。(2）网页的浏览尽量要兼容多个不同的浏览器。符合w3c 标准。4.1.2页面样式表(CSS)的设计总体样式#main width: 1002px;margin-right: auto;margin-left: auto;background-color: #FFF;margin-top: 0px;头部样式#head height: 400px;width: 1002px;background-image: url(./pic/backpic.gif);background-repeat: no-repeat;中部样式#mid_right h4 background-image: url(./pic/contact.gif);background-repeat: no-repeat;height: 20px;width: 700px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #CCC;margin: 0px;padding: 0px;#mid_right img display: block;padding-left: 15px;padding-top: 30px;#mid_right ul li font-size: 12px;height: 36px;#mid_right ul list-style-type: none;padding-top: 20px;padding-right: 0px;padding-bottom: 0px;padding-left: 15px;花品展示框样式charset utf-8;.forgirl height: 210px;width: 700px;.forgirl_head height: 15px;width: 700px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #CCC;padding-top: 10px;margin-bottom: 20px;#mid_right .next background-color: #e5e5e5;float: left;height: 23px;width: 75px;text-align: center;#mid_right #next margin-right: auto;margin-left: auto;height: 23px;width: 160px;padding-top: 23px;#mid_right h5 text-align: center;#mid_right h5 p color: #F00;margin: 0px;padding: 0px;#mid_right h4 font-size: 12px;color: #676767;height: 24px;width: 696px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: 676767;margin-bottom: 0px;padding-bottom: 0px;padding-top: 0px;#mid_right p font-size: 12px;#next .next a color: #000;最新资讯样式#mid_right h4 margin: 0px;padding: 0px;height: 15px;width: 706px;background-image: url(./pic/newactive.gif);background-repeat: no-repeat;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #CCC;#mid_right ul font-size: 12px;list-style-position: inside;list-style-type: disc;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 10px;padding-top: 15px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;#mid_right ul li height: 12px;width: 700px;padding-top: 6px;padding-bottom: 6px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #CCC;#mid_right p font-size: 12px;text-indent: 2em;总体样式.forgirl height: 210px;width: 700px;头部样式.forgirl_head height: 15px;width: 700px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #CCC;padding-top: 10px;margin-bottom: 20px;网站右部样式#mid_right .next background-color: #e5e5e5;float: left;height: 23px;width: 75px;text-align: center;#mid_right #next margin-right: auto;margin-left: auto;height: 23px;width: 160px;padding-top: 23px;#mid_right h5 text-align: center;#mid_right h5 p color: #F00;margin: 0px;padding: 0px;#mid_right h4 font-size: 12px;color: #676767;height: 24px;width: 696px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: 676767;margin-bottom: 0px;padding-bottom: 0px;padding-top: 0px;#mid_right p font-size: 12px;#next .next a color: #000;4.2网站分析网站分析是根据网站的内容确定其布局、应实现的功能、色彩选择等。本网站属于传统商业宣传性网站，主要面向社会大众群体客户，而且主营产品为花品类产品，因此页面可以过于花哨，力求做到保证网页内容清晰明了且包含信息全面的同时不失美观大方。色彩方面应选择能被大众普遍接受的颜色。4.2.1网站分析随着网络的普及，网页布局设计也变的越来越重要。访问者不愿意再见到只重视内容的站点。虽然内容很重要但只有当网页布局和网页内容成功结合时，这种网页或者说站点才能满足现状的形式需要。根据网站特点，本网站选择以内容为主的布局方法。网页的布局就是把网页的基本组成元素再页面内合理的安排。可以把网页看成一张报纸、一本杂志、一张海报来进行布局设计。一般的网页都是由页面标题、网站标志、BANNER、导航栏、内容区域和版尾等部分组成。4.2.2色彩选择颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。在给网站配色时首先应了解网站要传达的信息和品牌，选择能够加强这些信息的颜色。一个好的网站色彩搭配很讲究温度，有的网站为什么让人一打开就有种温暖的感觉，而有的网站一打开却有种冷冰冰的感觉，这就是颜色的温度带来的效果。在制作网站应用颜色时，应注意不要使用过多的颜色。除了黑色和白色以外，约选择四到五种颜色就够了。太多的颜色会导致混淆，也会拉走读者的注意力；在阅读的部分应该采用对比色。颜色太接近无法产生足够的对比效果，也会妨碍读者阅读。4.2.3网站运维 东软花店网站是一个静态页面，它的内容需要人工的不断去添加和完善。以及后期的维护工作。网站的花品和花类会日积月累的增加，数据会不断的增加。这就需要我们不断地去看网站内容并实时更新网站。 1那么我们如何去维护网站呢？首先从网站的首页上就能发现我们网站有一个最新活动模块，通过这个模块用户可以得到实时的网站信息，同步更新的是实体店的信息。我们也会实时的更新网站的花品信息以及更新花品的数量和品种。特别是迎合节日和季节来供大家去选择性购物。 2我们的网站市场性怎么样？ 根据市场的调查现在市场上花店很多，但是在网上开店以及普及送花业务的网站还是屈指可数。我们更依托校园这个环境，以及现在大学生对生活态度的改变。让很多大学生也开始对花产生了浓厚的兴趣。特别是在百日纪念日或者是在情人节这样的特殊的日子的时候，大学生们现在开始以花之语这样的形式流行。我相信我的网站会赢得大学生的喜爱更会拉近与大学生和用户的距离更方便了广大的用户。 东北大学东软信息学院毕业设计（论文） 第5章 总结第5章 总 结毕业设计就要结束了,在这段日子里我学到了很多,也让我体会到很多，为何当初没有多学一点。在这个过程中让我学到了独一无二的东西，让我学会了学习，让我看到了自己的不足，并且通过这段期间的学习使我对网页设计产生了浓厚的兴趣！回想这一段的辛苦日子，我的感觉是既苦又甜的。在做毕业设计之前，我并没有学习过专业的网站设计，之所以选择了这个课题，就是想在大学这最后一个阶段里学点对自己有用的知识，我当时可以说是雄心壮志，很有信心能做好这个课题。这学期很早就来到学校，准备毕业设计的事情，可事情并没有我想得那么简单，一开始配个什么开发环境，就搞得我头晕，想问别人，用词都不专业，所以就不敢问，就一天没完没了的在网上查资料，看别人是怎么弄的现在想起来，一个如此简单的问题，我却弄了个半天！ 出师不利，我的信心少了一半，再加上时间还早，毕业设计的事情我就暂时放下了。这一放可不得了，一下就放了近两个月，中途也曾着急过，想试着去问问谁，该如何开始我的毕业设计，可我并没有得到我想要得答案，都说不急不急，时间还早！好，没有办法，看书看不懂，又没人指教，我真的是心有余而力不足！就这样，我就带着这种时而急躁时而无奈的心情，昏昏谔谔地度过了两个月。 在日复一日的过程中我迷失了做毕业设计的方向，丢失了曾经的一些想法。最后一个月了，接下来的日子，真的可以用“疯狂”两个字来形容我完全像着了魔似的，白天黑夜，每天只休息三四个小时，一直研究着我的设计。与此同时我在想当初我要是多听老师一堂课，多跟其他同学虚心接触，多学一点这方面的知识的话我还会这样吗？我在思索，我开始责备自己为什么当初没有珍惜在大学期间的学习时光，现在回想起自己的大学四年我感到愧疚。但是我并没有放弃做毕业设计的想法，我通过各种尝试以及网上书籍的一些辅助我完成了我的毕业设计。最初的成功是让我觉得十分有成就感，然而欣喜之余，我却十分清楚自己的设计还存在很的大的问题 ，我现在的系统都是用最原始的网站语言完成的，而我的课题要求是基于WEB模式的，而且我的系统功能还太简单，所以我还需要大量的改进。我不是一个追求完美的人，但我做事情只求问心无愧，尽力把它做到最好。现在这个网站呈现在老师面前的还只是我的网页设计的开始，我讲更加细心学习在这方面更加努力做出更加符合市场符合用户的好网站。东北大学东软信息学院毕业设计（论文） 致谢致 谢在论文完成之际，我要特别感谢我的指导老师，由于我本身起点低个人理论水平和实践能力还有待提高，难免有许多考虑不周全的地方，在做毕业设计和写论文期间发现了自己有很多的不足，从一开始收集素材开始，再到构建网站的结构，从网上收集的大量的资料，经过几个月的努力，加上有了各位老师的督促指导使得我的论文得以顺利的接近尾声了。老师渊博的专业知识、深厚的学术素养、严谨的治学态度、精益求精的工作作风、诲人不倦的高尚师德对我影响深远，也是我永远学习的榜样，并将积极影响我今后的学习和工作，使我终身受益。在此，谨向系里各位老师表示崇高的敬意和衷心的感谢！ 并祝愿她们身体健康，全家幸福！ 感谢所有关心、支持、帮助过我的良师益友。最后，向在百忙中抽出时间对本文进行评审并提出宝贵意见的各位老师表示衷心地感谢！ 东北大学东软信息学院毕业设计（论文） 参考文献参考文献1 陈宗斌 Adobe Flash CS4中文版经典教程 人民邮电出版社2009.72 雷奇文HTML+CSS网页布局开发指南 清华大学出版社 2008.93 方强CSS+DIV网页样式与布局案例指导 电子工业出版社2008.44 前沿科技 精通CSS+DIV网页样式与布局 人民邮电出版社 2007.85 温谦 HTML+CSS网页设计与布局从入门到精通 人民邮电出版社 2008.8 6 胡崧、于慧 Dreamweaver cs4中文版从入门到精通 中国青年电子出版社 2009.87 陈勤 高效学习CSS 布局之道,北京科海电子出版社 2009.2