Dreamweaver8第五单元剖析.ppt

B.在“行为”面板的事件栏中，选择“onMouseOver”，按下F12预览页面，效果如下图所示。 任务三 制作页面动态效果 左边选中景区，右边显示相应介绍。 使用以上方法，参照教材表5-1为其他热点设置“显示-隐藏元素”行为。注意在设置某一景区热点的行为时，将该景区图像所在层和用于显示文本的“apDiv8 ”层设置为“显示”，其他层设置为“隐藏”。 使用以上方法，参照教材表5-7为相应热点添加“设置容器的文本”行为，输入热点相对应的景区介绍文字。 至此，“家乡山水”栏目的制作全部完成，保存并预览检查效果。 任务三 制作页面动态效果 任务小结 1．掌握为热点添加“显示-隐藏元素”行为。 2．掌握为热点添加“显示容器的文本”行为。 任务三 制作页面动态效果 举一反三： 　将本单元“举一反三”文件夹中的“pra5-4”文件夹复制到D盘根目录，为其中的两个网页“practice5-6.html”、“practice5-7.html”添加“打开浏览器窗口”行为，设置事件为“onLoad”，使浏览任一网页时，两个网页在两个浏览器窗口中同时打开。 1．启发思路： 注意选择正确的行为和事件。 2．分组完成任务。 任务三 制作页面动态效果 作业 任务三 制作页面动态效果 1．创建网页“practice5-8.html”，插入本单元素材“举一反三”文件夹中的图像“practice5-4.jpg”，为图像添加“弹出信息”行为，使鼠标经过图像时弹出信息“月到中秋分外明”。 2．创建网页“practice5-9.html”，使用表格、AP元素及行为创建如课本图JYFS5-4所示菜单，鼠标移到菜单选项时显示下拉列表，移出时下拉列表隐藏，目录结构参照表JYFS5-1。（提示：应用显示-隐藏元素行为完成）。 　　相关知识： 1．锚记是在文档中设置的标记，这些标记通常放在文档的特定主题处或顶部。使用锚记分为两步，第一步添加锚记，第二步添加到该锚记的链接，这个链接可以快速将浏览者带到特定位置。 2．锚记名称通常以英文字母起始，区分大小写，不能含有空格，也不能含有特殊字符。 如果锚记创建后，在网页制作窗口中却看不到锚记图标，选择菜单栏“查看”菜单里的“可视化助理”选项，勾选“不可见元素”即可。 锚记图标在预览时不显示。 任务一 添加热点和锚记链接 3．热点是对图像内一个区域的几何描述，一般每个热点都会链接到不同的网页、URL、锚记、图像等。 任务一 添加热点和锚记链接 4．热点工具介绍： 多边形热点工具 椭圆形热点工具 指针热点工具 矩形热点工具 “指针热点工具”：选中此工具可以拖动热点改变位置，还可以拖动热点的顶点来改变其形状或大小。 “矩形热点工具”：选中此工具后在图像上拖动鼠标可添加矩形热点，按住Shift键拖动可添加正方形热点。 “椭圆形热点工具”：选中此工具后在图像上拖动鼠标可添加圆形热点。此工具不能添加椭圆形热点。 “多边形热点工具”：选中此工具后可以在图像上通过鼠标点选（用鼠标连续单击图像中不同位置）添加多边形热点。 5．热点“属性”面板： “链接”：用于设置热点的链接路径。添加锚记链接时，如果链接的锚记在本页面内，输入“#”+“锚记名称”；如果不在本页面内，输入“链接路径”+“#”+“锚记名称”。 “目标”下拉列表中的“_blank”：表示在新的浏览器窗口中打开链接的文档，同时保持当前浏览器窗口不变。 “替换”：用于设置当鼠标指向该热区时显示的“替换文本”。有的浏览器不能显示替换文本。（IE6能显示，IE8不能显示。） 任务一 添加热点和锚记链接 6．热点工具的使用： 移动热点：单击“属性”面板中的“指针热点工具”后，选中某个热点，可以通过拖拽移动它的位置，还可以利用键盘的方向键或Shift+方向键移动热点的位置。 调整热点的大小：用指针热点工具单击某个热点，然后将光标移到热点的顶点处，拖拽鼠标可以改变热点的形状和大小。 选中多个热点：单击“属性”面板中的“指针热点工具”后，按住Shift键的同时，可以通过单击选中多个热点；按下键盘的Ctrl+A组合可以选中所有的热点。 任务一 添加热点和锚记链接 　　相关知识： 1．插入层的另一种方