第9课 网页中的基本元素设计.docVIP

第9课 网页中的基本元素设计 科目 信息技术 年级 七年级 班级 课时 1课时 课型 新授课 时间 课题 网页中的基本元素设计——设置网页背景、在网页中添加文字、图片 教 学 目 标 知识能力品德 1．熟练使用Dreamweaver8。 2．学会用Dreamweaver8设置网页背景，为网页添加和编辑文字图片。 3．培养学生积极思考、主动探求知识的态度。 教学 重点 难点 重点： 用Dreamweaver 8设置网页背景、添加文字、图片的基本操作。 难点： 在网页中添加并编辑图片。 板书 设计 示意 框图 第九课 网页中的基本元素设计——设置网页背景、在网页中添加文字、图片 设置网页、单元格背景 添加和编辑文字 在表格中插入图片 教 学 准 备 知识准备：计算机基础知识及Dreamweaver的基本操作技能。 硬件准备：多媒体教学工具。 软件准备：Dreamweaver 8。 教 学 过 程 教师活动 学生活动 教师意图 时间 一、课前导入，任务介绍 小明完成了对“初258班----我们的大家庭”网站首页中板块内容和布局类型的确定，并用Dreamweaver8对网页进行了表格规划。规划后的页面并没有内容，这节课我们就和小明一起来为网页添加内容，设置背景，让网页变得漂亮起来。 认真阅读教材，积极思考。 引入课堂，让学生完成过渡。 3’ 二、设置网页、单元格背景，为网页添加文字、图片。 1．设置网页、单元格背景 【操作演示】进入Dreamweaver 8界面后，执行“页面属性”→“浏览”命令，在“选择图像源文件”窗口中，找到背景图片后执行“确定”→“应用”命令，就完成了网页背景的设置。 要对一个单元格进行背景设置，先选中要设置的单元格，单击“属性面板”中“背景”后的文件夹图标，在“选择图像源文件”窗口中找到背景图片后执行“确定”就行了。 2．添加和编辑文字 【操作演示】在“标题栏”中输入文字“初258班——我们的大家庭”，选择文字“初258班——”，在属性面板上设置文字大小为“36”、“宋体”，“我们的大家庭”设置成“24”、“宋体”。同样，我们在“导航栏”、“内容区”、“信息栏”输入文字内容，并对其设置大小、字体。 3．在表格中插入图片 【操作演示】选定“图片区”单元格，拆分成2行，单击菜单栏中的“插入” →“图像”，在“选择图像源文件”窗口中找到需要的图片并插入，这样就轻松地实现了往网页中插入图片。 认真听讲，积极思考，并自己动手操作，掌握技巧和方法。 认真听讲，积极思考，并自己动手操作，掌握技巧和方法。 认真听讲，积极思考，并自己动手操作，掌握技巧和方法。 指导学生设置网页、单元格背景。 指导学生添加并编辑文字。 通过操作指导学生在表格中插入图片信息。 5’ 10’ 5’ 三、课堂练习 根据上节课堂练习制作的布局表格，设置网页的背景，设置表格中单元格的背景；在表格中添加并编辑文字；在表格中插入并编辑图片。 按要求完成作业。 组织学生进行练习，巩固学习效果。 10’ 四、本课总结 本节课，我们学习了设置网页、单元格的背景，在表格中添加和编辑文字以及在表格中插入图片等操作。这样，网页中就有了内容，网页也漂亮起来了，也为以后更深入地学习打下了基础。 认真听讲，积极思考。 对本节课所学知识进行总结。 5’ 教 学 后 记 1