用表格结构制作网页

《用表格结构制作网页》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、用表格结构制作网页一、教材分析：教材分析：运用表格结构进行网页布局设计，是一个很重要的手段。在教材中，本节课是运用表格设计的第一节课，重点放在让学生对用表格设计网页有个整体的“感觉”，能够有意识地使用单元格之间的差异做出整齐、美观的网页。而表格方面的操作由于和soNormalstyle="MARGIN:0cm0cm0pt;LINE-HEIGHT:22pt;mso-line-height-rule:exactly">二、教学目标:1、掌握在frontpage中如何插入表格、并进行大小调整、拆分单元格等操作，达到理想的网页布局。2、掌握表格属性设

2、置（主要为边框设置），单元格属性设置，对单元格进行个性化设置，达到布局美观、整齐、醒目的效果。3、掌握在单元格中插入文字、图片等，并进行美化。了解用表格结构设计网页的特点，有整体设计布局的意识。4、逐步养成自己探究、同学讨论、互助的好的学习习惯。5、培养学生在网页设计上的整体布局意识，有审美观。三、教学重、难点：重点：表格的插入及其编辑，表格、单元格属性设置，在表格中插入文字与图片，表格在网页中的作用，网页整体设计布局的意识。难点：通过对表格、单元格进行个性化设置，达到理想布局效果。四、教学方法：自学探究法操作任务简单明了：让学生先模仿制作一

3、张表格网页。要求每个学生新建网页中的表格由四个单元格构成，然后把操作任务分为三步（分步一、分步二、分步三）。将班上同学分为三个部分，每部分自己根据学件探索、看书、同学讨论完成。然后每部分派代表来示范操作。这样可避免因为自己摸索全部任务而时间不够，并且能够加强学生间的相互合作精神。五、教学准备：下载sohu页面，给学生示例；课件（即学件）用表格结构的网页制作，首先让学生有心理上的感受。六、教学过程：教学内容教师活动学生活动一、新课导入二、提出学习目标三、学生分组自主完成一个部分学习任务四、问题解析（学生演示讲解）五、完善作业五、总结通过上一届学

4、生作业与自己作业的对比，引出用表格结构制作网页，再介绍sohu等网站也是表格设计，突出表格结构的优点。打开课件，提示学生：该课件的网页大部分是表格结构，有些不是，本节课将感受到表格结构网页的布局优势。向学生介绍学法：由于在Frontpage中表格的插入、属性设置等操作和soNormalstyle="MARGIN:0cm0cm0pt21pt;TEXT-INDENT:-21pt;LINE-HEIGHT:12pt;mso-char-indent-count:-2.0;mso-line-height-rule:exactly;mso-element:

5、frame;mso-element-frame-hspace:9.0pt;mso-element-so-element-anchor-vertical:paragraph;mso-element-anchor-horizontal:margin;mso-element-top:10.4pt;mso-height-rule:exactly">布置学习要求：一、先要求所有学生新建一张网页，然后，在网页中插入一个表格，调整到适当大小和位置。二、将全班同学分成三部分：分别完成“分步任务一”、“分步任务二”、“分步任务三”。任务一：给“上”和“中”单元

6、格加上背景色，并在“上”单元格打字，注意美观和整齐。任务二：在“左”和“右”单元格里加上背景图片，并在“左”单元格里打字，注意整齐美观。任务三：将整个表格的边框线隐藏起来！然后在“中”单元格里插入一幅图片，并注意整齐美观。在其他三个单元格里各打一个字。要求三个部分分别派一名学生上讲台演示操作。过程中根据学生作业情况点评。要求学生完成全部作业。本节课我们学习了如何用表格结构来做网页，包括如何插入表格、调整表格边框、单元格属性、在单元格中插入文字、图片等。通过以上知识点的灵活应用，能够使网页布局整齐、美观学生观看、感受、比较学生观看、感受、比较、

7、讨论、思考学生开始积极思考。学生积极动手完成作业。同学之间互相讨论。操作提示：学件、课本。看同学演示老师点评，补充、纠正自己的知识点。完成全部作业回忆本节课知识点。作业存盘上交。[感谢阅读这篇文章，..，]