Dreamweaver 4教程——使用Dreamweaver 4开始工作.docVIP

第1章 使用Dreamweaver 4开始工作 随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器。从网页编辑器基本性质上可以分为所见即所得网页编辑器和非所见即所得网页编辑器（即源代码编辑器），两者各有千秋。所见即所得网页编辑器的优点就是直观、使用方便、容易上手，在所见即所得网页编辑器中进行网页制作和在Word中进行文本编辑不会感到有什么区别，但它同时也存在难以精确达到与浏览器完全一致的显示效果的缺点。也就是说在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构及精确定位）中便可体现出来。非所见即所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在用户的监控下产生，但是，非所见即所得编辑器的先天条件注定了它的工作效率太低。 如何实现两者的完美结合，既能产生干净、准确的HTML代码，又具备所见即所得的高效率、直观性，这一直是网页设计师的梦想。Dreamweaver基本上解决了以上的问题，是一个非常优秀的所见即所得网页编辑器。 Dreamweaver 4可以满足Web开发人员的各种需要。使用Dreamweaver 4在大大提高人员的生产效率的同时，还可以保持对源代码的完全控制。对于的新手，也可以快速提高他们的效率，因为使用Dreamweaver 4，可以轻松地可视化编辑。Dreamweaver 4提供了友好的用户界面和强大功能的快捷工具，支持多种浏览器，可建立跨平台的网页，同时还可以制作不需要编写任何代码的动态网页。它具有强大的网页排版及制作功能，如可通过层叠样式表格式化文本、通过层定位网页元素、通过时间链制作动画，以及使用库项目实现代码的重复使用等。 1.1 Dreamweaver 4新增功能简介 Dreamweaver是Macromedia公司推出的主页编辑工具。它是一个所见即所得网页编辑器，支持最新的DHTML和CSS标准。采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得非常简单。值得称道的是，Dreamweaver不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制，可以说，它是一个集网页创作和站点管理两大利器于一身的创作工具。 在学习使用Dreamweaver 4之前，我们先了解Dreamweaver 4的一些新增功能。 1．独特的往返HTML功能 这个功能可以同步访问设计视图（Design View）和HTML源代码，可以打开用其他编辑器编辑的文档，但它不会改写手工输入的HTML标记或第三方标记。这就使得Dreamweaver 4自动生成的代码与手工输入的代码融为一体。 2．整合文本编辑器 现在Dreamweaver 4增加了以代码为中心的新特性。手工编写代码就如设计视图环境一样方便，可以自动缩排、、Code View Toolbar）的下拉列表定义的JavaScript函数之间轻松导航。对于使用JavaScript编程的专业人员来说，这种代码导航无疑是一种高效的导航帮助。输入代码时Dreamweaver 4自动对HTML和JavaScript 代码使用不同的颜色显示。 3．把主窗口分割为代码视图和设计试图 可以把Dreamweaver的主窗口分割为代码视图和设计试图。能够查看整页代码而无需离开文档窗口。这样，就可以在同一个窗口同时查看代码视图和设计视图，同时编辑多个文档的代码。 4．JavaScript调试器 使用新增的JavaScript调试器，可以直接在浏览器中调试客户端JavaScript脚本，观察JavaScript的执行，就像它在Netscape或IE浏览器中一样，因而能够更好地了解每种浏览器是怎样执行JavaScript的。可以设置断点调试代码，然后在逐步执行代码的过程中观察变量的变化，及时发现编程错误。 5．编辑非HTML文档 可以把Dreamweaver 4当作文本编辑器编辑非HTML文档，直接在代码视图（Code View）中编辑JavaScript，XML和其他文本文件。 6．自定义标记数据库 使用自定义标记数据库可随时定义新的标记或编辑默认标记。Dreamweaver 4的可配置自定义数据库让你能够定制翻译引擎来支持属性代码。 7．超强页面排版功能 网页对象的排版一般有表格和图层两种方式，这两种方式各有优缺点，Dreamweaver 4的Layout View技术可以轻松地把两者的优点结合起来，用此功能编写的网页，任何浏览器都兼容，解决了后顾之忧。Dreamweaver 4中提供了两种可视化编辑方式，一种是大家再也熟悉不过的老版面，另一种是全新的版面排版方式。它提出了一个全新页面排版概念，它可以使你轻松地拖曳出复杂的