实验四层、行为、表单.docVIP

实验四：层、行为、表单 一．实验目的掌握层的创建、基本操作方法2.掌握时间轴的基本使用方法：如使用时间轴创建动画，时间轴与行为相结合，将行为添加到时间轴上、使用时间轴与行为改变图与层的属性等。了解行为、事件与动作的概念学会利用行为面板设置控制对象的行为会利用系统提供的主要行为，设置网页对象的行为从而实现交互式网页的设计全面掌握表单的创建、编辑、处理方法，学会使用Dreamweaver 中应用表单设计网页的方法初步了解JavaScript脚本，并能够在网页中加入简单的JavaScript脚本。1.层的属性面板,图4.1： A 层编号：层的名称，用于识别不同的层；以便在“层”面板和 JavaScript 代码中标识该层。请输入一个名称。只应使用标准的字母数字字符，而不要使用空格、连字符、斜杠或句号等特殊字符。每个层都必须有它自己的唯一名称。 B 左(L)，上(T)：层的位置，左是距离页面左边界的距离，上是距离页面上边界的距离；宽(W)，高(H)：层的宽和高； C Z轴(Z)：层的Z轴顺序；在浏览器中，编号较大的层出现在编号较小的层的前面。值可以为正，也可以为负。当更改层的层叠顺序时，使用“层”面板要比输入特定的 z 轴更为简便 D 背景图像(I)：层的背景图； E 显示(V)：层的显示状态，其中的隐藏是将层隐藏，处于不可见状态； F 背景颜色(C)：层的背景颜色； G 标签(A)：层使用的代码方式，一般使用默认的DIV即可； H 溢出：如果层里面的文字太多，或图片太大，层的大小不足以全部显示的时候，可以选择：　visible：超出的部分照样显示；　hidden：超出的部分隐藏；　scrool：不管有否超出，都显示滚动条；　auto：有超出时才出现滚动条； 层的优点很明显，但缺点也同样明显，例如难以制作一个适应不同分辨率的网页；当一个页面使用了多个层后，页面的复杂程度 增加而导致编辑起来非常烦琐；编辑状态与浏览状态的实际效果有相当明显的差别等。通常人们是采用利用层(Layer)进行排版，然后将层转换为表格的做法 （修改(M) 转换(C)转换层为表格(L)），大家可自己尝试一下。2．关于“层”面板 通过“层”面板可以管理文档中的层。若要打开“层”面板，请选择“窗口”“其他”“层”。层显示为按 z 轴顺序排列的名称列表；首先创建的层出现在列表的底部，最新创建的层出现列表的顶部。嵌套的层显示为连接到父层的名称。单击加号 (+) 或减号 (-) 图标 (Windows) 或扩展箭头 (Macintosh) 显或隐藏嵌套的层。 使用“层”面板可防止重叠，更改层的可见性，将层嵌套或层叠，以及选择一个或多个层。 实内容：实例设计：显示/隐藏层固定层显示／隐藏层效果：鼠标指向显示相应内容简介。可根据用户需要显示或隐藏相应层内容。制作步骤： 1建立如图所示表格 2）在个层，分别在每个层内插入3）选中“”单元格，为其设置行为：显示/ 隐藏层。　　事件：OnMouseOver ，动作：显示，隐藏其他层。 4）再次为选中内容设置行为：显示/ 隐藏层。　事件：OnMouseOut ，动作：隐藏。 5）依次为下面几行设置同样的两个行为。 6）将6个层初始均设为隐藏层。第二部分 行为 （一）预备知识 1．概念 行为：是事件和由该事件触发的动作的组合。在“行为”面板中，通过指定一个动作然后指定触发该动作的事件，可将行为添加到页中。 事件：是访问者在页面中执行的一些特定的操作如单击（onclick）、鼠标划过（onmouseover），其作用是执行这些操作时触发特定的动作。 动作：是一段预设的脚本，可以用于执行某种特定的功能，例如打开浏览器窗口事件和动作结合在一起就构成了行为。 在Dreamweaver中使用行为可以方便地实现很多页面效果，用户可以自定义触发这些效果的事件。 2．熟悉行为面板,图4.6 1）显示/隐藏行为面板的方法： “窗口”/“行为”即可启动行为面板 2）应用行为的方法：选中编辑页面中的网页元素（动作的对象），单击行为面板上的加号按钮，在下拉菜单中选择应用到网页元素上的动作，然后再修改触发事件即可。 选中行为列表中的一种行为后，单击减号按钮即可删除该行为。 3）注意：适用于不同的网页元素的行为是不相同的。灰度显示那些不能应用到选中网页元素上的行为 3．利用系统提供的主要行为，设置网页对象的行为从而实现交互式网页的设计；5.内置的一些基本行为　 1)调用JavaScript（Call JavaScript） 这个行为允许你设置当某些事件被触发时，调用相应的JavaScript脚本，以实现相应的动作。在这个行为设置时，你可以直接输入JavaScript脚本或者函数。 2)改变属性（Change Property） 这个行为允许你动态地改变对象属性