浙教版八年级上册第十二课 用表格为网页布局表格教学设计及反思

这是一份浙教版八年级上册第十二课 用表格为网页布局表格教学设计及反思，共2页。教案主要包含了规划主页布局，表格属性设置，作品展示等内容，欢迎下载使用。

1. 认识网页布局的重要性及网页布局风格的应用。
2. 学会并熟练掌握插入表格、编辑表格、设置表格属性的技能。
3. 学会利用表格合理布局网页页面。
4. 培养学生审美能力、组织设计能力、合理评价自己及他人作品的能力。
2学情分析
在此之前学生已确立网站主题，用Frntpage 2003建立站点，初步建立首页，了解了网站制作步骤及制作工具。这节课是真正开始制作网页的第一课，对整个网站的制作起着承前启后的作用。七年级学生对于能够亲手制作网站有一定的热情，能够较为认真主动地学习制作，但网站制作的初学者，往往不太重视网页布局，制作出来的网页无法达到美观、合理的要求。学生在课前练习中就明显的反映出这个问题，学生虽不满意自己的作品，却没有意识到问题的关键所在，需要教师引导。因此，学生发现这个问题之后，分析问题（让学生意识到布局的重要性），解决问题（如何合理的布局，如何实现布局）是本课要实施的教学内容。
3重点难点
重点：1、理解布局在网页制作中的作用，及不同网页布局的应用。
2、插入表格，对表格进行合并、拆分等方式进行调整，设置表格属性。
难点：网页布局的应用、设置表格属性。
4教学过程
以中国的首个空间实验站——天宫一号为话题，与学生一起讨论空间站的布局。指出，在空间站里，无论是功能区的划分还是搭载物的确定，都是经过精心布局的。布局是非常关键的一步。平时做事的时候应该养成事先布局的习惯。同时，布局是有其文化内涵的，特定的布局风格能传递特定的思想和情感。网页建设也是一样的，除了网页内容，网页的布局也传递着网页的文化和思想，烘托网页的主题。所以，今天我们的任务是为网页布局。
一、规划主页布局
通过几个网页实例，让学生体验不同的网页布局风格传递了什么样的思想，适用于什么类型的网站。讲解网页布局风格应用在这几种不同网站中的不同体现。再展示2个隐去了标题的不同类型的网站，请同学们根据网页布局的风格判断网站类型。
指出网页要素。指出制作个人网页时，可以发挥自己的创意设计网页布局，把网页设计得个性、灵动、富有创意。强调要让访问者感觉网页布局能烘托主题、简洁、美观、操作方便。
展示教师设计的网页布局，阐明设计意图。请同学们自己选择主题为主页设计一个网页布局图。教师巡回了解学生的设计意图，加以指导。
设计完后展示学生作品，由学生阐述设计意图，加以适当的评价。
二、在FrntPage中用表格实现布局
提问学生先前在Frngtpage中输入文字插入图片过程中遇到什么困惑？我们在Wrd中是如何实现图文定位的？FrntPage中没有Wrd的图文混排功能。那么如何在FrntPage中解决文字、图片等多媒体在网页中的准确定位？实现网页的布局？
展示网页的编辑视图，引导学生注意到利用表格布局可实现对网页内容方便的定位。
展示教师的布局图，讲解如何用表格实现此布局图。
回顾wrd中的表格制作，包括插入表格、编辑表格等操作。告诉学生在Frntpage中表格制作方法与Wrd中类似。鼓励学生尝试在Frntpage中制作表格。请一位学生演示并解说FrntPage中表格的插入、合并单元格、拖动表格边框等一些操作。
请学生根据自己的网页布局绘制表格。在表格里面插入相应的内容，文字、图片等。教师巡回，个别辅导
三、表格属性设置
展示教师或学生的实例，切换至预览视图，预览效果时，同学们发现了什么问题？
隐藏表格线可以通过设置表格属性来完成，请同学借助帮助文件自主探索，找到答案。请学生演示设置表格属性，边框线粗细为0.
四、作品展示、评价
同伴间展示自己的作品，对照评价表中的标准对作品进行自评、互评
作品展示，相互欣赏
学生评价，整体协调性，美观性
3. 评价标准：评价表