《网页制作教案.pdf》由会员分享,可在线阅读,更多相关《网页制作教案.pdf(4页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页制作教案 Last updated on the afternoon of January 3,2021课堂任务 快速建站技术模板的应用课程名称:利用模板快速建站利用模板快速建站课时数:4 4教学目标:知识与技能:了解模板的定义,模板的可编辑区域的定义。过程与方法:掌握在网页中创建模板的三种方法;掌握模板的可编辑区域的定义、建立和取消;掌握模板的应用和取消;掌握如何将模板从网页中分离出来;掌握使用模板快速建站;情感与价值观:培养学生主动思考问题的习惯和自主学习的能力。教学重点:在 DreamWeaver8中创建模板和应用模板。教学难点:学会模板的可编辑区域的定义、建立和取消。教法:任务驱动
2、法学法:记录关键步骤,积极动手练习。课前准备:第三章第三节素材和实例,视频教程:快速建站技术模板的应用.WMV,快速建站技术模板的应用(快速更新).WMV。教学过程设计:(一)导入设计:(一)导入设计:我们制作一个网站时,会发现许多网页的版面和元素都是相同的,在设计一个新页面时,我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同,这时修改或更新网页的共同元素如网站标志时,会发现工作量实在太大!而使用 Dreamweaver 软件中的模板功能来创建新网页,可以大大提高更新和修改的工作效率,网站的维护工作会轻松很多。本节主要内容如下。(二)新课讲解设计:(二)新
3、课讲解设计:(1)请学生带着以下问题阅读 P110115知识预读,问题如下:A、模板的定义?B、模板创建的三种方式?了解资源面板的使用方式。C、学会模板的可编辑区域的定义、建立和取消;D、学会模板的应用和取消;E、学会如何将模板从网页中分离出来;(2)教师提问,请学生一一回答以上问题。期间对回答问题的同学要多多表扬,如“你真棒”。增强学生对教师的亲和力。(3)教师在学生回答问题的同时,总结评价并补充相关要点。(4)教师展示完成后的模板网站作品,与学生共同讨论分析该网站制作过程。(5)教师演示建立模板,创建可编辑区域,应用模板等部分操作(详见教材任务一)。(6)请一位学生上台操作,其他学生完成相
4、同操作。可以参考视频快速建站技术模板的应用.wmv。教师巡视指导。(7)教师总结评价学生完成情况。(8)课堂比一比:将学生分组,根据已学知识,美化已完成的网站,学习使用模板快速更新网站的技术。可以参考视频快速建站技术模板的应用(快速更新).wmv。将作品提交后由学生评比。(增强学生学习积极性。)(9)教师评价各组提交的作品。(9)学生完成任务一对照练习第 1、2 两题。个别点名回答,检验教学成果。(三)小结和作业:小结:(1)什么是模板?(2)(3)如何创建模板(三种方式)(4)模板的可编辑区域的定义、建立和取消(5)如何应用和取消模板(6)如何将模板从网页中分离出来作业:(1)填写任务评价表并上交(2)完成任务一第 3 题