网页设计教案12.docVIP

教案首页 本次课标题：学习情境三：企业宣传网站设计---库 授课日期 1010.11.16 授课班级 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号宋体填写。 教学内容 使用库库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素（如图像、文本和其他对象）的方法。这些元素称为库项目。 使用库的意义：很多网页设计师讨厌频繁的改动网站，使用Dreamweaver的库，可以很好的解决这个问题！如果使用了库，就可以通过改动库更新所有采用库的网页，不用一个一个的修改网页元素或者重新制作网页。使用库比使用模板，有更大的灵活性。库是一种特殊的 Dreamweaver 文件，其中包含您已创建以便放在 Web 页上的单独的资源 或资源副本的集合。库里的这些资源称为库项目。每当更改某个库项目的内容时，可以更新所有使用该项目的页面。可以在库中存储各种各样的页面元素，如图像、表格、声音和 Flash 文件。 示例：假定您正在为某公司建立一个大型站点。公司想让其广告语出现在站点的每个页面上，但是销售部门还没有最后确定广告语的文字。如果创建一个包含该广告语的库项目并在每个页面上使用，那么当销售部门提供该广告语的最终版本时，您可以更改该库项目并自动更新每一个使用它的页面。 Dreamweaver 将库项目存储在每个站点的本地根文件夹内的 Library 文件夹中。每个站点都有自己的库。 创建库项目 1、选择文档的一部分，例如选择一个图片 、打开资源面板，点击“库”按钮，打开库类别。3、点击“新建库项目”按钮。 给库项目命名。一个库就创建好了。 插入库项目 1将插入点放在“文档”窗口中。 2、选择一个库项目，单击“插入”按钮。 修改库和更新站点 1、 选中页面中的库项目。 2、在属性面板中点击“打开”按钮。 3、 修改库项目，修改完成之后保存。 4、 在“更新库项目”对话框中点击“更新”按钮。5、选择更新的范围，更新完成之后关闭。 4更新整个站点或所有使用库项目文档 选择“修改”“库”“更新页面”。 更改当前文档以使用所有库项目的当前版本 选择“修改”“库”“更新当前页”。 教案首页 本次课标题：学习情境三：企业宣传网站设计---库 授课日期 1010.11.18 授课班级 2009级网络班 课 时 共 1 小时 上课地点 实验楼k区 知识目标 1.熟悉集成环境 1.库设置 3.创建并浏览网页效果 1.查看并掌握常用库标签 2.创建含有库元素的网页 3.库的修改和相关网页的更新 4.浏览网页效果 教 学 任 务 及 案 例 1.掌握页面库设计方法 1.掌握使用库构造网页版式方法 3.掌握浏览网站方法 重 点 难 点 重点： 含有库元素创建网页的方法 掌握更新库的方法 难点： 库属性面