第10章 层与行为的应用.pptVIP

第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职业上机实战——用行为制作下拉菜单和交换图像 *