制作网页模板

第6课事半功倍

——制作网页模板

教学目的：

知识与技能：1、掌握制作网页模板流程及方法。

2、会定义“可编辑区域”。

过程与方法：首先教师通过作品展示，让学生了解什么是模板

及创建模板的意义，激起学生的学习欲望，再通过

分析作品、分解任务让学生明白这堂课的学习目标

和任务，之后用尝试法先让学生尝试创建网页模板，

以培养学生的主观能动性和发现问题的能力，再通

过教师的讲解与演示，让学生学会创建网页模板，

之后用任务驱动的方法让学生用已学知识和组内

交流、求助等方法完成网面模板的编辑，再通过尝

试法、教师的讲解与演示法，让学生掌握可编辑区

域的定义，来最终完成网页模板的制作。在此过程

中掌握本堂课要学习的知识点。

情感与价值：让学生感受“事半功倍”。还有就是培养学生的合

作意识各独立意识。

教学重点：

创建模板、定义可编辑区域。

教学难点：

“可编辑区域”的理解

教学方法：

作品展示法、任务驱动法、对比法、讲解演示法、尝试法、交流合作法。

教学用具：

机房及相应教学软件。

教学课时：

1课时

教学过程：

一、复习

1、上节课所学内容？（制作框架网页）学会了什么？（创建框架

网页的方法及保存方法，进一步熟习了利用表格规划网页布局和编辑网页的一些操作技巧，如：更改网页背景色、插入图片、通过属性检查器设置背景图片、设置链接等）。

2、花费了几节课（3节课），对，耗费了我们大量的时间和精力。

（只是简单的一张网页）

二、导入新课

思考：我们在开发网站时会需要制作大量的网页，其中很多网页会用到相同的布局、图片和文字等元素，要一一制作吗？（不要，太费时、费力了）那怎么办？同学们想个办法。噢，终于有同学想到了办法——模板，对我们可以事先制作好网页模板，再用模板生成网页就会事半功倍。今天我们就学习——制作网页模板。（板书课题）

三、新授

教师：1、讲解什么是模板，于PowerPoint的母板对比、做点心对比、和玩橡皮泥对比。

2、展作品。（网页模板）

3、分析作品。

A、与普通网页的不同。（可编辑区域的出现）

B、网页模板的作用。（快速生成网页、避免重复工作、快速更改网页）

C、网页布局。

D、网页栏目。

4、分解任务：创建、编辑、定义可编辑区域

过渡语句：你已了解了这堂课的流程和任务，接下来我们就进入第一个环节，完成我们的第一个任务——创建网页模板。请同学们启动Dreamweaver并打开自己的站点。

学生：启动Dreamweaver并打开自己的站点。

教师：如何创建网页模板呢？你想尝试一下吗？那就赶快动手吧！

（提醒学生和PowerPoint中的母板对比）

学生：寻找制作网页模板的方法，与PowerPoint中的母板的做法相对比。（3分钟）（组内可交流合作）PowerPoint中的母板

教师：找到了吗？

1、有，则表扬、肯定学生的操作能力，并让学生演示其操作过

程，教师再作详细的补充说明。

2、无，则详细的讲解并演示其操作过程，强调：资源面板、模

板按钮、模板文件名为module。（说明：这是本堂课重点要学习的知识之一，是新的内容、是和PowerPoint中的母板内容不同的地方，同学们找不到相应的方法也是情理中的事，不要灰心）

学生：根据教师的讲解与演示创建网页模板。

教师：1、让学生举手示意是否完成，监控、并个别辅导。

2、待所有学生完成创建任务后，提示学生回到文件面板，

并观察文件面板中有什么变化。（多了一个文件夹

Templates）

3、告诉学生在模板创建成功时，系统会自动在根目录下生

成Templates文件夹，并将生成的网页模板存放在此文件

夹中。

4、提问：你的根目录下有这个文件夹吗？文件夹中有

module文件吗？（有）看看它的扩展名是什么？（.dwt）过渡语句：好，同学们都已创建好了模板，可它只是一个空白的页面，接下来我们就进入今天的第二个任务——编辑网页模板。教师：既然要编辑网页，我们就要整理好相关的文件夹和素材，跟之前几课一样，你能做到吗？（任务驱动）

学生：1、创建相关文件夹、整理素材。

2、利用表格规划模板网页。（参照课本38-40页）

3、修饰表格。（参照课本40页DIY）

(说明：以上操作学生根据以前几课学到的知识自行完成，

独立完成最好，也允许组内交流合作、组内求助、向教师

求助。教师只对表格的嵌套做强调、说明，对宽度的表示

方法加以解释。教师的第二个任务：适时的再展作品，分

析作品和任务，让学生明确目标任务，并对完成情况好的

同学及时给予肯定和表扬，对能力较差的学生给予鼓励和

帮助。)

过渡语句：通过大家的努力我们完成了网页模板的编辑，接下来我们就要考虑用它生成网页时，哪些区域让更改，哪些区域不让更改的问题，这是由你也就是模板的创建者来决定的，我们把能更改的区域称为是“可编辑区域”。我们这堂课的第三个任务。

教师：1、再次展示作品，点击可编辑区域和可编辑区域之外的区域，让学生说出有什么区别？

2、讲解所谓“可编辑区域”。（模板文档中未锁定的区域，

是模板用户可以编辑的部分）

3、让学生尝试完成这一操作。（组内可交流合作）

4、讲解并演示定义可编辑区域的制作方法。（只演示一个：

导航栏）

学生：根据教师的讲解与演示完成相应的任务。（3个：导航栏、标题、内容）

教师：1、监控、个别辅导，强调：要让模板生效，则模板内至少包含一个可编辑区域。

2、提示：到此我们完成了今天的所有学习任务，完成了网