网页设计与制作教案第八章1.docVIP

《网页制作》 2009年11月 学校 乌鲁木齐市职业中等专业学校 专业 计算机平面设计 课题 第八章　制作“汽车文化”网页 科目 网页设计与制作 授课班级 学时 教师 教 学 目 的 制作“汽车文化”网页 1、知识目标： 掌握制作层动画、行为、链接的制作技巧 2、能力目标： 掌握层动画的制作技巧； 掌握层的链接、行为的制作技巧。 3、德育目标： 通过“养车用车”网页制作学习，让学生养成不怕困难的学习精神。 教学重点 网页布局，网页的整合 教学难点 “汽车文化”的制作 教学资源 网页素材，多媒体设备，教材 培养方案,大纲修改意见 授课计划修改意见 教案修改意见 需增加资源 其他 专业部主任： 教务处： 教学活动流程 教学步骤与内容 教学目标 教学方法 时间分配 复习 复习“养车用车”制作知识点，复习锚记，层知识点 重视复习过程 提问法 10分钟 二、导入新课： 展示本堂课的作品，引出本堂课需要解决的问题。 明确学习目标 布置任务 5分钟 三、新授内容 8.1网页布局 页面中插入一个2行2列的表格TableTop作为Top区，宽为788区，对齐方式为居中对齐。再插入一个2行2列的表格TableBody为主体区，宽为788像素， 1)插入——布局对象——层，绘制一个图层，并插入图像lang.jpg，调整层的大小与图像尺寸一致。 2)窗口——其他——时间轴 3)使用鼠标将选定层拖曳到“时间轴”面板中，这时在时间轴的第一个通道中将出现一条线，线两端的两个圆圈即为时间轴的关键帧。 4)单击时间轴面板中最后一帧，然后调整层在页面中的位置。页面中一条直线即为层的运动轨迹。 5)勾选“时间轴”面板中的“自动播放”和“循环”复选框。预览。 掌握层动画的制作 1、讲授法：讲授理论知识； 5分钟 7.7.2录制层的时间轴运动路径 1)修改——时间轴——录制层路径 2)使用鼠标直接拖曳该层在文档窗口绘制运动曲线，随后在工作区中会出现一段新的动画线，路径越复杂，动画线上的关键帧就越多。 7.7.3使用行为控制时间轴的播放与停止 1)窗口——时间轴 2)窗口——行为，时间轴——播放时间轴 3)将默认的鼠标事件修改为onMouseOut，这样，当鼠标移动到该层之外时，该层就会播放。 4)时间轴——停止时间轴，选择要停止播放的时间轴，也可以选择停止播放所有时间轴。 5)将默认的鼠标事件修改为onMouseOver。这样，鼠标移动到该层之上时，该层就会停止播放。 　 学习操作层的操作，方法 1、讲授法：讲授理论知识，； 5分钟 7.7.4创建动画超链接 1)创建一个链接对象网页。在“养车用车”栏目文件夹ycyc中创建一个新文件ycyc1.html，该网页制作也比较简单。 2)创建飘浮动画的超链接，属性面板中设置链接为“ycyc1.html”,目标为“_blank”. 保存文件，浏览其效果。 1、掌握动画超链接技术 1、讲授法：讲授操作要领； 2、演示法：教师演示操操作步骤 3、学生实际操作法 40分钟 四、操作练习： 同步练习：完成网页“汽车文化”的后续制作。 教师辅导并检查登记学生本章网页完成情况。 给学生消化知识的时间 学生相互学习 20分钟 六、本节小结： 学习按钮及导航条制作、锚记链接、层的创建、层和时间轴的基本操作。 掌握链接技巧 总结归纳法 4分钟 七、布置作业： 1、在网页的层中插入一个GIF动画，并把该层制作成漂浮效果。 温故而知新 1分钟 八、课后记： 1、不足：层动画、行为操作有一定难度，学生难以掌握； 2、优点：教学内容清晰，讲解到位； 3、改进措施：还需充分备课，备学生。 使用教材：高等教育出版社出版《网页设计与制作》主编：吴超英 教案编写：信息技术部　 2