第12课模板与资源列表

1、第12课 使用模板与资源列表,模板作为创建其它文档的样板的文档。 模板的作用： 有利于保持网页风格的一致；提高工作效率。 创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。,1、创建模板,1）创建一个全新的模板： 在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮2）创建基于文档的模板： 文件存为模板。,2、设置模板页面属性,1）用模板创建的文档继承模板的页面属性，页标题除外。2）设置：修改页面属性,3、定义模板的可编辑区,在模板文档中选定对象， 插入模板对象可编辑区域输入可编辑区域名。,4、模板的应用和更新,1）应用模板创建文档： 文件新建从模板新建。,2）把

2、页面从模板中分离出来 在应用了模板的文档中，只有可编辑区的内容才可以修改， 如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。 修改模板从模板中分离。,3）修改模板 双击模板名称打开模板，编辑完成后保存。 保存后可选择是否更新已应用模板的文档。,修改模板更新页面（或只更新当前页）,4）更新站点中使用模板的所有文件,这是一个模板的基本布局，在这个可编辑区域内可根据不同的页面改变其内容，而上面导航的内容及下面的制作信息是固定的不可改变的，所以模板最适合大量风格布局相同的网页。 制作步骤： 、新建一个网页，设置上面的导航条及下面的版权信息等内容。 、在网页中间插入一个表格，设置

3、表格为可编辑区域。 （插入 模板对象可编辑区域为区域命名） 、将网页另存为模板（命名任意，扩展名为.dwt）。 、保存模板。 、文件从模板新建文件即可。 （或直接建立文件后，修改模板套用模板到页。,认识“资源”面板,包含网站中所用的GIF、JPEG或PNG格式的图像文件。,包含当前站点网页中的外部链接。,包含QuickTime或MPEG格式文件。,包含JavaScript或VBScript文件。,包含站点的网页和样式表中使用的颜色。,包含任意版本的Flash格式文件。,包含任意版本的Shockwave格式文件。,包含站点中的所有模板文件。,库项目，是在多个页面中使用的元素。,使用站点列表,使用

4、站点列表 在页面中添加资源 改变资源顺序 创建库项目,使用收藏资源,认识收藏列表 添加资源到收藏列表 为收藏资源创建一个易记的名称 在收藏列表中将资源分组 从收藏列表中删除资源,一、使用库项目:,库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素（如图像、文本和其他对象）的方法。 这些元素称为库项目。,使用库的意义：很多网页设计师讨厌频繁的改动网站，使用Dreamweaver的库，可以很好的解决这个问题！ 如果使用了库，就可以通过改动库更新所有采用库的网页，不用一个一个的修改网页元素或者重新制作网页。使用库比使用模板，有更大的灵活性。 通过修改库元素，可以实现整个网站各页面上与库元素

5、相关内容的一次性更新。 库元素存放在库文件中，库文件存在站点根目录的Library文件夹内。,1、创建库项目：,1）选择文档的一部分，例如选择一个图片（也可选择多项内容）。2）打开资源面板，点击“库”按钮，打开库类别。3）点击“新建库项目”按钮。4）给库项目命名。,2、插入库项目,1）将插入点放在“文档”窗口中。2）选择一个库项目，单击“插入”按钮。,3、修改库,1） 选中页面中的库项目。2）在属性面板中点击“打开”按钮。3）修改库项目，修改完成之后保存。4）在“更新库项目”对话框中点击“更新”按钮。5）选择更新的范围，更新完成之后关闭。,4、与库分离,1） 选中页面中的库项目。2） 在属性面板中点击“从源文件中分离”按钮，则应用的库项目变为可以更改的，并断开与库项目的链接。,5、更新整个站点或所有使用特定库项目的文档： 选择“修改”“库”“更新页面”。 6、更改当前文档以使用所有库项目的当前版本： 选择“修改”“库”“更新当前页”。,制作步骤： 1、新建一个网