当孩子拿着材料让你签字的时候课件.ppt

1、1 模板与库复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析2复习提问复习提问1、统一网站风格可采用的方法？、统一网站风格可采用的方法？CSS样式、框架样式、框架2、两种方法的局限性：、两种方法的局限性：CSS样式：只针对于网页元素的统一，而不是整个页面文件样式：只针对于网页元素的统一，而不是整个页面文件框架：页面设计有局限，涉及到的文件多框架：页面设计有局限，涉及到的文件多 3、同一主题相似网页的设计方法？、同一主题相似网页的设计方法？已有解决方法：复制（不

2、易更新）、框架（页面受局限）已有解决方法：复制（不易更新）、框架（页面受局限）目标解决方法：使用模板制作网页目标解决方法：使用模板制作网页复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析3课程引导课程引导当一个网站中的多个页面均为风格统一、布局当一个网站中的多个页面均为风格统一、布局基本一致的网页时。为了提高工作效率，尽量基本一致的网页时。为了提高工作效率，尽量减少重复劳动，使用模板是最好的方法减少重复劳动，使用模板是最好的方法。当一个网站元素被反复使用时，使

3、用库项目可当一个网站元素被反复使用时，使用库项目可减少重复劳动。减少重复劳动。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析4知识目标知识目标（1）能够编辑模板和将模板生成新网页。）能够编辑模板和将模板生成新网页。（2）能够应用库项目制作网页。）能够应用库项目制作网页。（3）能够使用模板和库项目统一网站风格；）能够使用模板和库项目统一网站风格；复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范

4、课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析5案例展示案例展示“学无止境学无止境”网站网站复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析6任务分析任务分析本例的多个网页就使用了建立好的模板，本例的多个网页就使用了建立好的模板，根据网站要求，设计方案如下：根据网站要求，设计方案如下：1、首先设计制作一个网页模板、首先设计制作一个网页模板2、再使用模板制作其他页面。、再使用模板制作其他页面。复习提问复习提问课程引导课程引导案例展示案例展示

5、任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析7知识讲解（一）知识讲解（一）一、模板一、模板模板：扩展名为模板：扩展名为.dwt，保存于保存于Templates文件夹中文件夹中1、创建模板、创建模板创建一个全新的模板创建一个全新的模板简单介绍简单介绍“资源管理器资源管理器”面板面板创建基于文档的模板：文件创建基于文档的模板：文件另存为模板。另存为模板。2 2、设置模板页面属性、设置模板页面属性用模板创建的文档继承模板的页面属性，页标题除外。用模板创建的文档继承模板的页面属性，页标题除外。设置：修改设置：修

6、改页面属性页面属性3、定义模板的可编辑区、定义模板的可编辑区4、模板的应用和更新、模板的应用和更新应用模板创建文档：应用模板创建文档：把页面从模板中分离出来把页面从模板中分离出来修改模板修改模板更新站点中使用模板的所有文件更新站点中使用模板的所有文件复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析8操作示范（一）操作示范（一）制作制作“学无止境学无止境”网站：网站：1、制作模板页面、制作模板页面 文 件文 件 新 建新 建 基 本 页基 本 页 H T M L

7、 另 存 为 模 板另 存 为 模 板mb1.dwtTemplates文件夹）文件夹）按要求制作模板页面按要求制作模板页面2、插入可编辑区域、插入可编辑区域 选中模板页面中的可编辑区域（每个页面内容不同处）选中模板页面中的可编辑区域（每个页面内容不同处）本例中为表格（本例中为表格（），），插入插入模板对象模板对象可编辑区域可编辑区域命名（本例为命名（本例为edit1）3、使用模板创建其他页面：使用模板创建其他页面：文件文件新建新建模板模板mb1创建创建保存保存 （文件命名，如（文件命名，如english.htm等）等）在可编辑区域在可编辑区域edit1处输入本页内容，依次创建其他页面。处输入本

8、页内容，依次创建其他页面。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析9知识导入知识导入讨论交流讨论交流 模板的优势？模板的优势？风格统一，有利于保持网页风格的一致；风格统一，有利于保持网页风格的一致；更新容易，提高工作效率更新容易，提高工作效率 与框架相比，不受页面限制。与框架相比，不受页面限制。引出问题：引出问题：如果需要重复的不是完整页面，只是页面中的部如果需要重复的不是完整页面，只是页面中的部分内容，而且出现在页面中的位置又不固定，应分内容，而且出

9、现在页面中的位置又不固定，应该如何解决？该如何解决？复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析10知识讲解（二）知识讲解（二）二、库项目二、库项目库是一种用来存储想要在整个网站上经常重复使用或更新的页面库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素（如图像、文本和其他对象）的方法。这些元素称为元素（如图像、文本和其他对象）的方法。这些元素称为库项目。库项目。通过修改库元素，可以实现整个网站各页面上与库元素相关内容通过修改库元素，可以实现整个

10、网站各页面上与库元素相关内容的一次性更新。库元素存放在库文件中，库文件（的一次性更新。库元素存放在库文件中，库文件（*.lbi）存在站点根目录的存在站点根目录的Library文件夹内。文件夹内。1、创建库项目：、创建库项目：2、插入库项目、插入库项目3、修改库、修改库4、与库分离、与库分离5、更新整个站点或所有使用特定库项目的文档：、更新整个站点或所有使用特定库项目的文档：6、更改当前文档以使用所有库项目的当前版本、更改当前文档以使用所有库项目的当前版本复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归

11、纳总结扩展性任务扩展性任务疑难解析疑难解析11操作示范（二）操作示范（二）使用库项目设计网页：使用库项目设计网页：1、创建一个库项目、创建一个库项目2、将库项目应用于任意网页中的任意位置、将库项目应用于任意网页中的任意位置3、更新库项目、更新库项目复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析12课堂模仿课堂模仿1.按演示案例完成按演示案例完成“学无止境学无止境”网站的模板设计，使用网站的模板设计，使用模板设计各个网页，统一网站风格。模板设计各个网页，统一网

12、站风格。2.练习模板的更新与分离练习模板的更新与分离3.设计不同形式的库项目应用于网页设计不同形式的库项目应用于网页复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析13疑难解析疑难解析问题问题1：Dreamweaver 8创建网页模板有哪些创建网页模板有哪些 方法，其创建步骤怎样？方法，其创建步骤怎样？问题问题2：如何对模板中不可编辑区域进行编辑？：如何对模板中不可编辑区域进行编辑？问题问题3：如果将网页中的库文件和源文件分离？：如果将网页中的库文件和源文件分

13、离？修改库文件之后，已脱离库文件的网页修改库文件之后，已脱离库文件的网页是否能进行更新？是否能进行更新？复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析14归纳总结归纳总结本单元主要学习了模板和库的网页布局方法，制作网页本单元主要学习了模板和库的网页布局方法，制作网页不仅追求美观、而且要提高制作效率，使用模板和库文不仅追求美观、而且要提高制作效率，使用模板和库文件是提高网页制作效率的有效途径。件是提高网页制作效率的有效途径。本单元重点、难点：本单元重点、难点：编辑模板、将模板生成新网页编辑模板、将模板生成新网页复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析15扩展性任务扩展性任务“沧职计协沧职计协”网网站（使用模板统站（使用模板统一设计）一设计）16结束