第10章 层与行为的应用

第10章层与行为的应用主讲人10.1创建层10.1.1创建新层理解层层是独立于网页中其它元素的区块对象可以不受其它对象的影响放置于任意位置创建新层方法一：使用工具栏按钮创建层方法二:执行【插入】→【布局对象】→【层】命令10.1创建层10.1.2创建嵌套层层也可以像表格一面嵌套，还具有重叠、显示、隐藏的属性，嵌套层就是在已有的层中再插入层，嵌套层可以大于父层执行【插入】→【布局对象】→【层】命令或者单击“布局”工具栏中的【绘制层】按钮，拖动到层内即可10.1创建层10.1.3层中插入对象当需要在层中插入对象前，必须先激活层激活层的方法很简单，只须将鼠标在层内单击一下被激活的层边框突出显示，选择柄也同时显示出来了。这时，光标会在该层内闪烁，表明可以在当前的层中插入对象了，在层中可以添加文本、图像等内容10.2设置层属性10.2.1选择层单击一个层的选择柄或边框，可以选中该层10.2设置层属性10.2.2设置层属性在页面中选择层，然后打开“属性”面板10.2设置层属性10.2.3层对齐选中要对齐的层执行【修改】→【排列顺序】→【对齐上缘】命令10.2设置层属性10.2.4调整图层的大小方法一：选择要调整大小的层，在层的周围出现控制点，按住鼠标左键拖动控制点，可以调整层的大小方法二：在“属性”面板中设置层的宽和高，可以精确层的尺寸10.2设置层属性10.2.5移动层的位置鼠标指针移动到层的边框处，鼠标指针变为“”形时，按住鼠标左键拖动，到达所需位置时，松开鼠标左键完成位置的调整。10.2设置层属性10.2.6显示/隐藏层执行【窗口】→【层】命令，即可打开或隐藏“层”面板单击“层”面板上的按钮，可以对层的显示和隐藏状况进行切换。10.3层与表格的转换10.3.1出不穷将层转换为表格将层转换为单元格前一定要确定没有嵌套的层和重叠的层，如果存在这些因素就无法将层转化为表格，或是转换后的页面位置发生很大的变动10.3.2将表格转换为层无论是层转换为表格，还是表格转换为层，都会将页面中的所有层或表格一起转化，不可能只转换其中的一个。10.4认识行为功能10.4.1认识行为面板理解行为行为是事件和由该事件触发的动作的组合，是实现网页上交互的一种捷径。打开行为面板执行【窗口】→【行为】命令，或使用快捷键【Shift+F4】，打开“行为”面板10.4认识行为功能10.4.2了解事件与动作每种浏览器都可以响应一组事件，这些事件可以与“行为”面板的【添加行为】按钮中的动作相关联。当浏览者浏览网页并与网页进行交互操作时，如单击事件，事件就可以调用预先设置好的动作的JavaScript函数。没有浏览者的操作也可以生成交互事件，例如，网页设置为每30秒自动重新载入新闻等。10.4认识行为功能10.4.3附加行为10.4.4修改行为调整顺序删除行为10.5行为的高级应用10.5.1在网页中制作弹出信息对话框利用“弹出信息”动作，可以在网页中显示对话框，起到提示信息的作用10.5.2在窗口中显示放大的图像使用“打开浏览器窗口”动作可以在新的浏览器窗口中显示放大的图像10.5行为的高级应用10.5.3创建可拖动的层使用行为中的“拖动层”动作可以在网页中将层移动到其它的位置上。因此，利用“拖动层”行为可以制作一些特殊的页面效果，如将商品放入购物筐10.5.4用行为控制Flash动画Flash动画是网页中对常用的动画形式。在网页文档中，可以添加按钮对象实现对Flash动画的控制，设置动画的播放、停止和返回等10.5.6检查浏览器页由于浏览器的版本和类型都很多，使页面变形或功能失效.使用“检查浏览器”动作就可以解决这个难题10.5行为的高级应用10.5.7显示弹出式菜单使用“显示弹出式菜单”行为可以创建或编辑Dreamweaver弹出式菜单10.6层与行为的综合应用10.6.1设置导航链接由于导航条是图片格式，所以需要绘制热点，在制作链接10.6.2制作下拉菜单的层绘制下拉菜单的层插入下拉菜单中的导航图片为下拉菜单层的导航图片添加链接10.6.3设置链接和层的行为设置鼠标经过时图层的属性为显示设置鼠标移动时图层的属性为显示10.7职业上机实战——用行为制作下拉菜单和交换图像