网页制作教案8..docx

网页制作教案8.

第一篇：网页制作教案8.3.3课堂任务快速建站技术—模板的应用课程名称:利用模板快速建站课时数:4教学目标:知识与技能:了解模板的定义,模板的可编辑区域的定义。过程与方法:掌握在网页中创建模板的三种方法;掌握模板的可编辑区域的定义、建立和取消;掌握模板的应用和取消;掌握如何将模板从网页中分离出来;掌握使用模板快速建站;情感与价值观:培养学生主动思考问题的习惯和自主学习的能力。教学重点:在DreamWeaver8中创建模板和应用模板。教学难点:学会模板的可编辑区域的定义、建立和取消。教法:任务驱动法学法:记录关键步骤,积极动手练习。课前准备:第三章第三节素材和实例,视频教程:快速建站技术-模板的应用.WMV,快速建站技术-模板的应用(快速更新.WMV。教学过程设计:(一导入设计:我们制作一个网站时,会发现许多网页的版面和元素都是相同的,在设计一个新页面时,我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同,这时修改或更新网页的共同元素如网站标志时,会发现工作量实在太大!而使用Dreamweaver8.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题第二篇：网页制作教案网页制作与设计教案第一讲网页设计概述....................................................................................................................31.1WWW和URL.....................................................................................................................31.2IE5的使用............................................................................................................................31.3网页中所使用的技术............................................................................................................41.4制作网页的基本方法............................................................................................................4第二讲HTML的基本标志与格式标志.......................................................................................42.1HTML文档的基本结构...................................................................................................