第二单元网站设计与制作第三课编辑美化网页.docVIP

第二单元网站设计与制作 第三课 风采展现——编辑美化网页 学科 信息技术 授课教师 杨超 授课班级 课型 自学+展示+讲解 课时安排 一课时 八年十一班 课题 第三课风采展现——编辑美化网页 教学目标 【知识与技能】 1、掌握网页内容的编辑方法； 2、学会在网页中插入水平线； 3、学会设置网页背景。 4、掌握网页中插入表格的方法； 5、利用已学知识在表格中输入文字和插入图片。 【过程与方法】 1、在引导学生学习知识的同时，也注重能力的培养，在解决问题的过程 中，培养学生的自学能力和对知识的应用能力。 2、在观察、分析和交流的过程中，培养学生的创新思维能力和合作学习 能力，在创作过程中培养学生自学能力和创新意识。 【情感、态度与价值观】 通过学生的动手操作，激发学生的学习兴趣，体验探索与创造的快乐，培 养和提高学生的审美情趣。 【重点?难点】 重点：网页中文字的格式化；插入水平线的方法；插入图片的方法。 难点：水平线的属性设置。 教学方法 本节课的教学内容对学生的后续学习起着至关重要的作用，操作性也很强。所以采用讲解演示、观察比较、任务驱动等教学法。教学中运用富有启发性的教学语言，培养学生观察、分析问题的能力。 课前准备 本课时教学需要在计算机网络教室的教学环境中进行，凡教师展示、讲解部分均采用屏幕广播，并将学生机加以控制，以集中学生注意力。 教 学 过 程 教学过程 教师活动 学生活动 设计意图 课前回顾 1.请同学们回顾网页的基本元素有哪些？ 2.网站建设的一般流程； 学生分组回答并演示 与上节的实验紧密相接，前后相承 导入新知 我们已经会建立了网站，并确立好了主题，现在让我们的网页漂亮起来吧！（学生分组宣读知识探究、重点、难点） 知识与技能 1、掌握网页内容的编辑方法； 2、学会在网页中插入并设置水平线； 3、学会设置网页背景； 4、掌握网页中插入表格的方法； 5、利用已学知识在表格中输入文字和插入图片。 探究重点 1.网页中文字的格式化； 2.在网页中插入水平线的方法； 3.表格在网页制作中的重要作用； 探究难点 1.水平线属性的设置； 2.表格属性的设置。 选各组一生读知识与技能、探究重点、探究难点，其他学生认真倾听 明确学习目标 学 习 新 知 分组学习新知 一组：根据服务器提示步骤及助学资源完成“编辑网页内容”的学习 1.打开主页 2.确定光标位置，输入本组网站的相关文字内容 3.修饰：文字的字体、颜色、大小等 （注：选中文本内容才可以修饰） 4.确定将要插入的图片位置，【插入】→【图片 】 （注：图片尽量不要过大，避免浏览速度变慢 ，指着图片“右击”→“图片属性”可进行外观等操作） 二组：根据服务器提示步骤及助学资源完成“背景设置”的学习 方法一：单一的背景颜色或运用背景图片，【格式】菜单→【背景】 方法二：在编辑区内右键→【网页属性】→【格式】选项卡 三组、四组：根据服务器提示步骤及助学资源完成“插入水平线及设置水平线属性”的学习 1.确定光标，选择菜单栏中的【插入】→【水平线】 （图1） 2.双击水平线对【水平线属性】进行宽度、高度、对齐方式和颜色等设置。 （注：宽度设置有按窗口宽度的百分比和像素值大小设定两种）（图2） 五组、六组：根据服务器提示步骤及助学资源完成“添加表格及表格属性的设置”的学习 方法一：【表格】菜单→【插入】→【表格】 表格属性的设置 1.表格边框设置： 表格上单击右键→【表格属性】对边框进行设置 2.根据内容需要合并及拆分单元格 （注：表格中一个小格为单元格 ，选中行或列进行合与拆） 3.表格背景的设置：【表格属性】→【背景】 4.单元格背景的设置：【单元格属性】→【背景】 师进行重、难点讲解，不对之处加以补充 根据服务器提示步骤及助学资源进行自主学习并找一生演示自己所学 提高学生自主学习能力及互帮互助的学习态度 巩 固 新 知 各组演示知识点后，根据本组主题制作本组自己网页内容并以所学知识进行美化网页。 自主确立主题，进行制作 把创意留给学生 作品展示 展示小组作品并加以展评 使学互相学习，查缺补漏。 让学生互相学习 今日知 一、编辑网页内容：文字的修饰、图片的插入与设置； 二、插入水平线，使你的内容有层次、更美观； 三、网页背景的设置； 四、表格的运用，让信息整齐有序； 五、表格的美化。 谈今日所学 知道本节所学内容 课后反思 学生之间基础差异很大，有的不能很好的编辑内容，导致不能很好的完成本节课的教学任务。有待师生的共同提高，改进方法。