网页设计与制作 第6章 Dreamweaver MX的高级应用.ppt

通过本章学习，应该掌握以下内容：

利用DreamweaverMX设置网页的动态效果
在DreamweaverMX中使用样式
利用模板和库创建、更新网页图层又称层，是DreamweaverMX中最有价值的对象之一，它提供了一种对网页对象进行有效控制的手段，层可以包含文本、图像、表单、插件，甚至层内还可以包含其它层。即在HTML文档的正文部分可以放置的元素都可以放入层内。由于层可以放置在网页的任何位置，从而能有效地控制网页中的对象。层是在制作网页中经常用到的对象，元素的定位就是一个简单的应用。用表格来对网页进行排版非常方便，但有时需要在文字上放一些图片之类的元素，表格就不能胜任了，这时就可以利用图层来排版。
图层可以重叠地放置，制作出层叠的效果。也可以控制层的显示或隐藏，实现交互技术。配合时间显的使用，还可以同时移动一个或多个图层，轻松制作出动态效果。1.层的基本操作创建完层之后，在页面中会出现一个层的标志，并且有一个矩形的层出现。
单击层标志，其属性面板显示如图所示，在属性面板上可以设定层的属性。

2）选择图层（2）调整多个图层的大小创建嵌套层通常有两种方法：
（1）直接创建嵌套层
先创建一个层为父层，后在父层内创建的层成为子层，在图层面板中也可以看出层2是层1的子层。
（2）将已有的多个层变为嵌套层
打开图层面板，在层列表中将需要作为子层的层选中，按住Ctrl键将该层拖动到父层上，释放鼠标即可。
图层和表格都可以用来进行页面定位，但图层是可以随意移动的，应用图层来进行页面设计更快捷、方便、灵活。但图层只有在较高版本的浏览器中才能够正确显示，如果要使设计的网页在3.0版本的浏览器中也正确显示，则不能使用图层来控制版面。
为了避免显示错误，可以先用图层来快速创建复杂的页面布局，然后再把图层布局转换为表格布局。需要时，也可以进行图层和表格的相互转换，以调整布局和优化页面设计。在DreamweaverMX中，先用图层来制作一个页面，选择“修改”|“转换”|“层到表格”命令，弹出“转换层为表格”对话框，根据需要对以上各项进行设置，设置完毕单击“确定”按钮。注意：
1．隐藏的图层不能转换为表格。
2．重叠的层不允许转换为表格，因为表格的单元格是不能重叠的。
3．在模板文档或已应用模板的文档中，不能将层转换为表格或将表格转换为层。即应该在非模板文档中创建布局，然后再将该文档另存为模板之前进行转换。将表格转换为图层的步骤如下：
选择需要转换的表格，执行“修改”|“转换”|“表格到层”命令，弹出“转换表格为层”对话框；在对话框中选择所需要的选项，单击“确定”按钮，文档中的表格转换为层，但空表格单元不转换，表格之外的内容也被置于图层中。
注意：如果文档应用了模板或模板文档，就不能把把表格转换为图层。如果确实需要转换，可在存为模板之前先进行转换。6.1.2使用行为对于一个行为来说，它的核心有两个——事件和动作。所谓的事件就是访问者对网页进行的某个操作行为，而动作则是指接受事件的网页应当执行的响应功能，它是预先编写好的JavaScript脚本。比如说有这样一个网页，当用户把鼠标移动到一幅图像上时，该图像变为另外一幅，这就是一个典型的行为。把鼠标移动到图像上称为一个事件，而图像发生变化则称为该行为的动作。事件可以触发动作，用户可以定义不同的事件触发不同的动作。（2）弹出信息
该动作用于弹出一个消息框，显示说明信息。例如当访问者打开网页时，弹出一些消息提示访问者一些注意事项或是弹出欢迎词，最常见的是弹出一些建议性的消息，如建议访问者在多大分辨率下浏览该网页可获得最佳效果等。（4）设置状态条文本
该动作用于在浏览器窗口底部左侧的状态栏中显示消息。但要注意，访问者常常会忽略或注意不到状态栏中的消息，而且并不是所有的浏览器都提供设置状态栏文本的完全支持；如果您的消息非常重要，可以考虑将其显示为弹出式消息。
（5）设置层文本
设置层文本动作用于动态地设置层中的文本和格式，或替换现有层的内容。该内容可以包括任何有效的HTML源代码。但它将保留层的属性，包括颜色在内。（6）播放声音
在浏览网页时，当鼠标指针滑过某个超链接时会播放一段声音效果，或在页载入时播放音乐剪辑。这种效果可以使用“播放声音”动作来完成。6.2使用样式选择“窗口”|“HTML样式”命令，即可打开“HTML样式”面板。如图所示。可以用两种方法创建样式：首先设置文档中的文本格式，然后基于所选文本创建样式；也可以在“HTML样式”面板上通过选择要应用的格式属性来创建新样式。
（1）基于现有文本创建新的HTML样式
如果在页面中已经有文本是所需要的格式，而这个格式需要经常使用，可以基于该文本创建新的HTML样式，然后将这个样式应用到目前的文本中，也可以应用到其它文本中乃至整个站点的文本中。（2）创建新