网站设计 Web Design

网页设计模板与库

一、网页设计使用库项目:

　　库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素（如图像、文本和其他对象）的方法。这些元素称为库项目。

　　使用库的意义：很多网页设计师讨厌频繁的改动网站，使用Dreamweaver的库，可以很好的解决这个问题！如果使用了库，就可以通过改动库更新所有采用库的网页，不用一个一个的修改网页元素或者重新制作网页。使用库比使用模板，有更大的灵活性。

　　通过修改库元素，可以实现整个网站各页面上与库元素相关内容的一次性更新。库元素存放在库文件中，库文件存在站点根目录的Library文件夹内。

1、创建库项目：

1）选择文档的一部分，例如选择一个图片（也可选择多项内容）。
2）打开资源面板，点击“库”按钮，打开库类别。
3）点击“新建库项目”按钮。
4）给库项目命名。一个库就创建好了。

2、插入库项目

1）将插入点放在“文档”窗口中。
2）选择一个库项目，单击“插入”按钮。
3）插入库后的页面如下图。

3、修改库

1） 选中页面中的库项目。
2）在属性面板中点击“打开”按钮。
3）修改库项目，修改完成之后保存。
4）在“更新库项目”对话框中点击“更新”按钮。
5）选择更新的范围，更新完成之后关闭。

4、与库分离

1） 选中页面中的库项目。
2） 在属性面板中点击“从源文件中分离”按钮，则应用的库项目变为可以更改的，并断开与库项目的链接。

5、更新整个站点或所有使用特定库项目的文档：

选择“修改”→“库”→“更新页面”。

6、更改当前文档以使用所有库项目的当前版本：

选择“修改”→“库”→“更新当前页”。

二、网页设计模板的创建和设置

　　模板可以作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。

　　模板的作用：有利于保持网页风格的一致；提高工作效率。

1、创建模板

　　1）创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮
　　2）创建基于文档的模板：文件——另存为模板。

2、设置模板页面属性

　　1）用模板创建的文档继承模板的页面属性，页标题除外。
　　2）设置：修改——页面属性

3、定义模板的可编辑区

　　在模板文档中选定对象，插入——模板对象——可编辑区域——输入可编辑区域名。

4、模板的应用和更新

1）应用模板创建文档：

文件——新建——从模板新建。
从模板面板中拖一个模板到文档。
从模板面板中选定一个模板，单击应用。
修改——模板——套用模板到页。

2）把页面从模板中分离出来

在应用了模板的文档中，只有可编辑区的内容才可以修改，如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。修改——模板——从模板中分离。

3）修改模板

在模板面板中选定模板、单击编辑按钮或双击模板名称打开模板，编辑完成后保存。保存后可选择是否更新已应用模板的文档。

4）更新站点中使用模板的所有文件

修改——模板——更新页面（或只更新当前页）