Dreamweaver的基本使用.pptVIP

2.1 网页设计概述 2.2 Dreamweaver 基础知识 2.3 设计页面布局 2.4 CSS设计 2.5 行为及组件应用 2.6 库与模板 2.1 网页设计概述 2.1.1 手工编码方式 网页是由HTML（HYPER TEXT MARKUP LANGUAGE）超文本标记语言编码的文本文档，设计制作网页的过程就是生成HTML代码的过程。在WWW（World Wide Web ）发展的初期人们制作网页是通过直接编写HTML代码来实现的。 手工编码制作网页对网页设计人员的要求较高，编码效率低，调试过程复杂，因此，对大多数网页设计人员来说采用这个方式比较困难。但手工编码可以灵活地制作出丰富的网页效果。 2.1.2 可视化工具方式 随着网页制作技术的不断发展，出现了诸如FrontPage、Dreamweaver等可视化的网页编辑工具。利用这些工具人们在可视环境下编辑制作网页元素，由编辑工具自动生成对应的网页代码。如要在网页上显示表格，就可以直接在工作区中绘制表格而不用考虑编码的规则和语法。利用可视化工具编辑网页操作简单直观，调试方便，是大众化的网页编辑方式。但利用可视化工具在制作一些特殊网页效果上有一定的局限性。 2.1.3 编码和可视化工具结合方式 编码和可视化工具结合是一种比较成熟的网页制作方式。具体过程为：一般的网页元素通过可视化工具编辑制作，一些特殊的网页效果通过插入代码生成。这种方式效率高、调试方便而且可以实现丰富的网页效果，但要求设计人员既要熟悉Html语言又能运用可视化工具。除了上面三种基本的网页设计制作方式外，我们还可以通过修改已有的网页代码生成自己的网页。在网页编辑制作过程中具体采用何种方式要根据个人的具体情况而定，每必要拘泥于某种固定的模式。 2.2 网页元素的创作与编辑工具2.2.1 网页图像制作工具 1. Fireworks Firework 是目前最流行的网页图像制作软件。只有将Dreamweaver的默认图像编辑器设为Fireworks ，那么在Fireworks 中制作完成网页图像后将其输出就会立即在Dreamweaver中更新。Fireworks还可以安装使用所有的Photoshop滤镜，并且可以直接导入PSD格式图像。更方便的是它不仅结合了Photoshop位图功能以及CorelDraw矢量图的功能，而且提供了大量的网页图像模板供用户使用。。其最方便之处是，它可以将图像切割，图像映射，悬停按钮，图像翻转等效果直接生成HTML代码，或者嵌入到现有的网页中，或者作为单独的网页出现。 2. Photoshop 2.2.2 动画制作工具 1. Flash Flash 是目前最流行的矢量动画制作软件。与其它的动和软件相比，它具有一些优点： 制作的是矢量图像。只有用少量矢量数据就可以描述一个复杂的对象，而占有的存储空间只是位图的几千分之一，非常适合在网络上使用。同时，矢量图像不会随浏览器窗口大小的改变而改变画面质量。 使用插件方式工作。 提供了一些增强功能。例如，支持位图，声音，渐变色和Alpha透明等。拥有了这些功能，用户就完全可以建立一个全部由Flash制作的站点。 Flash影片也是一种流式文件。这就是说，浏览者在观看一个大动画时，可以不必等到影片全部下做到本地在观看，而是可以随时观看，即使后面的内容还没有完全下载，也可以开始欣赏动画。 2. Director Director是Macromedia公司推出的多媒体开发工具，它为广大多媒体制作人员提供了建立交互式应用的强大功能。用户可以在友好的界面下通过使用Director制作出令人满意的多媒体作品。Director是一个简单且直观的软件，即使是首次使用该软件的用户也能编出优秀的程序。而且，Director又是一个高度面向对象的工具，非常适合图像设计者使用。 2.2.3 网页编辑工具 1. FrontPage FrontPage 是Microsoft Office 家族中的一员，FrontPage 的界面，功能与Word 都非常相似。FrontPage提供了相当数量的模版和向导，使初学者能够非常容易的设计出美观实用的网页。FrontPage 最强大之处，是其站点管理与远程发布功能。用户只需在本地对网页进行编辑，FrontPage 便会跟踪用户编辑过的文件，在发布时，自动将修改过的网页进行发布，未编辑过的网页可由用户决定是否再次向服务器发送。 2. Dreamweaver MX