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

论文题目论文题目 东软校园网上花店网站的设计与制作 姓姓 名名 学学 院院 大连东软信息技术职业学院大连东软信息技术职业学院 专专 业业 电子商务电子商务 指导教师指导教师 备备 注注 2010 年年 月月 日日 东软校园网上花店网站的设计与制作 大连东软信息技术职业学院 2010 年 6 月 作者姓名 指导教师 单位名称 信息技术与商务管理系 专业名称 电子商务 Dalian Flower Shop Web Design and Production by Northeastern University Neusoft Institute of Information June 2010 Supervisor 毕业设计 论文 任务书毕业设计 论文 任务书 毕业设计 论文 题目 毕业设计 论文 题目 东软校园网上花店 设计 论文 的基本内容 设计 论文 的基本内容 为方便消费者购物 满足不同消费需求 设计与制作东软校园网上花店网站 本网站主要实现 用户浏览 进入网站的人可以及时的看到关于花店的信息 查看最新的活动咨询 并且可以点击物品之后 进入详细的花类介绍 更有花名 包装 材料 花语信息 等 毕业设计 论文 专题部分 毕业设计 论文 专题部分 题目 题目 东软校园网上花店东软校园网上花店 设计或论文专题的基本内容 设计或论文专题的基本内容 学生接受毕业设计 论文 题目日期学生接受毕业设计 论文 题目日期 第第 周周 指导教师签字 指导教师签字 2010 年年 月月 日日 东软校园网上花店网站的设计与制作 摘 要 在电子商务平台日益变成一个趋势的今天 人类使用和学习信息的方式以及信息 的包装方式正在进行着不可阻挡的革命 这次革命将比印刷术的出现所产生的影响以 及对社会发展的推动远为复杂而巨大 目前 我国上网的人口已近一个亿 成立世界 上网民最多的国家 许多人在需要查询信息 首先想到的就是上网 网站的迷人之处 在于综合使用文本 图象 声音 动画和视频的信息和内容 具有丰富的多媒体表现 与互动特点 无可置疑 网站已成为最吸引人的也最有效的信息传递手段和方式 本网站是利用 Dreamweaver 制作而成 充分的利用了 Dreamweaver 的基本功能 也加入了 CSS 级联样式表文件和利用 Photoshop 制作的图片展示效果 图文并茂 操 作简单 颜色鲜明 内容丰富详尽 本论文中阐述了网站的需求的分析与实现方法以 及测试结果 关键词关键词 多媒体多媒体 互动互动 DreamweaverDreamweaver CSSCSS PhotoshopPhotoshop Dalian Business Alliance Web Design and Production Abstract Increasingly 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 Dreamweaver s 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 摘 要 II ABSTRACT III 第 1 章 绪 论 1 1 1 论文研究主要内容 1 1 2 应用范围 1 第 2 章 关键技术介绍 2 2 1 技术方法介绍 2 2 1 1 DREAMWEAVER PHOTOSHOP 开发工具 2 2 1 2什么是 CASCADING STYLE SHEETS 层叠样式表 5 2 1 3什么是 DIV CSS 网页重构 6 第 3 章 网页设计 8 第 4 章 页面实现 16 第 5 章 结 论 51 致谢 52 参考文献 53 第第 1 章章 绪绪 论论 当前 随着网络化的普及 上网人群覆盖得越来越广 网络不但给人们搜索资料 认识世界 开阔视野带来方便 而且也兴起了网络的诸多增值服务 电子购物经过长 时间的市场锻炼和洗礼 日益成熟和被广大上网人群接受 在中国 网上商品交易量 几乎占传统商城整个销售量的四分之三 很多创业者或是时间比较充裕的上网者也逐 渐对网上开店产生了兴趣 现在流行的网上购物系统不仅要有漂亮的网页 更要有严谨的规划 注重每一个 细小的环节 这样才能使得在电子交易时避免错误发生 我们将使用 HTML Photoshop 等技术来编辑网页 1 11 1 论文研究主要内容论文研究主要内容 本论文首先分析了制作一个网站的几个关键技术与简单的实现方法 包括东软校 园网上花店设计与制作 以及互联网技术的基本介绍 Dreamweaver开发工具 CSS Div 技术的介绍 而后 分析了这个网站的需求与具体的实现过程 在最后有部分页面的展示与总结 1 21 2 应用范围应用范围 本网站主要承载宣传的特点为方便客户查找适合自己的商品信息提供了有力的窗 口 在技术上应该和其他网站的难度和复杂度相差不是很多 需要做的是比以往的网 站信息更全 功能更强大 更新速度更快 页面更加整洁明了 纵观现在各大同类网 站的信息 有一些信息都已经过期了 更有一些网站常年不更新网站 本网站的特色是做大连软件园地区信息最全 更新速度最快 最全面 最详细的 花店网站 尽最大的可能满足网上浏览者的需要 为客户提供更方便 更快捷 更简 单的方式 让你轻轻松松的就能把你的爱意表达给对方 1 31 3 网站市场分析网站市场分析 目前国内的售票系统基本都是人工售票 需要到火车站或者其他售票处去购买 这样既浪费了很多时间而且到了节假日的时候售票处都会很拥挤 造成了很多不必要 的麻烦 而且每年因为火车站人数过多 交通事故也频繁发生 IT 行业的迅猛发展 使得一些专门为客户提供火车票的预订与查询服务的网站出 现 这样使得大部分需要购票的用户在家就可以轻松简单的购票 稍微懂得一些网上 交易知识的人都可以使用 而此网站则越来越受人重视 普及程度正在逐步扩大 在 国外已经有很多网站渐渐成为主流 亲自去火车站的购票行为已经逐渐走进历史 轻轻的动动手指 便可以规划好自己的行程 这样方便快捷的网站服务已经越来 越受欢迎 它已经走入人们的生活 使人们真正感受到 IT 的强大 第第 2 章章 关键技术介绍关键技术介绍 2 12 1 技术方法介绍技术方法介绍 2 1 12 1 1 DreamweaverDreamweaver PhotoshopPhotoshop 开发工具开发工具 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 什么是什么是 CascadingCascading StyleStyle SheetsSheets 层叠样式表 层叠样式表 CSS 是 Cascading Style Sheets 层叠样式表 的简称 CSS 语言是一种标记语言 它不需要编译 可以直接由浏览器执行 属于浏览器 解释型语言 在标准网页设计中 CSS 负责网页内容 XHTML 的表现 CSS 文件也可以说是一个文本文件 它包含了一些 CSS 标记 CSS 文件必须使用 css 为文件名后缀 可以通过简单的更改 CSS 文件 改变网页的整体表现形式 可以减少我们的工作 量 所以她是每一个网页设计人员的必修课 CSS 是由 W3C 的 CSS 工作组产生和维护的 2 1 3什么是什么是 DIV CSSDIV 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 1 网站设计图网站设计图 3 1 13 1 1 网站首页网站首页 首先网站首页的布局是左右布局2x3方式 依托人物造型为左导航 中部再细分左右布 局 这样做的好处是方便用户浏览 并且承载的信息量更直观的展现在用户面前 步骤 1 新建1002 1080的画布 背景为白色 2 制作导航条 新建图层 将导航条链接文字输入进去 放在头部图片下端 文字颜色 用黑色 12号 3 制作广告位 直观的让用户看到商店促销信息 4 将准备好的图片 放在花品展示 罗列下来 作为产品展示位 5 将准备好的店铺信息 放在最新信息下面 罗列下来 作为网站宣传 6 将准备好的产品图片素材 放入最新信息的下方 描边 1像素 灰色 然后附上 与店铺相关联的电话信息 7 重覆步聚16 依次罗列商品 一行3个 共2行 8 新建图层 用选区工具拉出1002 76矩形框 并在其下面输入版权信息 首页效果 图完成 3 1 23 1 2 最新活动页面效果图设计最新活动页面效果图设计 首先最新活动的页面布局也是左右布局 分为左导航和右面部分的花品介绍 步骤 1 新建1002 1080的画布 背景为白色 2 新建图层 将准备好的LOGO放入顶部 构成头部 3 制作249x586像素的图片放置网站的左部分 与右面的对齐制作706x630像素的花品 图片并在下方附上花品的商品价格以及促销价格还有网站的购买价格 以及花品花语 4 新建图层 用选区工具拉出1002 76矩形框 并在其下面输入版权信息 最新活动 信息页面效果图完成 3 1 33 1 3 花品展示页面效果图设计花品展示页面效果图设计 首先花品的展示页面布局也是左右布局 分为左导航和右面部分的花品介绍 并且花品展示页面更为用户分类好了花品 更方便用户在特定的日子选定适当的花品 步骤 1 新建1002 1080的画布 背景为白色 2 新建图层 将准备好的LOGO放入顶部 构成头部 3 制作249x586像素的图片放置网站的左部分 与右面的对齐制作706x630像素的花品 图片并在下方附上花名 材料 包装 网站的购买价格 以及花品花语 4 新建图层 用选区工具拉出1002 76矩形框 并在其下面输入版权信息 花品展示 页面效果图完成 3 1 43 1 4 关于我们页面效果图设计关于我们页面效果图设计 首先页面布局是左右布局 左半部分是以学校操场背景 依托东软的校园风景更加贴 近网站的主题以及友好度 步骤 1 新建1002 1080的画布 背景为白色 2 新建图层 将准备好的LOGO放入顶部 构成头部 3 制作249x586像素的图片放置网站的左部分 与右面的对齐制作706x630像素的花品 图片并在下方附上花名 材料 包装 网站的购买价格 以及花品花语 4 在这个页面主要列出了我们网站的宗旨 以及网站的概念 5 新建图层 用选区工具拉出1002 76矩形框 并在其下面输入版权信息 文具效果 图完成 3 1 53 1 5 花品展示页面效果图设计花品展示页面效果图设计 首先页面布局是左右布局 左半部分是以少女躺在草坪上为背景 给用户一种直观的 亲切感和亲心感 是用户在浏览网站的同时有一种清新舒畅的感觉 更以白色为背景 使整个页面都感觉到干净整齐而又舒适 步骤 1 新建1002 1080的画布 背景为白色 2 新建图层 将准备好的LOGO放入顶部 构成头部 3 制作249x586像素的图片放置页面的的左部分 右半部分整齐的列出3行3列并有序的 安排好分类 根据花的种类和季节还有节日分类三类 送女友 送朋友 送老师 在这里也列出了花品的价格和花品名称 4 新建图层 用选区工具拉出1002 76矩形框 并在其下面输入版权信息 文具效果 图完成 3 1 63 1 6 花品详细展示页面效果图设计花品详细展示页面效果图设计 首先页面布局是左右布局 左半部分是非主流色彩的图片上为背景 在贴近花品的同 时也给用户一种felling 更以白色为背景 使整个页面都感觉到干净整齐而又舒适 这样做的好处是突出了花品图片的同时也让页面的友好度大大的提升 步骤 1 新建1002 1080的画布 背景为白色 2 新建图层 将准备好的LOGO放入顶部 构成头部 3 制作249x586像素的图片放置页面的的左部分 右半部分插入花品的图片并且附上花 品的名称以及价格 在花品详情下方你会了解到花品的名称 花品的主材 花品的包 装 以及花语还有就是该花品适合的场所 4 新建图层 用选区工具拉出1002 76矩形框 并在其下面输入版权信息 花品详细 展示页面效果图完成 3 1 73 1 7 最新活动页面效果图设计最新活动页面效果图设计 这个页面以列表的形式呈献给用户 让用户更直观的对网站的各种活动有直接的了解 3 1 83 1 8 联系我们页面效果图设计联系我们页面效果图设计 首先页面布局是左右布局 左半部分是一个路线图 可以很直观的告诉用户我们的店 铺地址信息 这样方便用户来我们实体店来购买 并在右边附上我们的联系电话 步骤 1 新建1002 1080的画布 背景为白色 2 新建图层 将准备好的LOGO放入顶部 构成头部 3 制作249x586像素的地图图片放置页面的的左部分 右半部分插入店铺的地址以及订 花热线 4 新建图层 用选区工具拉出1002 76矩形框 并在其下面输入版权信息 联系我们 页面效果图完成 3 23 2 网站目录结构图网站目录结构图 这就是网站的全部文件 第第 4 章章 页面实现页面实现 4 14 1 实现方法实现方法 4 1 14 1 1 实现的指导思想实现的指导思想 1 网页均要为css div实现 即页面的代码量尽可能减少 而写到样式表中去 2 网页的浏览尽量要兼容多个不同的浏览器 符合w3c 标准 4 1 24 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 24 2 网站分析网站分析 网站分析是根据网站的内容确定其布局 应实现的功能 色彩选择等 本网站属 于传统商业宣传性网站 主要面向社会大众群体客户 而且主营产品为花品类产品 因此页面可以过于花哨 力求做到保证网页内容清晰明了且包含信息全面的同时不失 美观大方 色彩方面应选择能被大众普遍接受的颜色 4 2 14 2 1 网站分析网站分析 随着网络的普及 网页布局设计也变的越来越重要 访问者不愿意再见到只重视 内容的站点 虽然内容很重要但只有当网页布局和网页内容成功结合时 这种网页或 者说站点才能满足现状的形式需要 根据网站特点 本网站选择以内容为主的布局方 法 网页的布局就是把网页的基本组成元素再页面内合理的安排 可以把网页看成一 张报纸 一本杂志 一张海报来进行布局设计 一般的网页都是由页面标题 网站标 志 BANNER 导航栏 内容区域和版尾等部分组成 4 2 24 2 2 色彩选择色彩选择 颜色的使用在网页制作中起着非常关键的作用 有很多网站以其成功的色彩搭配令 人过目不忘 在给网站配色时首先应了解网站要传达的信息和品牌 选择能够加强这 些信息的颜色 一个好的网站色彩搭配很讲究温度 有的网站为什么让人一打开就有 种温暖的感觉 而有的网站一打开却有种冷冰冰的感觉 这就是颜色的温度带来的效 果 在制作网站应用颜色时 应注意不要使用过多的颜色 除了黑色和白色以外 约 选择四到五种颜色就够了 太多的颜色会导致混淆 也会拉走读者的注意力 在阅读 的部分应该采用对比色 颜色太接近无法产生足够的对比效果 也会妨碍读者阅读 4 2 34 2 3 网站运维网站运维 东软花店网站是一个静态页面 它的内容需要人工的不断去添加和完善 以及后期 的维护工作 网站的花品和花类会日积月累的增加 数据会不断的增加 这就需要我 们不断地去看网站内容并实时更新网站 1 那么我们如何去维护网站呢 首先从网站的首页上就能发现我们网站有一个最新活动模块 通过这个模块用户可以 得到实时的网站信息 同步更新的是实体店的信息 我们也会实时的更新网站的花品 信息以及更新花品的数量和品种 特别是迎合节日和季节来供大家去选择性购物 2 我们的网站市场性怎么样 根据市场的调查现在市场上花店很多 但是在网上开店以及普及送花业务的网站还 是屈指可数 我们更依托校园这个环境 以及现在大学生对生活态度的改变 让很多 大学生也开始对花产生了浓厚的兴趣 特别是在百日纪念日或者是在情人节这样的特 殊的日子的时候 大学生们现在开始以花之语这样的形式流行 我相信我的网站会赢 得大学生的喜爱更会拉近与大学生和用户的距离更方便了广大的用户 第第 5 章章总总 结结 毕业设计就要结束了 在这段日子里我学到了很多 也让我体会到很多 为何当初没 有多学一点 在这个过程中让我学到了独一无二的东西 让我学会了学习 让我看到 了自己的不足 并且通过这段期间的学