《Dreamweaver CS5实例教程 第2版 习题答案 作者 管小清 祖宝明 11章》由会员分享，可在线阅读，更多相关《Dreamweaver CS5实例教程 第2版 习题答案 作者 管小清 祖宝明 11章（7页珍藏版）》请在金锄头文库上搜索。
1、 使用行为 11.3 课堂练习旅游资讯网页 【练习知识要点】使用“弹出信息”行为命令制作在浏览器页面时弹出信息效果，如图 11-1 所示。 【效果所在位置】效果所在位置：光盘/Ch11/效果/旅游资讯网页/index.html 图 11-1 （1）选择“文件 打开”命令，在弹出的对话框中选择“Ch11 素材 旅游资讯网页 index.htm”文件，单击“打开”按钮，效果如图 11-2 所示。 （2）单击窗口下方“标签选择器”中的标签，如图 11-3 所示。按向右方向键，将光标 置入到右侧。 Dreamweaver CS5 中文版实例教程 2 图 11-2 图 11-3 （2）选择“窗口 行为”
2、菜单命令，弹出“行为”面板，在面板中单击“添加行为”按钮， 在弹出的菜单中选择“弹出信息”命令，弹出“弹出信息”对话框，在“消息”文本框中输入“欢 迎进入我们的网站！ ” ，如图 11-4 所示，单击“确定”按钮， “行为”面板中如图 11-5 所示。 图 11-4 图 11-5 （3）保存文档，按键预览效果，效果如图 11-6 所示。 图 11-6 第 11 章 使用行为 3 11.4 课堂练习摄影作品网页 【练习知识要点】使用“显示-隐藏元素” 行为命令制作显示隐藏图像效果，如图 11-7 所示。 【效果所在位置】效果所在位置：光盘/Ch11/效果/摄影作品网页/index.html 图
3、11-7 1. 绘制层插入图片 （1）选择“文件 打开”命令，在弹出的对话框中选择“Ch011 素材 摄影作品网页 index.html”文件，单击“打开”按钮，如图 11-8 所示。 （2）单击“插入 布局”面板上的“绘制 AP Div”按钮，在页面中拖动鼠标绘制出一个 矩形层，如图 11-9 所示。 图 11-8 图 11-9 （3）选择层“apDiv1” ，选择“编辑 拷贝”命令，拷贝层，在页面的空白处单击鼠标，选 择“编辑 粘贴”命令，粘贴拷贝的图层， “AP 元素”面板中如图 11-10 所示。使用相同方法再 次复制层，面板中如图 11-11 所示。 Dreamweaver CS5
4、中文版实例教程 4 图 11-10 图 11-11 （4）选中层“apDiv1” ，将鼠标光标置入到层中，单击“插入”面板“常用”选项卡中的“图 像”按钮，弹出“选择图像源文件”对话框，选择光盘目录下“Ch011 素材 摄影作品网 页 images”文件夹中的“img1.jpg” ，单击“确定”按钮完成图片的插入，效果如图 11-12 所示。 （5）使用相同方法将“img2.jpg”插入到 apDiv 5、 “img3.jpg” 插入到 apDiv 4、 “img4.jpg” 插入到 apDiv 3、 “img5.jpg” 插入到 apDiv2，效果如图 1-13 所示。 图 11-12 图
5、11-13 2. 隐藏显示层 （1）选择层下方的小图片，如图 11-14 所示。选择“窗口 行为”命令，弹出“行为”面板， 单击面板中的“添加行为”按钮，在弹出的菜单中选择“显示-隐藏元素”命令，弹出“显示- 隐藏元素”对话框。 （2）选择 div“apDiv1”后，单击“显示”按钮，分别选择 div“apDiv5” 、div“apDiv4” 、div “apDiv3”和 div“apDiv2”后单击“隐藏”按钮，如图 11-15 所示。 图 11-14 图 11-15 （3）单击“确定”按钮， “行为”面板中如图 11-16 所示。使用相同的方法，选择其他小图片， 设置对应的层显示或隐藏。
6、第 11 章 使用行为 5 （4）在页面的空白处单击鼠标，单击“行为”面板中的“添加行为”按钮，在弹出的菜单 中选择“显示-隐藏元素”命令，在弹出的对话框中进行设置，如图 11-17 所示，单击“确定”按 钮， “行为”面板中如图 11-18 所示。 图 11-16 图 11-17 图 11-18 （3）保存文档，按键预览效果，如图 11-19 所示，当单击小图片时，小图片的上方会显 示相对应的图像，效果如图 11-20 所示。 图 11-19 图 11-20 11.5 课后习题葡萄酒网页 【习题知识要点】使用“显示/渐隐”行为命令制作单击图像时渐隐效果，如图 11-21 所示。 【效果所在位
7、置】效果所在位置：光盘/Ch11/效果/葡萄酒网页/index.html Dreamweaver CS5 中文版实例教程 6 图 11-21 （1）选择“文件 打开”命令，在弹出的对话框中选择“Ch11 素材 葡萄酒网页 index.html”文件，单击“打开”按钮，效果如图 11-22 所示。选择如图 11-23 所示图像。 图 11-22 图 11-23 （2）选择“窗口 行为”命令，弹出“行为”面板，单击面板中的“添加行为”按钮， 在弹出的菜单中选择“效果 显示/渐隐”命令，在弹出的对话框中进行设置，如图 11-24 所示， 单击“确定”按钮，面板如图 11-25 所示。 图 11-24 图 11-25 （3）保存文档，按键，预览效果如图 11-26 所示。单击图片时，会产生渐隐效果。 第 11 章 使用行为 7 图 11-26
