案例 第十一项目单元 行为应用设计.ppt

天津滨海职业学院信息工程系孙荣侠 第十一项目单元 行为应用设计 项目11 行为应用设计 任务1 设计一个网页 3 增加行为的基本步骤 打开浏览器窗口 1．打开一个网页，选择行为的对象如某一图像，如选择一个图像。 2．在行为面板上，单击“+”按钮，从下拉菜单中选择“打开浏览器窗口”。 3．打开“打开浏览器窗口”对话框，如图4所示。 弹出消息框 1．打开一个网页，选择行为的对象，如选择一个图像。 2．在行为面板上，单击“+”按钮，打开下拉菜单，从中选择“弹出消息 转到URL 1．打开一个网页，插入一个按钮，在“属性检查器”中设置“动作”为“无”。 2．选中按钮。在行为面板上，单击“+”按钮，打开下拉菜单，从中选择“转到URL”。 设置状态栏文本 1．打开一个网页，选择窗口下方的body标签。 2．在行为面板上，单击“+”按钮，打开下拉菜单，从中选择“设置文本”子菜单中的“设置状态栏文本”。 拖动层 1．打开一个网页，插入一个层，命名为layer1，在层插入图像。 2．选择窗口下方的body标签。 显示隐藏层 1．打开一个网页，输入“长影世纪城景观”，并设置空链接。 2．插入一个层，命名为“Layer1”，在层中插入图像，如图7所示 检查浏览器 1．打开一个网页，选择窗口下方的body标签。 2．在行为面板上，单击“+”按钮，打开下拉菜单，从中选择“检查浏览器”。 3．打开“检查浏览器”对话框，如图10所示。 改变对象属性 1．打开一个网页，插入两个按钮，按钮动作为“无”，绘制一个层，命名为Layer1，设置层的背景颜色为浅紫色，如图11所示。 控制Shockwave或Flash 1．打开一个网页，插入两个按钮，按钮动作为“无”，插入一个Flash，在属性检查器中命名为“flash1”并将“自动播放”和“循环”选项取消，如图13所示。 应用javascript实现网页特效 通常脚本放在script/script之间 脚本是通过javascript编写的 应用时可以把代码放在head区 可以从网上直接下载使用 * * 教学重点：能够应用层与行为设计网页动画，能够应用javascript设计网页特效比如树型目录的设计 教学难点：网页页面灵活应用层与行为及javascript设计网页动画 教学目标： 专业能力：能够应用层与行为设计网页动画，能够应用javascript设计网页特效比如树型目录的设计 社会能力：独立思考、紧跟课堂教学培养服从意识 方法能力：通过解析代码培养自学分析能力 教学内容： 案例导入： 案例分析： 1、在dw8中打开页面 2、分析特效效果 3、给层添加行为 主要步骤： 1、解析网页布局，并在dw8中插入层 2、设置层的显示隐藏属性 3、给层添加行为 相关知识点： 行为是由对象、事件和动作构成的。 1．对象：是产生行为的主体。网页中的很多元素都可以成为对象，如网页中的一个图片、一段文字等元素，也可以整个网页文档。 2．事件：是由用户或浏览器触发的事件。事件经常是针对页面元素的，如鼠标经过、鼠标单击、键盘某个键按下等。 3．动作：通常是一段JavaScript代码，用于完成某些特殊的任务。如打开一个窗口时自动播放声音、弹出信息窗口等。 4．行为：事件和动作组合起来就构成了行为。事件是产生行为的条件，动作是行为的具体结果。 1 打开行为面板 单击菜单栏中的“窗口”|“行为”命令或使用组合键Shift+F4，可以打开行为面板如图1所示。 （一）行为面板各按钮功能 （二）设置浏览器版本在行为面板中，单击 按钮，在“显示事件”的级联菜单中选择浏览器版本，如下图2所示。 图1 行为面板 图2 显示事件 （三）常见事件 添加行为后，要为行为选择触发事件。选择某个行为，单击左侧的事件名称右侧的下拉箭头弹出下拉菜单，菜单列出了所选行为可以使用的触发事件，如下图3所示。 图3 事件菜单 2 认识行为 1．在文档窗口中选择要增加行为的对象，例如一个图像或一个链接或一段文字。要将行为附加到整个页，请在“文档”窗口底部左侧的标签选择器中单击 body 标签。　　 5．保存网页，在浏览器中检测行为。 2．在行为面板中单击加号“+”按钮，从弹出菜单中选择一种行为。 3．打开某种行为的设置对话框，根据需要进行设置，完成对话框。 4．在行为面板中选择行为，添加触发事件。 要修改和编辑己设置行为,执行以下操作之一：　　1．在行为面板中双击要修改的行为。　　2．选择要修改的行，单击行为面板上的“选项 ”按钮 ，选择“编辑行为”命令。 4 使用Dreamwerver8内置的行为 播放声音 1．打开一个网页，选择行为的对象如某一图像，也可单击窗口下方的body标签，为整个页面增加行为。 　　2．在行为面板上，单击