网页表格 、网页设计、表格制作.doc

第4讲 教师：王占成 实训日期:　21012 年3月30日2节课 实训题目：表格──布局商务网页 知识与技能： 掌握表格的基本操作与编辑及表格的嵌套 培养学生利用表格布局网页的能力 过程与方法： 以任务驱动为主导，教师引导为辅。通过实训任务展开教学，本课以4部分进行课堂任务训练与实践，教师与学生共同分析、提示课堂任务；并解决问题帮助困难并发挥学生课堂演示与小教师的作用。 情感、态度与价值观： 调动学生主动学习训练的积极性，培养学生主动思考、探究、发现问题、提出问题及解决问题的能力。 养成学生面对问题不畏惧，冷静分析、任务分解逐个突破的发法，从而完成训练任务，增强学生学习、动手实践的自信。 实训目的： 综合运用和处理表格的基本操作，并利用表格对网页进行合理布局商务网页。 实训重点： 巩固表格的基础操作及表格的嵌套，能根据实训要求制作布局商务网页 实训难点： 独立分析、探究商务网页的布局，能独立制作商务网页 实 训 过 程 实训内容及教师活动 学生活动及设计意图 导言： 我们学习了表格的基本操作、表格嵌套及表格布局网页的基本方法。今天我们将利用表格继续进行布局网页。 [回顾与提问]：在正式讲课之前，回顾一下上节课布置的作业 [揭示任务]： 今天我们继续用表格布局商务网页？（看多媒体效果图） 这就是我们这节课的主要任务！ [学生回答]：预习如何利用表格“布局商务网页”的制作的布局分为几部分，分别是哪几部分？ 学生可观看或看教材任务图，调动学生的制作兴趣，进入角色。 实训内容: 一、任务分析 与学生共同分析如何用表格布局？ 1、利用多媒体课件提示，启发学生思考 2、教师总结，共分4部分任务： 准备工作、页眉、正文及页脚的制作 二、实训制作 分 4个任务，逐个完成 (一)、准备工作 1、创建站点及准备相关素材 2、新建index.html 及相关设置 (因任务简单，教师只需巡视、发现不足，帮助困难即可) (二)、使用表格布局页眉 1、多媒体展示任务图(明确任务) 2、请学生参考教材分析布局发法 3、教师总结，并给出合理化建议 4、若需要，教师可做上机演示 (三)、使用嵌套表格布局主体页面 因本任务是本课难点，需教师引导帮助学生细化任务继续分解： 布局：外框、左栏内容 、右栏内容 1、多媒体展示任务图(明确任务) 2、请学生参考教材分析布局发法 3、教师总结，并给出合理化建议 4、若需要，教师可做上机演示 (四)、使用表格布局页脚 1、多媒体展示任务图(明确任务) 2、请学生参考教材分析布局发法 3、教师总结，并给出合理化建议 (因任务简单，教师只需巡视、发现不足，帮助困难即可) (五)、任务规划整理 教师与学生共同总结本实训的制作流程及制作方法。 教师：重、难点的强调 给学生独立思考的空间 因任务简单，所有操作都是利用以前知识，请一位中下游的学生上教师机操作，其他同学独立完成，各小组成互相检查 因涉及到表格的布局，必须利用表格知识，所以请一名中等学生教师机制作及演示；其他同学可小组内共同讨论合作完成 让学生参考效果图进行作品对照，发现不足，小组内解决 学生参与任务分解 本任务是重点及难点，所以分别请3名中等以上学生上教师机制作及演示；其他同学可小组内共同讨论合作完成 让学生参考效果图进行作品对照，发现不足，小组内解决 因任务简单，请一位中下游的学生上教师机操作;其他同学独立完成，各小组成互相检查 学生参与 本课小结： 本课综合运用了表格的基本操作及表格布局网页的基本方法布局了“网上花店”商务网页；表格布网页在我们的网页制作中应用广泛，也是布局网页最常用最便捷的一种方式；所以我们要想学好网页制作，就必须加强这方面知识的训练，争取达到熟练掌握,制作出更好、更漂亮的网页。 实训作业： 布局“馨馨水果网” 要求：把“项目实训\素材”文件夹下的内容复制到站点根文件夹下，然后使用表格布局。 课后总结： 很好，咱们同学完成的都很好，可以看出来在一开始看到这个任务的时候，大家都有一种不自信，觉得自己完成不了，但是经过冷静的思考与分析，把一整个页面布局分成了几个部分，也就是说把一个大的任务分成了几个小的任务，咱们就可以很好的完成了。所以咱们以后的学习和生活当中在面对什么问题和困难的时候，也不要害怕，要学会镇定、冷静思考沉着应对。