国防《网页设计与制作》教学资料包 教学课件 第十章.pptVIP

10.2　使用库更新网页 10.2.5　应用库项目 　　②如果需要更新整个站点的所有引用了库项目的网页，可以在“查看”右边的第一个下拉列表中选择“整个站点”，并在右边的第二个下拉列表中选择对应的站点名称。如图所示。 10.2　使用库更新网页 10.2.5　应用库项目 　　③如果需要重新指定当前网页使用的库项目，可以在“更新”对话框的“查看”右边的第一个下拉列表中选择“文件使用...”，在右边第二个下拉列表中选择需要使用的库项目文件，如图所示。 10.2　使用库更新网页 10.2.5　应用库项目 　　④设置完毕后，单击“开始”按钮即可。 网页中引用库项目，实质上就是在网页源文件中添加了如下的链接代码。 !-- #BeginLibraryItem /Library/top.lbi -- //网页元素代码 !-- #EndLibraryItem -- 如果希望该项目成为网页文档中的一部分，就需要将库项目从网页源文件中分离出来。分离后，就可以对这部分内容将与库项目脱离关系，可以随意进行编辑。 10.2　使用库更新网页 10.2.5　应用库项目 　　欲在Dreamweaver CS4中将库项目从网页中分离出来，可以按照如下的步骤进行。 　　①选中网页中需要分离的库项目，此时“属性”面板中显示该库项目的信息和在站点的存储路径，如图所示。 10.2　使用库更新网页 10.2.5　应用库项目 　　 ②单击“属性”面板中的“从源文件中分离”按钮，也可以在选中的库项目中单击鼠标右键，在弹出的快捷菜单中选择“从源文件中分离”命令，将库项目的内容与网页源文件分离，此后原来的库项目内容将成为网页中的内容，用户可以随意编辑修改。 10.3　使用行为制作网页特效 10.3.1　行为概述 行为是动作和事件的组合，是由事件（Event）触发的动作（Action），因此行为包括两个基本元素，即事件和动作。 事件是浏览器产生的有效信息，也是访问者对网页的操作。 动作通常是由预先编写好的JavaScript脚本程序实现的，当用户引发了事件后，浏览器开始检查与该事件关联的动作代码，如果有就执行该段代码。 10.3　使用行为制作网页特效 10.3.1　行为概述 Dreamweaver CS4中自带了一系列常用的动作代码，这些代码也是使用JavaScript语言实现的，用户无需具体了解代码是如何实现的，就可以在需要的时候直接调用。 用户还可以自己编写事件相关的动作代码。 10.3　使用行为制作网页特效 10.3.1　行为概述 　　在Dreamweaver CS4中采用“行为”面板来完成行为中动作和事件的设定，实现网页的动态交互效果。在“文档”窗口中选择菜单命令“窗口”→“行为”，或按下键盘组合键Shift＋F4，可以打开如图所示的“行为”面板。 注意：不同的浏览器能够支持的行为也存在一定的差异，同一浏览器的不同版本对行为的支持也存在差异。如果网页中存在不能被浏览器支持的行为，就不会引发任何动作。 10.3　使用行为制作网页特效 10.3.2　行为的添加、编辑和删除 在Dreamweaver CS4中采用“行为”面板来完成行为中动作和事件的设定，实现网页的动态交互效果。在“文档”窗口中选择菜单命令“窗口”→“行为”，或按下键盘组合键Shift＋F4，可以打开如图所示的“行为”面板。 用户可以将行为添加到整个网页文档，还可将行为添加到链接、图像、表单元素或其他HTML元素中。在Dreamweaver CS4的“行为”面板中可以方便的添加和编辑需要使用的行为。 10.3　使用行为制作网页特效 10.3.2　行为的添加、编辑和删除 　　①在Dreamweaver CS4打开网页文件，选中需要添加行为的网页元素。 　　②选择菜单命令“窗口”→“行为”，或按下键盘组合键Shift＋F4，打开“行为”面板。 　　③单击“添加行为” 按钮，在弹出的“行为”菜单中，选择需要使用的动作，就可以将选中的动作添加到指定的网页元素上。同时该动作也会显示在“行为”面板的动作列表中。 10.3　使用行为制作网页特效 10.3.2　行为的添加、编辑和删除 　　④单击动作左边的“向下”按钮，如图所示事件下拉列表。从中选择需要使用的事件。 注意：在事件下拉列表中，如果出现带有“A”的事件，则该事件是链接对象事件，选择它们时系统会自动在行为面板列表框内显示的事件名前增加一个“#”，以表示空链接。 10.3　使用行为制作网页特效 10.3.2　行为的添加、编辑和删除 　　①在“行为”面板的动作列表中选择需要编辑的动作，如“转到URL”动作，单击鼠标右键，在弹出的快捷菜单中，选中“编辑行为”命令，或者单击“行为”面板右上角的 按钮，在弹出的菜单中选择“编辑行为”命令。弹出如图所示