文档介绍:网页设计与制作第五章高级网页制作
2022/5/26
第5章 高级网页制作
行为
事件和动作
行为和JavaScript脚本程序
2
认识“行为”面板
“行为”面板是添加和控制操作行为的场所。选择“窗口/行括一次交换多个图像。
18
改变属性
使用“改变属性”行为可更改对象的某些属性,其中可更改的属性是由浏览器决定的。
:鼠标移过图像时改变大小。
19
显示-隐藏层
“显示-隐藏层”行为用于交互时显示信息,可以显示、隐藏或恢复一个或多个层的可见性。
:鼠标移动到会员图像上时显示会员介绍。
20
拖动层
浏览者在访问添加了“拖动层”行为的页面时可拖动层到页面的任意位置。
“拖动层”行为可通过“拖动层”对话框实现。选中所需的层并打开“行为”面板,单击 按钮,在弹出的 “行为”菜单中选择“拖动层”命令,打开“拖动层”对话框,该对话框中有“基本”和“高级”两个选项卡。可以设定浏览者向水平、垂直或任意方向拖动层,以及用JavaScript函数名或代码实现一些特殊功能。
21
拖动层
1.“基本”选项卡
2. “高级”选项卡
22
1.“基本”选项卡
“基本”选项卡中可选择添加行为的层、拖动限制等。
23
2.“高级”选项卡
单击对话框的“高级”选项卡,在其中可进行层的拖动控制点、在拖动层时跟踪层的移动以及当放下层时触发一个动作等设置。
24
:制作拖动图像进行类似拼图的效果,将会员图片拖到指定位置。
25
调用JavaScript
“调用JavaScript”行为允许用户使用“行为”面板指定当发生某个事件时执行自定义功能。
26
控制Shockwave或Flash
使用“控制Shockwave或Flash”行为可播放、停止、倒退、转到Flash或Shockwave文件中的帧。
27
播放声音
使用“播放声音”行为可以在页面载入时播放音乐。
28
检查表单
检查表单行为用于检查用户输入的文本区的内容是否正确。
此行为可以附加给onBlur或Submit事件。
29
使用JavaScript代码
认识使用代码片断面板
执行窗口——代码片断
拖动代码片断到编辑窗口得网页中;
在编辑窗口中要插入代码片断的地方单击,然后双击代码片断;
在编辑窗口要插入代码片断的地方单击,然后执行插入按钮。
30
JavaSrript代码实例
实例一:插入关闭窗口按钮。
实例二:会暂停的滚动字幕。
31
模板的使用
在创建模板前需先创建站点,因为模板必须保存在站点中,否则创建模板时系统会提示创建站点。创建模板有两种方式:将现有网页另存为模板和直接创建空白模板。
32
1.将现有网页另存为模板
33
2.直接创建空白模板
34
设置模板的属性
使用菜单“修改”→“ 页面属性”改变模板的页面属性。
每个模板都包含可编辑区和不可编辑区两部分。可编辑区指的是一个页面中可以更改的部分,它所包含的内容是经常变换的。不可编辑区是指在所有页面中不能改变的内容,它的内容只能在模板中编辑,如某些公共标识符等。
35
重复区域指的是一个页面中可以任意多地增加的部分,例如表格中的内容等。重复区域是不可编辑区,如果要在重复区域中编辑不同的内容,必须在重复区域中插入可编辑区域。
可选区域是指在满足一定条件下才在页面中显示的区域。
嵌套模板是指在一个模板中调用了另一个模板的内容。
36
应用模板
使用菜单“文件”→“新建”,在弹出的对话框中选择“模板”选项卡,出现“从模板新建”对话框,在对话框中选择一个模板,然后单击“创建”按钮; 或使用资源面板。
2. 在已有的文件中应用模板
使用菜单“修改”→ “模板”→“应用模板到页”,从列表中选择一个模板,然后单击“选定”按钮。
37
从资源面板的模板子面板中拖动模板到文本窗口中;
在资源面板中选中一个模板,然后,点击应用按钮。
使用菜单“修改”→ “模板”→“从模板中分离”。
38
应用举例——创建和应用模板
39
使用库
生成库项目
在“设计”模式下,选中窗口中的一个或多个元素,然后,将其拖动到资源面板的库项目列表中,就生成了一个新的库项目。
应用库项目
在站点的任一网页