第五章层框架和行为.pptVIP

第五章层、框架与行为 在这节课里，我们将要学到在网页中添加层、框架等效果，同时配合行为操作，作出各种网页特效。 1、层的属性设置 关于层的插入我们已经讲过了，现在我们来看一看层的属性。 利用层的属性，我们可以设置它的名称、位置、大小、背景颜色、图像、可见性、顺序、标记等方法。 1、层背景： 进一步对层进行修订： 2、层与表格相互转换 层和表格各有优缺点，层过于灵活，有些浏览器无法正常显示效果。表格过于死板，一旦确定位置就不能改变位置，因此在dw 中我们可以把层和表格互相转换。 A、层转换为表格 B、表格到层的转换 2、框架的基本操作 和fp不一样，dw是通过操作把一个网页划分为几个框架部分。 注意，如果想删除框架，只需要把鼠标指向框架边框然后拖动边框到某个边界位置，然后就会看到框架边框消失，则两个边框就合并了。 边框的选中与属性设置： 必须按住alt建点击框架才能对该框架的属性进行设置，每个框架各自独立性比fp要强，比如改颜色，必须修改完一个框架在修改另外一个 框架的保存：文件－－保存全部，先总体，在先下后上，先右后左。 框架网页的链接：先在想要添加链接的框架内设置链接，然后在屏幕右下方的“目标”栏目中找到想要显示网页的目标框架名称比如“leftframe”、“ mainframe”。 3、行为 行为其实是一些网页特效，这些特效通常是用java或者vb语言编写的小程序，但是我们用dw可以通过鼠标操作直接作出这些特效来。 一个行为由两部分组成，一部分叫做“动作”，也就是你要实现什么特效。另一部分叫做“事件”，也就是引发该特效动作的事情，比如鼠标单击（onclick），鼠标悬停“onmouseover”等！ A、行为的添加：窗口－－行为，打开行为面板，在行为面板上单击加号按钮。 注意：行为作为程序段，在不同的浏览器中可能显示效果不同，甚至可能不能显示，一般在ie4.0以上版本可以正常显示，因此在行为中我们选择“显示事件”中的ie4.0以上版本 任意选中一个动作，在面板下方会显示相应的动作列表，在列表下拉菜单中是触发该动作的事件！选择相应事件，则在事件发生时，该动作就会发生。 示例1：我们来看一看书上117页的示例。 关于细线表格： 其他行为操作： 1、弹出信息 行为选择“弹出信息” 事件选择“onload” 网页一打开就弹出相应信息 稍微修改一下触发事件条件，我们就可以实现防止他人复制你网站信息的作用！ 还有很多行为靠我们自己不断的摸索，相信dw的强大功能，能够帮我们作出更多的行为特效，使我们的页面内容更加丰富！！ * * 窗口－－其他－－层 点击眼睛图标，可以修改层的可见性、可见性、改变层顺序，创建子层 修改－转换－层到表格 最精确－－为每一个层建立一个表格单元格 最小－－层之间距离如果过小，就转换为相邻的单元格 修改－转换－表格到层 注意：表格内一定要有内容，否则不显示东西 布局－－框架 示例2：应用示例1我们可以作出网页中常见的下拉菜单。我们可以分四步来制作下拉菜单，首先我们需要一个导航条，它用来放置首先出现在浏览者眼前的主菜单；然后再制作开始隐藏着而将会出现的下拉选单；接着，进行最关键的一步，为主菜单和下拉选单添加上隐藏和显示层的效果；最后，我们进行菜单的美化修饰 －－步骤见下： *