网页制作教案8._网页制作教案8

网页制作教案8.由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页制作教案8”。

3.3 课堂任务 快速建站技术—模板的应用 课程名称:利用模板快速建站 课时数:4 教学目标: 知识与技能:了解模板的定义,模板的可编辑区域的定义。过程与方法:掌握在网页中创建模板的三种方法;掌握模板的可编辑区域的定义、建立和取消;掌握模板的应用和取消;掌握如何将模板从网页中分离出来;掌握使用模板快速建站;情感与价值观:培养学生主动思考问题的习惯和自主学习的能力。教学重点: 在 DreamWeaver8中创建模板和应用模板。教学难点: 学会模板的可编辑区域的定义、建立和取消。教法: 任务驱动法 学法: 记录关键步骤,积极动手练习。

课前准备: 第三章第三节素材和实例,视频教程:快速建站技术-模板的应用.WMV ,快速建站技 术-模板的应用(快速更新.WMV。

教学过程设计:(一 导入设计: 我们制作一个网站时,会发现许多网页的版面和元素都是相同的,在设计一个新页面 时, 我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几

十、上百张页面 都基本相同, 这时修改或更新网页的共同元素如网站标志时, 会发现工作量实在太大!而使 用 Dreamweaver 8.0软件中的模板功能来创建新网页, 可以大大提高更新和修改的工作效率, 网站的维护工作会轻松很多。本节主要内容如下。

(二新课讲解设计:(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 如何将模板从网页中分离出来 作业:(1 填写《任务评价表》并上交

(2 完成任务一第 3题