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

网页制作——利用表格进展页面布局
教学目的：
【知识和技能目的】
1．稳固前面所学的知识，熟悉表格的使用方式。
2．合理利用表格设计网页整体的框架。
【过程和方法】
1．展示两组素材一样而布局不同的网页，让学生进展比较。
2．网页制作——利用表格进展页面布局
教学目的：
【知识和技能目的】
1．稳固前面所学的知识，熟悉表格的使用方式。
2．合理利用表格设计网页整体的框架。
【过程和方法】
1．展示两组素材一样而布局不同的网页，让学生进展比较。
2．通过对已有网页的分析，启发学生联想，通过讨论、总结，诱导学生创造出自己的网页构造。
【情感、态度和价值观目的】
1．通过启发式教学，激发学生的学****兴趣，培养学生对页面的整体规划才能、审美才能和创新才能。
2．在布局网页页面活动过程中让学生体验到成功的喜悦和成就感。
教学重点：学生自主的运用表格设计网页框架。
教学难点：运用表格的嵌套和谐布局网页。
教学过程：
教学环节
老师活动
学生活动
一、导入：
复****网站设计的流程。提出网页构造设计在网站制作展示：两张素材一样布局不同的网页。
提问：哪张较美观？较美观的那张网页是怎么布局的？
1．回忆网站制作的步骤。
2．观察和比较两张素材一样布局不同的网页，并确认哪张较美观？分析布局网页页面的元素。
二、新授：
（一）分析表格构造布局
归纳：（引出课题）较美观的一组是利用表格来布局的。
提问：谁能看出这张网页中所隐含的表格是几行几列的？
展示：分析表格的构造。
分析网页中所隐含的表格构造。
（二）插入及编辑表格并完成页面布局
问题：如何对表格进展处理而使页面布局更合理？
演示：以较差的那张网页为例，进展插入表格和编辑表格（合并或拆分单元格）的理论操作。
归纳：表格布局的步骤。
1．答问题：需要编辑表格。
2．观察老师进展合并或拆分单元格的理论操作。
3．参和归纳“利用表格布局网页页面的步骤”。
知识点概述：《插入表格方法》
1．单击“表格”菜单，然后单击“插入”中的“表格”；
2．在弹出的对话框中选择适宜的行和列数等其他表格属性并确定。
3．对于布局网页页面时需根据实际的页面布局来处理表