青岛版信息技术八年级上册《网页的美化》表格式教案附教学反思.docVIP

章 节 第?1?单元　第4课 课 题 网页的美化 课 型 新 授 主备人 主讲人 编号 04 教 学 目?标 一、知识与技能： 了解美化网页的常用方法，理解美化网页对提高网站质量的作用。 二、过程与方法： 学会在网页中设置背景、音乐、FLASH动画和滚动字幕。 三、情感态度与价值观： 提高审美意识，善于发现美，美化生活从自身做起。 重 点 难?点 在网页中设置背景、音乐、FLASH动画和滚动字幕。 教?具 多媒体课件、资料 学?法 教?法 任务驱动、自主学习、小组合作、演示法等综合学习法 板?书 设 计 一、设置网页的背景 二、设置表格的背景 三、插入背景音乐 四、插入Flash动画 教?学?环?节 环节一：创设情景 激发兴趣 教师教学过程 学生学习活动 设计意图 引入课题：前面我们学习了网页制作中最基本的文字、图片、水平线的插入，并且还知道了怎样使用表格使网页中的内容排列的更整齐，层次更分明。这里同学们再考虑你更喜欢什么样的网页？ 生：讨论，回答 创设环境 激发学生学习兴趣 环节二：自主探究 交流分享 教师教学过程 学生学习活动 设计意图 一、设置网页的背景 学生活动：阅读课文第一部分，并利用前面所学内容，给自己的网页加上一个背景，使页面更加美观，更能衬托网页的主题。（教师巡回指导） 练一练：打开“情感小屋”站点，并打开主页文件Index.htm，在“网页属性”对话框“颜色”栏中设置文本和背景的颜色，并进行预览。 根据教师提供的导学案，进行操作练习，掌握本课的操作技能 让学社在任务中突破本课的重点 环节三： 合作学习，释难解疑 教师教学过程 学生学习活动 设计意图 二、设置表格的背景 比较：观察两幅电视背景墙效果图，比较多色彩背景墙和单色背景墙哪种让客厅更加充满活力？ 通过比较，同学们知道了多色彩背景墙可以让房间显得更加生动活泼，在网页中我们也可以通过设置表格或单元格的背景来达到局部色彩的变化，使网页变得生动有活力。 方法：将光标定位在某一单元格内，单击鼠标右键，在快捷菜单中选择“表格属性”或“单元格属性”分别进行设置。 练一练：在你的网页表格中，先后设置不同的背景颜色和背景图片，体验背景对网页的美化作用 根据教师提供的导学案，进行操作练习，掌握本课的操作技能 自主探究完成操作，小组评价指出优缺点，演示操作共同提高 环节四：作品展示 评价提高 教师教学过程 学生学习活动 设计意图 三、插入背景音乐 学生活动：通过阅读课文，小组合作，在“情感小屋”站点中插入一个背景音乐。 教师总结：在网页中单击右键，选择“网页属性”命令，在对话框中进行设置。 四、插入Flash动画 步骤：“插入”----“高级”----“插件”，在“插件属性”对话框中进行设置。 练一练：将光标定位在网页的适当位置，选择插入一个Flash动画文件。反复修改对话框中各参数的值，体会不同参数值的不同效果。 进行操作练习，掌握本课的操作技能 自主探究完成操作，小组评价指出优缺点，演示操作共同提高 环节五：梳理总结 形成构架 教师教学过程 学生学习活动 设计意图 小组合作思考操作：怎样可以让你网页中的文字或图片动起来，使它们更加醒目呢？ 教师总结：“插入”----“组件”----“字幕”，在“字幕属性”对话框中进行设置。 练一练：将光标定位在输入标题的单元格内，按照上述步骤进行插入字幕的操作。 思考、回答 梳理、总结 引出新的问题，让学生课后探究，进行拓展学习。 教后反思：