生动富于表现力的网页。Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。
Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Action 和 Fs Command 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。
第三节 Fireworks
Adobe Fireworks可以加速 Web 设计与开发，是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks不仅具备编辑矢量图形与位图图像的灵活性， 还提供了一个预先构建资源的公用库, 并可与 Adobe Photoshop、Adobe Dreamweaver和Adobe Flash软件省时集成。 在Fireworks 中将设计迅速转变为模型，或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。 然后直接置入Dreamweaver 中轻松地进行开发与部署。Fireworks特性如下：
① 矢量编辑与位图编辑。创建和编辑矢量图像与位图图像，并导入和编辑本机 Photoshop 文件。
② 图像优化。采用预览、跨平台灰度系统预览、选择性 JPEG 压缩和大量导出控件，针对各种交付情况优化图像。
③ 高效的 Photoshop 和 Illustrator 集成。导入 Photoshop (PSD) 文件， 导入时可保持分层的图层、图层效果和混合模式。 将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。 导入 Illustrator (AI) 文件， 导入时可保持包括图层、组和颜色信息在内的图形完整性。
④ 智能缩放。通过 9 切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。 将 9 切片缩放与新的自动形状库相结合, 以加速网站和应用程序的原型构建进度。
⑤ 简化的 Dreamweaver 和 Flash 集成。复制 Fireworks CS3 中的任意对象, 并直接粘贴到 Dreamweaver CS3 中。 创建可保存为 CSS 和 HTML 的弹出菜单。 将 Fireworks (PNG) 文件直接导出至 Flash CS3, 导出时可保持矢量、
12
位图、动画和多状态不变, 然后在 Flash CS3 中编辑文件。
众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大,最终还是要用Fireworks来处理一下。
第四节 JavaScript
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择。
第五节 Adobe Photoshop8.0
Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。
① 文字处理更加方便
② 增加的图层集使图层管理更有序。
③ 新增图像功能：图像的剪切和剪裁更加方便。
④ 将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设置。
⑤ 为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。
13
第六节 DIV+CSS
一、什么是div
div标签和其他HTML标签没有什么区别，需要由关闭标志。如果不加入任何css样式，它的效果类似
标记。Div示例代码如下：
内容
把css的扩展属性放入div标签中，就可以控制div容器中的所有HTML元素显示在屏幕上的具体位置，为了实现这种1:1的精确控制，必须给当前的div加上唯一的id，用来区分其他div标记。还有一种情况是：你想让一类或者说几个div具有相同的样式属性时，可以给每个div加上class属性，这样具有同样class属性的div标记样式相同。代码如下：
内容 内容
二、什么是CSS
CSS是英文Cascading Style Sheet缩写形式，中文译为层叠样式表或级联样式表。Web设计者可利用它来定义文档的样式，这里指的文档不仅限于（X）HTML。通过CSS，设计者可控制文档的字体、颜色、图像、表格、链接和布局格式，同时设计者也可以将表示样式外观的信息从内容中分离出来，集中放置在页面的某一部分，甚至可保存为独立的文件，从而减少文件的大小，节省网络的宽带、节约web设计者维护代码的时间。CSS有如此多的好处，掌握和使用好它对于web设计者来说是非常必要的。
三、何为样式
样式一词对于我们来说并不陌生，即使尚未接触CSS的人也不难理解样式的含义。当你使用Microsoft Word一类的字处理程序时，几乎总要更爱某些样式以达到更好的效果，比如设定标题为加粗的三号黑体字，每一段的开始流出两个空格等。样式表不能孤立地使用，因为它本身并不包含任何内容信息。当然CSS
14
也不仅仅能同Web文档一起使用，它还能定义XML甚至软件界面的样式。
四、何为层叠
与样式相比，了解层叠一词的CSS初学者可能就比较少了，层叠是CSS中的术语，它包含了一系列的规则，浏览器根据这个规则来确定样式应该如何应用到页面的各个元素中去。
五、DIV+CSS简介
DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式,真正地达到了w3c内容与表现相分离。HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。XHTML语言是一种可以将HTML语言标准化，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。以下是DIV+CSS的特点简介：
① 符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
② 支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。
③ 搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。
④ 样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。
⑤ CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。
⑥ 表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。
15
第四章 创意设计网的设计
有了网站设计的基础，企业网站的需求，技术的支持，一级级前面素材等一系列的准备之后可以开始设计一个网站了，下面就与大家分享我设计的创意设计网。
第一节 从功能分析开始
将要做的是一个公司网站，该公司专为客户做网站设计的，因此建设网站的目的主要有两个：一是使浏览者或潜在的客户迅速了解公司大部分已经完成或正在进行的项目及相关的资料，这就要求网站的文字要简练，尽量减少大篇幅的文字叙述，项目效果图要精彩，当然网页的页面效果也要漂亮，以使浏览者或潜在的客户感觉到公司的设计水平高；二是使浏览者或潜在的客户迅速了解公司对业务的一般操作流程，以便能够与公司方便快捷地进行联系和沟通，减少不必要的中间环节及由此带来的麻烦。
建立公司网站要有一个清晰的网站布局。比如说，导航条要不要？很多人说那东西人人在做，就显得太俗没个性，难显示出新潮。但导航条之所以有那么多人在用，是因为它给浏览者一个明确的布局，便利人们查找本身所需的信息。从某种角度上说，大家都在用的东西就说明它确实被大家所接受。要清楚网站做出来是给每一个人普通用户看的。网站还要经常更新，给人以新意。
设计技术的成长，带来了网页世界的繁荣。尤其在崇尚个性的今天，设计者们更是将页面设计表示的淋漓尽致。用户欣喜的看到那些僵化的设计模式正在被逐个打破，网页设计充满了朝气。但是，作为网页设计者，不能一味的只追求个性的表现，还必需兼顾到用户和客户的习惯，在表现本身的风格的同时，在功能上使用户更加便利。网站的前台页面包括首页、设计理念、作品展示、企业文化、关于我们、联系我们等。
16