一、教学目标
知识与技能目标:能够依据原先设计构想的思路制作分栏目的页面;学会新建各式网页并加以命名;会用制作网页的几种技巧充实分页面的内容。
过程与方法目标:通过完善分页面中的版面布局,进一步巩固表格及单元格的属性功能。
情感态度价值观:通过任务驱动的形式,培养学生小组合作精神,竞争意识,团队意识;制作分栏目页面的工作量比较大,这可以培养学生的耐心以及想象能力。
二、教学重难点
教学重点:建立网站分页面;
教学难点:灵活运用表格与单元格的设置技巧。
三、教学准备
网络教室,示例网站,素材库。
四、教学过程设计
一、导入
欣赏前几届学生做好的完整的网页实例,要想丰富自己的网页内容,一般情况下,我们可以新建几张网页。
设计意图:选择学生自己的作品, 比较的贴近学生自己的构思,激发学生学习的热情,建立自己的学习信心。
引入今天的新课:建立分页面
二、新授
在新建分页面之前,应该对自己之前做的主页的构思要清楚,所有的分页面都是紧紧的和主页面的创作思路联系在一起的。那么如何新建分栏目页面呢?
(一)建立分栏目页面
给出教师课前准备好的PPT课件,上面有新建分栏目的方式以及不同方式的一些区别。
演示课件内容,讲解一些注意事项(如:对与分栏目的命名和保存等)
设计意图:将具体的操作过程在课件中展示出来,可以防止学生在具体操作的时候忘记,能够随时的进行参阅。也可以培养学生的自学能力。
教师巡视,随时解决学生在操作过程中遇到的问题,遇到共性的问题让学生停下来集中进行讲解。
引导学生注意对分页面的命名和保存的位置。
(二)充实分栏目网页内容
制作分栏目网页和制作主页的方法基本是相同的。
回顾温习对主页面的版面设计布局,并且向学生展示几张不同的表格属性设计,引出对表格布局制作的几个技巧。
设计意图:通过不同表格之间的对比,可以让学生更加明朗的学习这块内容。
教师结合课件内容,讲解在分栏目中充实内容的方法。通过教师演示,讲解补充的网页制作的几个技巧(表格的修饰)(日积月累,亲身体验)了解单元格间距和单元格衬距),教师在这里通过比较的方法突出不同技巧带来的不同效果,简单的介绍阅读材料《使用CSS样式表》。
设计意图:对比教学法可以让学生对于网页的不同效果有一定的评价标准。
将学生分成若干个小组,每个组有一个组长,每个小组完成一个分栏目建立的任务,最后有组长负责整理汇报自己的成果,并且传到指定的位置。
教师在学生中巡回检查与辅导,随时解决学生在实践过程中遇到的问题,并且引导学生注意使用网页的制作技巧的同时,要合理的将资料分类管理,以便整理中有序清楚。同时鼓励有能力的学生,去寻找更好更多的技巧去处理页面制作的技巧。
设计意图:学生在任务的驱动下可以培养学生的自主学习能力。在学生操作过程中,为学生提供一定的帮助,可以让学生及时的得到问题的解决,教师在学生中巡回,有助于及时的发现学生的问题,可以有效的调控。
三、课堂总结
引导学生进行汇报和交流,对作品中的问题给予一定的指正,对于点滴的成绩给予一定的肯定和表扬,并且要控制好点评的时间。
设计意图:锻炼学生的信息整理能力和语言表达能力。
评选出比较好一点的小组作品,向大家一一展示,并给予一定的表扬,并且请优秀的小组学生讲解自己制作过程中的一些技巧。
设计意图:培养小组协作精神,培养学生归纳总结能力。
教师做最后的总结性评价。
四、《网页中CSS样式表的使用》微练习
1.以下关于“CSS样式表”的说法正确的是( )。
① 网页中使用了CSS样式表,是可以清除已应用样式的。
② 网页中使用了CSS样式表,就不可清除已应用样式的。
③ 同一个网页中不能应用多个CSS样式表。
④ 同一个网页中能应用多个CSS样式表。
A) ①③ B) ②④ C) ②③ D)①④
2.创建标题字新样式中可以设置参数有( )
A) 字体、大小、链接 B) 字体、颜色、动画 、
C) 字体、颜色、链接 D) 字体、大小、颜色
3.请尝试在一张网页中应用多个CSS样式。
五、教学反思
本课采用分层教学和合作教学相结合的方式展开,在保证学有充足时间进行分页面制作的前提下,让学生掌握处理表格的两项技巧——调整表格制定宽度和改变表格线外观。对于阅读材料《使用CSS样式表》,只是课堂上做了简单的介绍,学而有余的学生可以尝试使用CSS样式表提高网页制作的工作效率。