使用DIV+CSS布局网页说课稿

《使用Div + CSS结构布局“诗歌”页面》说课稿

各位老师：

你们好，我说课的题目是《使用Div+CSS结构布局“诗歌”页面》，下面我从教材、学情、教学目标、教学方法、教学过程、教学亮点与教学反思六个方面对我的教学设计进行说明。

一、教材分析

地位：

《使用Div+CSS结构布局“诗歌”页面》取材于教学参考书《Dreamweaver CS4从入门到精通》第12章内容。它与我们使用教材《Dreamweaver 网页设计与制作案例教程》第7章相对应。

作用：

Div + CSS是一种最新、最科学的网页布局方式，符合Web2.0的技术标准，目前也比较流行的网页布局方式。使用Div + CSS布局可将结构与表现分离，减少了HTML文档内大量代码，只留下了页面结构的代码，方便对其进行阅读，还可以提高网页的下载速度。所以这部分内容是我们学习网页设计非常重要的一部分，学生要重点掌握。

二、学情分析

学生特点：

我授课的对象为高职三年级学生，我们都知道职业学校学生的学习习惯不太好，学习自觉性相对低一些。

知识准备与兴趣：

针对我们本节课内容，学生在前面已经学习了Div标签的插入方法以及CSS 样式表创建方法，了解了其功能，对其有了一定的感性认识，我们重要的是加强学生的实践操作能力的训练。

三、教学目标分析

根据上述教材与学情分析，我设定如下教学目标与重难点：

1．知识与技能目标：

在知识与技能方面要求做到以下几点

1）学会分析页面的结构的方法。

2）能使用div标签定义合理的页面结构。

3）巩固用代码与视图两种方法插入div标签以及向标签内部添加内容。

4）学会利用CSS规则布局美化页面。

2．情感目标：

1）培养学生的审美能力。

2）培养学生的合作精神与协作能力。

3.教学重、难点：

重点：分析页面结构、用div标签定义页面结构

难点：利用CSS规则布局美化页面

四、教学方法

基于以上的教材目标分析和重难点的确定，我根据自己对任务驱动教学法和新课程改革的理论认识，结合授课学生实际，主要采用任务驱动、视频指导教学法。在教法和学法设计上我主要突出以下5个方面：

1.创设项目任务情景，以实际应用中具体的任务引入，充分调动学生探寻问题解决方法的积极性；

2.采用任务驱动，把知识技能的获得融入到具体的目标任务中；

3. 视频教学与教师巡视指导以满足个别学生能力不足的需求；

4.注意留给学生充分的实践与自主学习的时间；

5.注意对学生目标任务完成情况的评价，及时总结强化并提出期望；

因此，针对本节课我的设计思路如下：

围绕“引出任务---分析讨论---任务驱动—实战演练（视频参考）—评价反馈---总结”的思路展开。

五、教学过程

基于对教材、学情、教学目标的分析，我设置了如下的教学过程：

1．课前准备

利用电子教室分发讲义与视频录像资料；并请同学们将机器退回到各自的桌面，准备上课。

我这样做的目的是为了不无谓地占用课堂教学时间，同时也体现了教师备课的充分。

2．引入任务

我的做法是利用电子教室播放效果图，让学生欣赏实训最终的效果图。这样做的目的是创设任务情境，引出本节课的教学内容，明确目标任务；另一方面有

利于激发学生的兴趣和集中他们的注意力。

3．分析任务、得出结论

教师引导学生仔细观看效果图，并试着分析页面的结构，小组成员之间可以互相讨论。这样做的目的是培养与提高学生分析问题与解决的能力。

4．师生互动实训----实战演练

我的做法是根据分析得出的结论，将目标任务分解为多个小任务，让学生在教师演示指导与视频录像教学指导下按小组分步完成实训任务。具体小任务分解如下：

1）在代码视图中输入页面结构的代码。

2）在代码视图中将内容添加到页面。

3）利用CSS美化页面。

●布局头部标题

●布局头部菜单

●布局整体样式

●布局内容区域

●布局右部区域

●布局版权区域

5．学习成果评价

我的做法是利用电子教室教学演示功能展示学生上交的实战成果，每小组随机抽出两份，在小组之间进行评价对比，看完成的情况如何，进行评价。这样做的目的一是为了能促使同学都进行查漏补缺；二是为了让学生有个展示自己的机会，享受成功的喜悦。

6．课堂总结

我的做法是首先提问学生总结，让学生谈本次课的收获，包括知识方法和其他方面。然后教师进行总结，并提出期望。这样做既锻炼了学生的语言表达能力，又给学生进行了一次与同学分享成功的喜悦和交流的机会。

7．作业布置

1）继续修改小组作品。

2）填写实训报告。

3）按照教材提示步骤，完成实训7—使用Div+CSS制作企业网站主页。

总之，对课堂教学的设计与实施过程中，我始终在努力贯彻以学生为主体，以教师为主导，以任务为基础，以能力为主线，注重培养学生的自主探索能力和实践能力为指导思想。

六、教学反思

本节课的教学亮点为：

目标明确、任务引领、视频指导教学、及时反馈

1.课堂教学效果显著，学生主体地位得到了充分体现。

1）教师在课前让同学们自由组合分好协作小组，由于他们是自由组合的，所以成员之间合作非常愉快，大部分小组成员都能积极参与小组讨论与合作中来，都能从中学到真本领，真正意义上体现了学生学习的主体地位。

2）教师在课前将本实训页面中的诗歌内容利用电子教室分发到位，省去了学生录入文字的过程，节省了实训时间。

3）教师在课前将本实训任务制作过程录制成视频教材，利用电子教室分发给学生，部分听课跟不上教师步伐的学生可以边看视频教学边实训，在一定程度上弥补了听课不足。也缓解了教师巡视过程中提问太多，教师一人无法解决的问题。

4）在实训过程中教师不断巡视，及时指导学生，起到了应有的作用，学生的主体地位也得到了很好的发挥。

2教师的主导作用得到充分发挥。

我们职业学校的学生有其独有的特点，都是比较好动调皮的小孩，课堂纪律难以控制。但是此次实训，在教师的引导下，学生实训秩序井然。都能够积极地参与到小组实训中来，没有出现嘈杂混乱现象。这个要得益于本人采取不断地巡视课堂走到学生中间去的做法，同时也得益于本人在课前录制的视频教学录像，学生可以自学，自己解决问题从而少提问的做法。这样做我们既能维持课堂纪律，又能及时地对学生进行问题指导。

3.本次课的不足部分。

本次课个别小组没有预期设计的那么完美，还有待进一步完成。当然我们还