教案：使用表格布局网页.docx

《教案：使用表格布局网页.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯最新料推荐⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯教学内容：项目五表格的应用任务3、使用表格布局网页课程：网页设计与制作专业：计算机授课课时：1课时教师：授课班级：单位：授课时间：教学设计说明：对于使用表格布局“个人写真”首页的任务，我在坚持以教1⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯最新料推荐⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯师为主导，学生为主体的教学原则下，通过复习提问——巩固旧知；创设情景——导入新课，明确任务；提出问题——分析任务，引发思考、课堂讨论、获取知识；讲授点拨——任务实施，引出重点；师生互动，归纳提

2、高——攻破难点五个环节进行教学。在任务实施中采取小组合作完成的方法，以小组为整体回答问题及完成操作性任务，小组评比采用星级制，小组得星数量从多到少评为优、良、合格、差。以此培养学生的合作意识、激发学生积极性及学习热情。授课项目教学目标教学重点教学难点学情分析教材处理教、学法项目五、表格的应用任务3、使用表格布局网页知识与技能目标1．理解表格在网页布局中的重要功能。2．掌握插入表格的相关操作，如插入表格的方法、设置表格和单元格属性的方法、表格结构的调整、表格的嵌套等。3、理解网页布局排版的原则4、将素材插入表格过程方法目标1．通过用表格布局网页，进一步理解表格的作用、功能

3、。2．通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力。情感态度与价值观激发学生制作网站的兴趣，培养严谨的学风，相互协作的合作精神。网页布局表格结构的设计与制作网页布局排版的原则本课程的教学对象是计算机专业二年级学生，具备一定的计算机应用、图片处理软件的基础，并且在之前已经学过了平面设计及Flash动画,在此基础上学习网页设计与制作是有一定的理论及技能基础的。但是也存在着问题：综合应用能力薄弱，自主学习能力较差，学生之间学习水平差异较大。教材所用实例不够典型且与之前技能点联系不够，在此更换实例，同时加入超级链接的元素，使实例成为综合性网站制作实

4、例，以便让学生以小组合作的形式去探索完成。1、教法：案例教学法、任务驱动法、对比教学法2、学法：自主学习法、合作学习法按照异质分组的原则，参与指导小组的划分：小组分配1、组长由成绩好、组织协调能力强的学生担任；2、各小组均有一名技术操作能力较强的学生；2⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯最新料推荐⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯教学资源教学评价体系3、各小组均有成绩优秀、中等和较差的学生；每组选出组长负责分工，确保每人都有分工。本项目以小组（每组5—6人）为单位，通过分析任务单，展开讨论、自主探究、完成任务。由组员推荐或者自荐，进行小组间交流展示。1、

5、多媒体网络教室、互动多媒体软件。2、参考多本同类教材并结合实际需要整合资源。3、选用教参上的典型网页布局实例。教师评价；学生自评；学生互评教学过程设计教师活动教学内容教学准备将本项目完成所需素材、效果图打包发给学生。学生活动学生依据此文件夹创建网站的站点。复习回顾带领学生回顾与本课学习相关的技能点，为进入新课的学习做好准备。导入新课引导学生观察2个网页中的文本、图片等元素的布局，强调两个网页在制作中的区别是前者运用表格进行合理布局，可见布局在网页制作中的重要作用。一、复习回顾1、你所了解的网页有哪些基本元素？2、请总结在网页中插入这些网页元素的方法？3、请创建名为“m

6、ywb”的站点，站点根目为D:/myweb素材二、导入新课看图观察对比2张网页效果图图1图21、复习巩固旧知，小组讨论总结2、明确网页制作员的工作素养——有序、严谨【观看效果图】观看老师展示的2张页面效果图。【学生感受】学生明确表格在网页制作中的的重要作用。提出本次课的任学生明确本课的务。学习任务。3⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯最新料推荐⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯首页效果图三、进入新课任务分析1、任务分析请同学们观察首页的布局，分析首页的版面结构，得出首页表格布局图。【学生讨论】学生在教师的引导下，分析、归纳该页面布局规律。任务实施2、任

7、务实施（一）、插入布局页面的表格并在表格、单元格属性面板中设置表格向学生展示首页表格尺寸图【操作步骤】步骤1：单击菜单栏[插入记录]/[表格]，设4⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯最新料推荐⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯演示操作步骤请学生到教师机上演示表格四的操作。巡回检查学生制作，并针对制作过程出现问题进行及时指正。置：1*1，边框、边距、间距：0；步骤2：单击状态栏[table]标签，设置表格对齐方式为“居中”；步骤3：单击状态栏[td]标签，设置单元格高；步骤4：表格2、3、4的创建方法同上。【提