e时代电子优惠券网站的设计与制作

e时代电子优惠券网站的设计与制作内容摘要：

第 2 章 关键技术介绍0第 2 章　关键技术介绍 CSS+Div 概述CSS 是一组格式设置规则，用于控制 Web 页面的外观。 通过使用 CSS 样式设置页面的格式，可将页面的内容与表现形式分离。 页面内容存放在 HTML 文档中，而用于定义表现形式的 CSS 规则则存放在另一个文件中或 HTML 文档的某一部分，通常为文件头部分。 将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使 HTML 文档代码更加简练，缩短浏览器的加载时间。 DIV 在编程中又叫做整除，即只得商的整数。 DIV 元素是用来为 HTML 文档内大块的内容提供结构和背景的元素。 DIV 的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由 DIV 标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。 DIV+CSS 是网站标准中常用术语之一，通常为了说明与 HTML 网页设计语言中的表格（table）定位方式的区别，因为 XHTML 网站设计标准中，不再使用表格定位技术，而是采用 DIV+CSS 的方式实现各种定位。 DIV+CSS 的优势（1）符合 W3C 标准。 微软等公司均为 W3C 支持者。 这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。 （2）支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是 IE7 或者是火狐，您的网站都能很好的兼容。 （3）搜索引擎更加友好。 相对与传统的 table：采用 DIV+CSS 技术的网页，对于搜索引擎的收录更加友好。 （4）样式的调整更加方便。 内容和样式的分离，使页面和样式的调整变得更加方便。 现在 YAHOO，MSN 等国际门户网站，网易，新浪等国内门户网站，和主流的 网站，均采用 DIV+CSS 的框架模式，更加印证了 DIV+CSS 是大势所趋。 （5）CSS 的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。 （6）表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。 信息学院毕业设计（论文） 第 2 章 关键技术介绍0 Photoshop 概述Photoshop 是 Adobe 公司旗下最为出名的图像处理软件之一 Photoshop 可分为图像编辑、图像合成、校色调色及特效制作部分。 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜象、透视等。 也可进行复制、去除斑点、修补、修饰图象的残损等。 这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。 图象合成则是将几幅图象通过图层操作、工具应用合成完整的、传达明确意义的图象，这是美术设计的必经之路。 photoshop 提供的绘图工具让外来图象与创意很好地融合，成为可能使图象的合成无衣无缝。 校色调色是 photoshop 中深具威力的功能之一，可方便快捷地对图象的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图象在不同领域如网页设计、印刷、多媒体等方面应用。 特效制作在 photoshop 中主要由滤镜、通道及工具综合应用完成。 包括图象的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由photoshop 特效完成。 而各种特效字的制作更是很多美术设计师热衷于 photoshop 的研究的原因。 Dreamweaver 介绍什么是 Dreamweaver。 工欲善其事，必先利其器。 Dreamweaver 在多媒体方面颇有建树的 Macromedia 公司推出的可视化网页制作工具，它与 Flash、Fireworks 合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。 其中，Dreamweaver 主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高。 支持最新的 Web 技术，包含 HTML 检查、 HTML 格式控制、HTML 格式化选项、HomeSite/BBEdit 捆绑、可视化网页设计、图像编辑、全局查找替换、全 FTP 功能、处理 Flash 和 Shockwave 等富媒体格式和动态 HTML、基于团队的 Web 创作。 在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。 Dreamweaver 有如下特性： （1）动态跨浏览器验证：自动检测标签和 CSS 规则来适应所有主流浏览器。 （2）更强大的 CSS 支持。 信息学院毕业设计（论文） 第 2 章 关键技术介绍1（3）内建的图形编辑引擎：修剪，改变大小，尺寸，旋转角度，调节明暗度都不离开 Dreamweaver 环境，因为它本身集成了 FW 的基本图形编辑技术。 （4）安全 FTP：完全加密传输保证文件和帐号信息的安全。 （5）增强对当今技术的支持：支持当今主流的开放环境：ColdFusion，J2EE，PHP，.NET，和其他主流的服务器技术。 Dreamweaver 现在加入了XML 命名空间支持， 表单控件对象，新的参考书内容和新的 PHP 服务器端行为。 （6）无缝整合外部文件和代码：直接将 Word 和 Excel 文档复制和粘贴到Dreamweaver 中，会保留字体，颜色，CSS 样式表信息。 使用系统支持的编码保存任何字体，包括双字节字符集。 （7）紧密整合 MM 的其他工具：加强了和 MM 其他几款产品的协同工作能力，例如：你可以通过 DW 直接设置 Flash 组件的参数。 Flash 用来制作精美的网页动画，而 Fireworks 用来处理网页中的图形。 Dreamweaver 是现在非常流行的一种做网页的软件，它集合了很多技术，使我们网页做起来更加得心应手，更加快捷方便，在静态网页中是一个很好的软件，它的使用可以让我们做的更快更方便，而页面的效果也会更好看。 Flash 介绍什么是 Flash? Flash 是美国 Macromedia 公司出品的矢量图形编辑和动画创作的软件，是当今Inter 上最流行动画作品(如网上各种动感网页、 LOGO、广告、MTV、游戏和高质量的课件等) 的制作工具，并成为实事上的交互式矢量动画标准，就连软件巨头微软也不得不在其新版的 Inter Explorer 内嵌 Flash 播放器。 由于在 Flash 中采用了矢量作图技术，各元素均为矢量，因此只用少量的数据就可以描述一个复杂的对象，从而大大减少动画文件的大小。 而且矢量图像还有一个优点，就可以真正做到无极放大和缩小，你可以将一幅图像任意地缩放，而不会有任何失真。 它是全球流行的电脑动画设计软件，它代表软件制作的流行于网络的动画作品。 Flash 是一种交互式矢量多媒体技术，他的前身是 Futureplash，早期网上流行的矢量动画插件。 后来由于 Macromedia 公司收购了 Future Splash 以后便将其改名为 Flash2，到现在最新的 flash4。 现在网上已经有成千上万个 Flash 站点，著名的如 Macromedia 专门 ShockRave 站点，全部采用了信息学院毕业设计（论文） 第 2 章 关键技术介绍1Shockwave Flash 和 Director。 可以说 Flash 已经渐渐成为交互式知量的标准，未来网页的一大主流。 Flash被称为是“最为灵活的前台” ，由于其独特的时间片段分割（TimeLine）和重组（MC 嵌套）技术，结合 ActionScitp 的对象和流程控制，使得在灵活的界面设计和动画设计成为可能，同时它也是最为小巧的前台。 Flash 具有跨平台的特性，所以无论你处于处于何种平台，只要你安装了支持的 Flash Player，就可以保证它们的最终显示效果的一致，而不必像在以前的网页设计中那样为 IE 或 NetSpace 各设计一个版本。 同Java 一样，它有很强的可移植性。 最新的 Flash 还具有的手机支持功能，可以让用户为自已的手机设计喜爱的功能。 当然首先必需要有支持 Flash 的手机，同时它还可以应用于 Pocket PC。 Flash 特别适用于创建通过 Inter 提供的内容，因为它的文件非常小。 Flash 是通过广泛使用矢量图形做到这一点的。 与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。 位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。 要在 Flash 中构建应用程序，可以使用 Flash 绘图工具创建图形，并将其它媒体元素导入 Flash 文档。 接下来，定义如何以及何时使用各个元素来创建设想中的应用程序。 时间轴用来通知 Flash 显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。 位于较高图层中的图形显示在较低图层中的图形的上方。 库面板是 Flash 显示 Flash 文档中的媒体元素列表的位置。 ActionScript 代码可用来向文档中的媒体元素添加交互式内容。 例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用 ActionScript 向应用程序添加逻辑。 逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。 Flash 包括两个版本的 ActionScript，可满足创作者的不同具体需要。 Flash 包含了许多种功能，如预置的拖放用户界面组件，可以轻松地将 ActionScript 添加到文档的内置行为，以及可以添加到媒体对象的特殊效果。 这些功能使 Flash 不仅功能强大，而且易于使用。 完成 Flash 文档的创作后，可以使用“文件”“发布”命令发布它。 这会创建文件的一个压缩版本，其扩展名为 .swf (SWF)。 然后，就可以使用 Flash Player 在 Web 浏览器中播放 SWF 文件，或者将其作为独立的应用程序进行播放。 信息学院毕业设计（论文） 第 3 章 网站分析与设计8第 3 章　网站分析与设计 网站页面设计与分析 网站页面设计结构图图 网页设计结构图（1）优惠券分类版块优惠券导航板块介绍了新的优惠信息，优惠券的分类，各种不同类型的优惠券，把种类分开，让消费者一目了然，知道各种优惠信息和各种打折信息，让消费者得到优惠的实惠，得到利益。 方便消费者找到他们感兴趣的电子优惠券。 （2）商家信息板块商家信息板块提供了商家免费使用的优惠券，让消费者得到真正的实惠，从而吸引更多的人注意网站。 商家公布一些自己店铺的优惠券信息，在让更多的下载优惠券的同时，其实也是一种宣传手法，利用网络优惠券网站这个平台，可以让更多的人知道的商铺，同时打印下载优惠券，这样既有宣传，又有经济效益的提高，是一举两得，一箭双雕的好事情。 同时有商家排行信息。 （3）消费者社区板块信息学院毕业设计（论文） 第 3 章 网站分析与设计8消费者社区是让消费者可以进行交流的地方，通过消费者者之间的交流互动，消费者之间可以得到更多的信息资源，网站也可以了解消费者的需求，以便更好完善网站的建设，吸引更多的消费者来本网站。 （4）会员注册板块消费在在这一模块可以完成会员的注册，成为注册会员。 注册时要填写用户名，密码，手机号码，Email ，等信息。 网站可以根据会员的信息，收集数据，数据挖掘，根据消费者的爱好进行消费券的推荐。 而且通过在线时间长短和下载量的多少对会员级别进行升级。 升级后可以等到更多的优惠和更多的免费体验机会。 同时，还可以帮网站绑住一大批消费者，为网站带来更大的利益。 会员制还可以积分，让消费者得到更大的实惠，在消费的基础上得到快乐和实惠。 网站的特点 网站的文化，为消费者提供最省钱的信息和各种优惠券的下载。 通过网站的功能可以实现优惠券的下载，和其它消费者进行交流。 技术可行性分析Dreamweaver 是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻。