网页制作教案

网页制作教案 IMB standardization office【IMB 5AB- IMBK 08- IMB 2C】

课堂任务快速建站技术—模板的应用

课程名称：利用模板快速建站

课时数：4

教学目标：

知识与技能：了解模板的定义，模板的可编辑区域的定义。

过程与方法：掌握在网页中创建模板的三种方法；

掌握模板的可编辑区域的定义、建立和取消；

掌握模板的应用和取消；

掌握如何将模板从网页中分离出来；

掌握使用模板快速建站；

情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。

教学重点：

在DreamWeaver8中创建模板和应用模板。

教学难点：

学会模板的可编辑区域的定义、建立和取消。

教法：

任务驱动法

学法：

记录关键步骤，积极动手练习。

课前准备：

第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。

教学过程设计：

（一）导入设计：

我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。

（二）新课讲解设计：

（1）请学生带着以下问题阅读P110～115知识预读，问题如下：

A、模板的定义？

B、模板创建的三种方式？了解资源面板的使用方式。

C、学会模板的可编辑区域的定义、建立和取消；

D、学会模板的应用和取消；

E、学会如何将模板从网页中分离出来；

（2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。

（3）教师在学生回答问题的同时，总结评价并补充相关要点。

（4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。（5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。（6）请一位学生上台操作，其他学生完成相同操作。可以参考视频快速建站技术－模板的应用.wmv。教师巡视指导。

（7）教师总结评价学生完成情况。

（8）课堂比一比：将学生分组，根据已学知识，美化已完成的网站,学习使用模板快速更新网站的技术。可以参考视频快速建站技术－模板的应用(快速更新).wmv。将作品提交后由学生评比。（增强学生学习积极性。）

（9）教师评价各组提交的作品。

（9）学生完成任务一对照练习第1、2两题。个别点名回答，检验教学成果。（三）小结和作业：

小结：

（1）什么是模板？

（2）

（3）如何创建模板（三种方式）

（4）模板的可编辑区域的定义、建立和取消

（5）如何应用和取消模板

（6）如何将模板从网页中分离出来

作业：

（1）填写《任务评价表》并上交

（2）完成任务一第3题