网页制作基础教程及机理探究.docVIP

网页制作基础教程 《利用层和行为制作网页动态效果》 教 案 单 位：青铜峡市职教中心 制 作 人：杨春燕 二00六年六月九日  课题 利用层和行为制作网页动态效果 日期 2006年6月9日 教 学 目 的 基础知识点： 层的创建与修改利用行为面板为选定的对象设置行为通过为时间线增加行为来控制时间线的播放效果 能力培养点： 让学生能够制作出通过行为来控制下拉菜单所在层的显示或隐藏及拖动层行为的动态网页效果。 思想教育点： 重视学生动手实践能力和创新思维能力的培养。 重点 层的显示或隐藏及拖动层行为的动态网页效果的制作 难点 如何利用行为面板为选定的对象设置行为 教法 本课程的教学以多媒体网络课件作为教学媒体，采用大屏幕投影教学，着重体现理论和实践的结合 教具 计算机、投影仪、课件  教 学 过 程 教学环节 教学内容与教师活动 学生活动 复习 如何利用层和时间轴制作滚动字幕？ 如何利用层和时间轴制作遮罩字幕？ 3、如何利用层和时间轴制作浮动广告？ 要求学生说出以上三种网页效果的操作步骤 引入新课 在浏览网页的时候通常会看到当鼠标指针移到某个网页元素上时会出现一个动态下拉菜单，该下拉菜单的制作方法有两种，一种是利用行为中显示隐藏层来实现，另一种是利用行为中的显示弹出式菜单来实现，本节课的主要内容就是学习利用层和行为来实现网页中的一些特殊效果。 课程讲授 利用层和行为制作动态下拉菜单：（本例的实现原理是通过行为来控制下拉菜单所在层的显示与隐藏） 操作步骤： 1、文件→新建→选择“基本页” →创建 2、插入→表格（1行1列）→输入内容 3、插入→描绘层→设置描绘层属性 4、描绘层中插入表格→设置表格属性→输入项目内容→为各项目设置超链接 5、重复步骤4~5制作其余各层及层中表格 6、选定单元格1中的内容后打开行为面板，行为菜单中单击“显示/隐藏层”命令，打开的对话框中设置“层1”为显示，其余各层为隐藏，单击“确定” 7、按照步骤6设置其他各层的显示/隐藏 8、按F12预览，当鼠标移到了创建动态菜单的项目时即可打开动态菜单。 利用层和行为制作拼图游戏：（本例的实现原理是利用拖动层行为的功能） 操作步骤： 1、文件→新建→选择“基本页” →创建 2、单击插入“描绘层”在网页上插入6个层，在层中插入图像 3、单击网页窗口左下角的body,打开行为面板，在菜单中单击“拖动层”命令，对话框中选择要移动的层，在“移动”下拉列表中选择“不限制” 4、重复步骤3设置其余五个层的“拖动层”行为 5、按F12预览，可以拖动层组合成完整的图像效果 * 内容之间以“|”隔开，此处也可插入一个一行多列的表格 *预览调整各层的位置，使层与表格位置适当，调整时可将层全部隐藏 *网页上有几幅被打乱的图片，通过移动层位置将其拼成一幅完整的图片 *此处也插入一个一行六列的表格，插入图片后将表格转换成层，还可以使用拷贝层功能，请学生说出步骤 练习 打开“pintu.htm”网页，让学生说出网页顶部的动态效果的实现方法及操作步骤 提示：层、时间轴，行为 小结 本节课的主要内容是以两个实例来学习了利用层和行为制作网页动态效果知识： 1、利用层和行为制作动态下拉菜单，是通过行为来控制下拉菜单所在层的显示与隐藏来实现的，要求学生制作时注意选择添加行为的项目是网页元素； 2、利用层和行为制作拼图游戏，应用的主要功能是拖动层行为的知识，制作时选择添加行为的是网页的整个正文部分。 利用层、时间轴和行为可以为网页添加许多动态特效，基本方法我们已经学习了，如何提高还要靠同学们课后多练习。 作业 课本P178填空题：1、2、3、5 简答题：4、5