网页制作课件13

1、 模板与库1复习提问1、统一网站风格可采用的方法？ CSS样式、框架2、两种方法的局限性：CSS样式：只针对于网页元素的统一，而不是整个页面文件框架：页面设计有局限，涉及到的文件多 3、同一主题相似网页的设计方法？ 已有解决方法：复制（不易更新）、框架（页面受局限） 目标解决方法：使用模板制作网页2课程引导当一个网站中的多个页面均为风格统一、布局基本一致的网页时。为了提高工作效率，尽量减少重复劳动，使用模板是最好的方法 。当一个网站元素被反复使用时，使用库项目可减少重复劳动。3知识目标（1）能够编辑模板和将模板生成新网页。（2）能够应用库项目制作网页。 （3）能够使用模板和库项目统一网站风格；

2、4案例展示“学无止境”网站5任务分析本例的多个网页就使用了建立好的模板，根据网站要求，设计方案如下：1、首先设计制作一个网页模板2、再使用模板制作其他页面。6知识讲解（一）一、模板模板：扩展名为.dwt，保存于Templates文件夹中1、创建模板创建一个全新的模板简单介绍“资源管理器”面板创建基于文档的模板：文件另存为模板。2、设置模板页面属性用模板创建的文档继承模板的页面属性，页标题除外。设置：修改页面属性3、定义模板的可编辑区4、模板的应用和更新应用模板创建文档：把页面从模板中分离出来修改模板更新站点中使用模板的所有文件7操作示范（一）制作“学无止境”网站：1、制作模板页面 文件新建基本

3、页HTML另存为模板mb1.dwtTemplates文件夹） 按要求制作模板页面2、插入可编辑区域 选中模板页面中的可编辑区域（每个页面内容不同处） 本例中为表格（）， 插入模板对象可编辑区域命名（本例为edit1）3、使用模板创建其他页面： 文件新建模板mb1创建保存 （文件命名，如english.htm等） 在可编辑区域edit1处输入本页内容，依次创建其他页面。8知识导入讨论交流 模板的优势？ 风格统一，有利于保持网页风格的一致； 更新容易，提高工作效率 与框架相比，不受页面限制。引出问题： 如果需要重复的不是完整页面，只是页面中的部分内容，而且出现在页面中的位置又不固定，应该如何解决？

4、9知识讲解（二）二、库项目库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素（如图像、文本和其他对象）的方法。这些元素称为库项目。通过修改库元素，可以实现整个网站各页面上与库元素相关内容的一次性更新。库元素存放在库文件中，库文件（*.lbi）存在站点根目录的Library文件夹内。1、创建库项目：2、插入库项目3、修改库4、与库分离5、更新整个站点或所有使用特定库项目的文档：6、更改当前文档以使用所有库项目的当前版本10操作示范（二）使用库项目设计网页：1、创建一个库项目2、将库项目应用于任意网页中的任意位置3、更新库项目11课堂模仿按演示案例完成“学无止境”网站的模板设计，使用模板设计各个网页，统一网站风格。练习模板的更新与分离设计不同形式的库项目应用于网页12疑难解析问题1：Dreamweaver 8创建网页模板有哪些 方法，其创建步骤怎样？问题2：如何对模板中不可编辑区域进行编辑？问题3：如果将网页中的库文件和源文件分离？修改库文件之后，已脱离库文件的网页是否能进行更新？ 13归纳总结本单元主要学习了模板和库的网页布局方法，制作网页不仅追求美观、而且要提高制作效率，使用模