第三周（21-30课时）.doc

2014－2015学年度第一学期网页制作课程电子教案 授课课题：我的第一个网站 授课教师： 蒋红艳 NO： 11 授课班级 14春微机、14春商务 授课日期 授课类型 讲授+演示 学 时 数 2 教学目标 掌握透明层的制作； 掌握动态网站公告的制作； 掌握交互式图像菜单的制作。 教学内容 尝试使用透明层效果、动态网站公告效果、交互式图像菜单制作自己的第一个网站。 重点难点 层的绘制、调整与设置 教学方法 讲授+演示 学习方法 观察+练习 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 范例展示，明确任务 分析任务 怎样完成上图所示网页的编辑？可分哪几步？ 新建站点、素材文件夹、主页； 打开主页，绘制表格； 第一行：站标，透明层效果； 第二行：网站导航，交互式图像菜单； 第三行：网站公告，marquee代码； 第四行：主体部分 教师演示 建站点：我的第一个网站，指定保存位置； 在站点中建立素材文件夹flash和images，主页index.html; 把网页中要用的动画和图像素材复制到对应的站点素材文件夹中； 打开主页，绘制表格：4行1列，宽778像素； 第一行，插入站标图片，沿着图片边缘绘制层，在层中插入动画，设置动画为透明效果； 第二行，导航菜单，使用交互式图像效果制作网站导航菜单； 第三行，网站公告：先把此行分两列，第1列插入图片（如图），第二列输入网站公告文字，切换到“代码”模式，插入marquee代码，制作动态网站公告； 第四行，网站主体：插入主广告，在广告图上绘制层，插入汽泡动画，设置动画透明属性。 ? ? 5分钟 10分钟 20分钟 课堂练习 学生演示操作：根据范例效果，结合老师演示操作，请8名学生合作分步完成整个网页的制作。 ?35分钟 ? 其他 ? 小结与作业 课堂小结 新建站点、素材文件夹、主页； 站标，透明层效果设置； 网站导航，交互式图像菜单； 网站公告，marquee代码。 ? ? ?5分钟 本课作业 填写上机实训报告 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? 漂亮的范例网页，炫丽的动画效果，激发了学生的学习兴趣和热情，他们对本次课的任务兴趣很大，对于本次课安排的案例表现出极大的热情，肯钻肯练，教学效果不错。 ? ? ? 教研组长签字： 年 月 日 2014－2015学年度第一学期网页制作课程电子教案 授课课题：我的第一个网站 授课教师： 蒋红艳 NO： 12-13 授课班级 14春微机、14春商务 授课日期 授课类型 实训课 学 时 数 4 教学目标 掌握透明层的制作； 掌握动态网站公告的制作； 3、掌握交互式图像菜单的制作。 教学内容 尝试使用透明层效果、动态网站公告效果、交互式图像菜单制作自己的第一个网站 重点难点 层的绘制、调整与设置 教学方法 检查、指导 学习方法 动手实训 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 一、布置任务 分发范例网页效果截图（如下） 二、分发素材 向学生分发网页中需要用到的动画素材和图像素材，让学生分类保存到flash和images文件夹中。 三、学生实训 向学生分发已经整理好的实训操作步骤，便于学生实训任务的完成： 建站点：我的第一个网站，指定保存位置； 在站点中建立素材文件夹flash和images，主页index.html; 把网页中要用的动画和图像素材复制到对应的站点素材文件夹中； 打开主页，绘制表格：4行1列，宽778像素； 第一行，插入站标图片，沿着图片边缘绘制层，在层中插入动画，设置动画为透明效果； 第二行，导航菜单，使用交互式图像效果制作网站导航菜单； 第三行，网站公告：先把此行分两列，第1列插入图片（如图），第二列输入网站公告文字，切换到“代码”模式，插入marquee代码，制作动态网站公告； 8、第四行，网站主体：插入主广告，在广告图上绘制层，插入汽泡动画，设置动画透明属性。 四、作业保存、点评 ? ? （学生实训过程中，教师不断巡视机房，查看学生的实训进度，必要的情况下给予指导，对于存在的共性问题，用教师软件进行集中讲解、演示。） 课堂练习 ? ? 其他 ?