1 / 2
文档名称:

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

格式:doc   大小:21KB   页数:2页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

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

分享好友

预览全文

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

上传人:nracyx 2022/1/16 文件大小:21 KB

下载得到文件列表

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

相关文档