《美化网页》教学设计

1、美化网页教学设计 一、学习者分析 教学的对象是初中二年级的学生。在学习本章节之前，学生已经学习了网络基础知识，具有一定的使用计算机的能力；而在本章前面的学习中，学生学习了如何建立一个（本机内的）站点和网页的建立与保存，对网页编辑等有一定的基础，而且对制作网页有较高的兴趣。 二、教材内容分析 1.本节的主要内容及在本章中的地位 本节是网页制作中最重要、最精彩的部分，也是学习网页制作的重点内容。正是由于有了各种美化网页的方法，网页才会显得吸引学生的学习。因此，要通过本节的学习，充分激发学生的学习兴趣。 2.教学重点、难点： 重点： （1）表格的制作与属性的设置； （2）插入图片与图片的处理； （3

2、）超链接的制作及设置； （4）横幅广告管理器的设置； （5）悬停按钮的设置与运用。 难点： （1）表格的修饰； （2）超链接的制作及设置；。 （3）横幅广告管理器的设置。 3.课时安排： 第三节美化网页使用四个课时学习，其中，第一课时：表格的制作与设置；第二课时：插入图片与动画；第三课时：超链接的使用；第四课时：网页修饰、按钮与横幅广告管理器。 三、教学目标 1.知识与技能 （1）掌握网页中运用表格的方法； （2）掌握网页插入各种图片的方法； （3）学会应用超链接； （4）学会设置网页背景、移动字幕，设置横幅广告管理器和制作悬停按钮的操作。 2.过程与方法 （1）通过美化网页的各种方法的学习，

3、让学生从制作的层面认识网页世界； （2）通过制作网页的实践，让学生掌握网页制作的基本方法。 3.情感态度价值观 通过表格、图片、按钮、声音、超链接等的实现，体验制作网页的成功感，激发学生的创作欲望，使学生形成主动学习的态度，积极参与到信息技术的学习中来，并在学习的过程不断提高综合运用信息技术的能力。 四、教学理念和方法 注重以学生为主体，让学生主动探索，主动地构建知识体系，把理论知识运用到实践。同时也倡导学生互相帮助进行学习，培养合作观念。 五、教学过程设计 1.教学内容的组织与呈现方式 课程围绕网站名城广州的制作，通过实际的问题引出所学知识，把网页表格、图片、超链接等等逐一展现，让学生把细化

4、的知识逐一击破，再把所学知识应用到创作中去，逐步构成自己所要完成的作品，充分调动学生学习的积极性与灵活性，同时充分利用多媒体电子教室控制系统屏幕广播功能进行实时演示与讲述，提高课堂效率。 2.教学过程 第一课时 表格的控制 教学环节 教师教学 学生活动 设计意图 引入新课 展示利用表格组织的网页效果，引入新课： 观察与思考。 吸引学生，引入新课。 表格的组成知识点教学 表格的几个部分组成： 表头、行、列、单元格、边框。 学习与认知。 了解表格的组成。 插入表格知识点教学 提问学生演示：三种插入表格的方法： 1、使用【插入表格】工具按钮； 2、使用【表格】菜单命令； 3、使用手工绘制表格。 观察

5、与学习。 由学生演示，学生之间有对比。 学生练习：用三种方法分别画出三个指定的空白表格。 做练习。 掌握三种画表格方法。 表格的基本操作学习 学生与教师同步操作： 1、 合并单元格； 2、 在表格中插入表格； 3、 删除单元格； 4、 选定行、列、单元格、表格、多行、多列； 5、 插入行、列； 6、 拆分单元格； 7、 调整行宽、列宽。 仿做、练习。 掌握表格的最基本操作。 设置表格的属性 在表格的单元格中添加文字、图片等，然后设置【表格属性】： 对齐方式、单元格边距、单元格间距、边框粗细（如不显示外边框，可将此值设为0）、设置表格的背景颜色、背景图片等。 仿做、练习。 掌握表格的最基本操作。

6、 设置单元格的属性 包括：对齐方式、行跨距、列跨距、指定宽度、指定高度、边框颜色、亮边框、暗边框、 背景等。 根据教师提示自己学习设置。 掌握表格单元格的最基本操作。 练习 利用表格设计出华夏学校主页的布局。 设计与练习。 让学生偿试运用。 小结 各知识点的掌握情况。 回顾知识。 重复记忆。 第二课时：让网页变得多姿多彩 教学环节 教师教学 学生活动 设计意图 新课引入 发送教学素材。 提问表格的作用。 引出：如何制作图文并茂、生动活泼的网页？ 插入图片、插入动画、插入音乐、插入视频、插入特效、 思考和回答和学习。 吸引学生，引入新课。 插入图片知识点教学 任务一：给网页添加图片元素 （1）在

7、网页大标题处插入一图片。 （2）在第三行第一单元格插入一图片。 （3）在“优秀学生介绍”下插入4张人物图片。 使用FrontPage打开所发送素材中“学生练习”这一网页，然后完成任务一。 自主探究： 结合所学知识完成任务一。 子任务： 将人物图片背景设置透明。 教师个别辅导。 转播展示部分学生练习结果并点评。 指明图片工具栏的使用。 完成子任务； 比较与观察。 学习设置，使用图片与背景融为一体。 让学生通过对比加深学习。 设置图片效果知识点教学 任务二：设置图片效果 （1）给第一张图片添加“华夏学校主页”几个字； （2）将第二张图片旋转180度； （3）将人物图片设置为按钮效果。 通过教程进行自主学习，同桌同学进行协作学习完成任务二的内容。 掌握在图片上添加文字、旋转图片等特效。 展示学生作业，点评作业。并让学生演示操作。 比较与观察。 部分学生未掌握的可从中学习。 学习在网页中插入动画 任务三：在网页中插入动画 （1）在网页第二行第一单元格插入一gif动画； （2）在第四行第二单元格插入一flas