网页制作--利用表格进行页面布局教案oc.doc

网页制作——利用表格进行页面布局教学目标：【知识与技能目标】1．巩固前面所学的知识，熟悉表格的使用方式。2．合理利用表格设计网页整体的框架。【过程与方法】1．展示两组素材相同而布局不同的网页，让学生进行比较。2．通过对已有网页的分析，启发学生联想，通过讨论、总结，诱导学生创造出自己的网页结构。【情感、态度与价值观目标】1．通过启发式教学，激发学生的学习兴趣，培养学生对页面的整体规划能力、审美能力和创新能力。2．在布局网页页面活动过程中让学生体验到成功的喜悦与成就感。教学重点：学生自主的运用表格设计网页框架。教学难点：运用表格的嵌套和谐布局网页。教学过程：教学环节教师活动学生活动一、导入：复习：网站设计的流程。提出网页结构设计在网站制作展示：两张素材相同布局不同的网页。提问：哪张较美观？较美观的那张网页是怎么布局的？1．回顾网站制作的步骤。2．观察和比较两张素材相同布局不同的网页，并确认哪张较美观？分析布局网页页面的元素。二、新授：（一）分析表格结构布局归纳：（引出课题）较美观的一组是利用表格来布局的。提问：谁能看出这张网页中所隐含的表格是几行几列的？展示：分析表格的结构。分析网页中所隐含的表格结构。（二）插入及编辑表格并完成页面布局问题：如何对表格进行处理而使页面布局更合理？演示：以较差的那张网页为例，进行插入表格和编辑表格（合并或拆分单元格）的实践操作。归纳：表格布局的步骤。1．答问题：需要编辑表格。2．观察教师进行合并或拆分单元格的实践操作。3．参与归纳“利用表格布局网页页面的步骤”。知识点概述：《插入表格方法》1．单击“表格”菜单，然后单击“插入”中的“表格”；2．在弹出的对话框中选择合适的行和列数等其他表格属性并确定。3．对于布局网页页面时需根据实际的页面布局来处理表格（合并、拆分）。三、学生实践操作练习：辅导：教师巡视各小组的实践操作练习，对特殊学生给予较多的个别辅导机会。进行“表格布局网页页面”的实践操作练习并进行交流展示。*特殊学生：允许完成一张网页的表格布局。教师给予较多的个别辅导机会。*天才学生：完成多个网页的页面布局。四、作品的展示交流评价：对学生的实践作品进行总结性归纳。以网页上各类素材间整体布局的合理性、谐调性和美观程度为指标进行评价。五、总结：老师对学生操作过程中发现的问题加以强调，并总结利用表格布局网页页面的优点。参与归纳“利用表格布局网页页面的优点”。六、作业：课后要求学生以小组为单位分工好每人负责的网页页面，并预先在草稿纸上设计好，以便上机操作时更快捷的完成页面布局。学生根据分工，预先在草稿纸上设计好表格布局网页的草图，以便上机操作时更快捷的完成网页布局。教学后记：