网页设计教案11.docVIP

教案首页 本次课标题：学习情境三：企业宣传网站设计--- 模板 授课日期 1010.11.9 授课班级 2009级网络班 课 时 共 2 小时 上课地点 实验楼k区 知识目标 1.熟悉集成环境 1.模板设置 3.创建并浏览网页效果 1.查看并掌握常用模板标签 2.可编辑区设置 3.浏览网页效果 教 学 任 务 及 案 例 1.掌握页面模板设计方法 1.掌握使用模板构造网页版式方法 3.掌握浏览网站方法 重 点 难 点 重点： 掌握页面模板创建方法 难点： 模板属性面板使用和标签书写 单 元 考 核 使用Dreamweaver工具创建含有模板内容的网站并测试网页 参 考 资 料 任务书、源代码、网络资源，参考书 注：表格内容统一用5号宋体填写。 教学设计 步 骤 教学内容 教师活动 （方法与手段） 学生活动 时间分配 告知 （教学内容、 目的） 1.查看并掌握常用模板标签 2.可编辑区设置 3.浏览网页效果 讲授 听讲 10分钟 引入 （任务项目） 浏览模板元素网页 演示 讲解 提问 听讲、小组讨论 10分钟 操练 (掌握初步或基本能力) 1.熟悉集成环境 2.页面模板元素的插入 3.保存网页 教师讲解 学生操作 个别操作 集体提示 10分钟 深化 （加深对基本能力的体会） 通过案例点评、小组讨论及教材理论知识的讲解，使学生了解网页模板创建和属性设计、标签使用、网页设计的含义、特点、依据、内容 教师演示 要点提示 重点讲解 个别回答 集体讨论 10分钟 归纳 （知识和能力） 网页模板元素的创建和浏览步骤 讲授 听讲 10分钟 训练 巩固 拓展 检验 组内自评选出一个全班展示，组间互评，认识了解网页模板美化网页的方法，制作网页版式并浏览。 启发诱导 难点提示 个别指导 个人操作 小组讨论 10钟 总结 归纳本次课所讲的内容，总结要实现的能力目标和知识目标，重点是创建模板 教师讲授 听讲 10分钟 作业 创建含有模板元素的网站并测试 后记 注：表格内容统一用5号宋体填写。 教学内容 1 创建模板创建模板 模板的创建有三种方式。 1、直接创建模板 选择“窗口/资源”命令，打开“资源”面板，切换到模板子面板，如图所示 图1-1文件面板 单击模板面板上的“扩展”按钮，在弹出菜单中选择“新建模板”这在浏览窗口出现一个未命名的模板文件，给模板命名。如图所示然后单击“编辑”按钮，打开模板进行编辑。编辑完成后，保存模板，完成模板建立。 2、将普通网页另存为模板 打开一个已经制作完成的网页，删除网页中不需要的部分，保留几个网页共同需要的区域。 选择“文件/另存为模板”命令将网页另存为模板。如图所示 图1-3保存模板 3、从文件菜单新建模板 选择“文件/新建”命令，打开“新建文档”对话框，类别中选择“模板页”，并选取相关的模板类型，直接单击“创建”按钮即可 图1-4新建模板 1.2 定义可编辑区域 在文档窗口中，选中需要设置为可编辑区域的部分，单击常用快捷栏的“模板”按钮，在弹出菜单中选择“可编辑区域”项。 在弹出的“新建可编辑区域”对话框中给该区域命名，然后单击“确定”按钮。新添加的可编辑区域有蓝色标签，标签上是可编辑区域的名称。教案首页 本次课标题：学习情境三：企业宣传网站设计--- 模板 授课日期 1010.11.11 授课班级 2009级网络班 课 时 共 1 小时 上课地点 实验楼k区 知识目标 1.熟悉集成环境 1.模板设置 3.创建并浏览网页效果 1.查看并掌握常用模板标签 2. 创建基于模板的网页 3.模板的修改和相关网页的更新 4.浏览网页效果 教 学 任 务 及 案 例 1.掌握页面模板设计方法 1.掌握使用模板构造网页版式方法 3.掌握浏览网站方法 重 点 难 点 重点： 基于模板创建网页的方法 掌握更新模板的方法 难点： 模板属性面板使用和标签书写 单 元 考 核 使用Dreamweaver工具创建含有模板内容的网站并测试网页 参 考 资 料 任务书、源代码、网络资源，参考书 注：表格内容统一用5号宋体填写。 教学设计 步 骤 教学内容 教师活动 （方法与手段） 学生活动 时间分配 告知 （教学内容、 目的） 1.查看并掌握常用模板标签 2. 创建基于模板的网页 3.模板的修改和相关网页的更新 4.浏览网页效果 讲授 听讲 5分钟