第五章层、框架和行为ppt课件

1、第五章层、框架与行为第五章层、框架与行为在这节课里，我们将要学到在网页在这节课里，我们将要学到在网页中添加层、框架等效果，同时配合中添加层、框架等效果，同时配合行为操作，作出各种网页特效。行为操作，作出各种网页特效。1、层的属性设置 关于层的插入我们已经讲过了，现在关于层的插入我们已经讲过了，现在我们来看一看层的属性。我们来看一看层的属性。 利用层的属性，我们可以设置它的名利用层的属性，我们可以设置它的名称、位置、大小、背景颜色、图像、称、位置、大小、背景颜色、图像、可见性、顺序、标记等方法。可见性、顺序、标记等方法。 1、层背景： 进一步对层进行修订： 窗口其他层窗口其他层 点击眼睛图标，可

2、以修点击眼睛图标，可以修改层的可见性、可见性、改层的可见性、可见性、改变层顺序，创建子层改变层顺序，创建子层 2、层与表格相互转换、层与表格相互转换 层和表格各有优缺点，层过于灵活，有些层和表格各有优缺点，层过于灵活，有些浏览器无法正常显示效果。表格过于死板，浏览器无法正常显示效果。表格过于死板，一旦确定位置就不能改变位置，因此在一旦确定位置就不能改变位置，因此在dw 中我们可以把层和表格互相转换。中我们可以把层和表格互相转换。 A、层转换为表格 修正转换层到表格修正转换层到表格 最精确为每一个层最精确为每一个层建立一个表格单元格建立一个表格单元格 最小层之间距离如最小层之间距离如果过小，就转

3、换为相邻果过小，就转换为相邻的单元格的单元格 B、表格到层的转换、表格到层的转换 修正转换表格到层修正转换表格到层 留意：表格内一定要有内容，否则不显示留意：表格内一定要有内容，否则不显示东西东西2、框架的基本操作 和和fp不一样，不一样，dw是通过操作把一个网页划是通过操作把一个网页划分为几个框架部分。分为几个框架部分。规划框架规划框架 留意，如果想删除框架，只需要把鼠标指留意，如果想删除框架，只需要把鼠标指向框架边框然后拖动边框到某个边界位置，向框架边框然后拖动边框到某个边界位置，然后就会看到框架边框消失，则两个边框然后就会看到框架边框消失，则两个边框就合并了。就合并了。 边框的选中与属性

4、设置： 必须按住alt建点击框架才能对该框架的属性进行设置，每个框架各自独立性比fp要强，比如改颜色，必须修改完一个框架在修改另外一个 框架的保存：文件保存全部，先总体，框架的保存：文件保存全部，先总体，在先下后上，先右后左。在先下后上，先右后左。 框架网页的链接：先在想要添加链接的框架内框架网页的链接：先在想要添加链接的框架内设置链接，然后在屏幕右下方的设置链接，然后在屏幕右下方的“目的栏目目的栏目中找到想要显示网页的目标框架名称比如中找到想要显示网页的目标框架名称比如“leftframe”、“ mainframe”。3、行为 行为其实是一些网页特效，这些特效通常行为其实是一些网页特效，这些

5、特效通常是用是用java或者或者vb语言编写的小程序，但是语言编写的小程序，但是我们用我们用dw可以通过鼠标操作直接作出这些可以通过鼠标操作直接作出这些特效来。特效来。 一个行为由两部分组成，一部分叫做一个行为由两部分组成，一部分叫做“动作动作”，也就是你要实现什么特效。，也就是你要实现什么特效。另一部分叫做另一部分叫做“事件事件”，也就是引发，也就是引发该特效动作的事情，比如鼠标单击该特效动作的事情，比如鼠标单击onclick），鼠标悬停），鼠标悬停“onmouseover等！等！ A、行为的添加：窗口行为，打开行为面板，在行为面板上单击加号按钮。 留意：行为作为程序段，在不同的浏览器中可能

6、显示效果不同，甚至可能不能显示，一般在ie4.0以上版本可以正常显示，因此在行为中我们选择“显示事件中的ie4.0以上版本 任意选中一个动作，在面板下方会显示相应的动作列表，在列表下拉菜单中是触发该动作的事件！选择相应事件，则在事件发生时，该动作就会发生。 示例示例1：我们来看一看书上：我们来看一看书上117页的示例。页的示例。 示例示例2：应用示例：应用示例1我们可以作出网页中常我们可以作出网页中常见的下拉菜单。我们可以分四步来制作下见的下拉菜单。我们可以分四步来制作下拉菜单，首先我们需要一个导航条，它用拉菜单，首先我们需要一个导航条，它用来放置首先出现在浏览者眼前的主菜单；来放置首先出现在

7、浏览者眼前的主菜单；然后再制作开始隐藏着而将会出现的下拉然后再制作开始隐藏着而将会出现的下拉选单；接着，进行最关键的一步，为主菜选单；接着，进行最关键的一步，为主菜单和下拉选单添加上隐藏和显示层的效果；单和下拉选单添加上隐藏和显示层的效果；最后，我们进行菜单的美化修饰最后，我们进行菜单的美化修饰 步骤步骤见下：见下： 关于细线表格： 其他行为操作：其他行为操作： 1、弹出信息、弹出信息 行为选择行为选择“弹出信息弹出信息” 事件选择事件选择“onload” 网页一打开就弹出相网页一打开就弹出相应信息应信息 稍微修改一下触发事稍微修改一下触发事件条件，我们就可以件条件，我们就可以实现防止他人复制你实现防止他人复制你网站信息的作用！网站信息的作