网页中的基本元素设计

第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行，单击菜单栏中的“插入” “图像”，在“选择图像源文件”窗口中找到需要的图片并插入，这样就轻松地实现了往网页中插入图片。认真听讲，积极思考，并自己动手操作，掌握技巧和方法。认真听讲，积极思考，并自己动手操作，掌握技巧和方法。认真听讲，积极思考，并自己动手操作，掌握技巧和方法。指导学生设置网页、单元格背景。指导学生添加并编辑文字。通过操作指导学生在表格中插入图片信息。5105三、课堂练习根据上节课堂练习制作的布局表格，设置网页的背景，设置表格中单元格的背景；在表格中添加并编辑文字；在表格中插入并编辑图片。按要求完成作业。组织学生进行练习，巩固学习效果。10四、本课总结本节课，我们学习了设置网页、单元格的背景，在表格中添加和编辑文字以及在表格中插入图片等操作。这样，网页中就有了内容，网页也漂亮起来了，也为以后更深入地学习打下了基础。认真听讲，积极思考。对本节课所学知识进行总结。5教学后记