模板和库的应用

Dreamweaver8中文版网页制作基础模板和库的应用在网页的制作过程中，常常会制作很多布局结构和版式风格相似而内容不同的页面，对于这种类型的网页，每个页面都要逐个制作，不但效率低而且十分乏味，模板和库的应用，很好的解决了这个问题。模板是一种预先设计好的网页样式，在制作风格相似的页面时，只要套用这种模板便可以设计出风格一致的网页。（一）创建模板1、菜单创建模板选择“文件｜新建”命令，打开“新建文档”对话框，在“常规”选项卡中的“基本页”中选择“HTML”模板。2、通过“资源”面板创建模板选择“窗口｜资源”命令，打开“资源”面板，选定面板左侧的“模板”按钮，单击“添加”按钮。3、利用现成网页创建模板打开欲作为模板的网页，选择“文件｜另存为模板”命令。在创建一个模板时，必须设置模板的可编辑区域和锁定区域。可编辑区域即可以编辑，进行修改的区域。非可编辑区域即为锁定区域，不能对该区域进行任何操作。（二）添加可编辑区域采用表格布局的模板定义可编辑区域，可将整个表格或表格的某个单元格定义为可编辑区域，但是不能同时针多个单元格定义为一个单独的可编辑区域。层和层中的内容是不同的元素，当层设为可编辑区域时，在应用该模板编辑文档时，可改变层的位置和层中的内容，而将层的内容设为可编辑区域时，则只能改变层中的内容而不能改变层的位置。插入可编辑区域的方法方法：在菜单栏中的“插入|模板对象|可编辑区域”。（三）模板保存新建模板时，必须明确模板是建在哪个站点中，模板文件都保存在本地站点的templates文件夹中，如果该templates未存在，系统将自动创建。设计好的模板，将保存在站点根目录下的Templates文件夹中。模板的扩展名为.dwt步骤：（1）新建页面，在资源面板中，选中模板文件，将其拖入页面编辑窗口，或在“资源”面板中，选中模板文件，然后点下面板底部的“应用”按钮。（2）在可编辑区域中，可以添加制作任何元素。在页面的右上角会显示模板的名称。（四）、创建基于模板的网页文档（五）、修改模板（1）在“资源”面板中，选中模板文件，双击进入编辑状态。（2）选中要修改的模板文件，右击，在快捷菜单中选择“编辑”命令。（六）删除可标识区域选中后，在标识区域内，右击，在快捷菜单中选择“模板|删除模板标记”以删除可编辑区域。（七）更新文件当修改了模板文件后，用此模板创建的网页文件也会相应的需要更新。方法：（1）在菜单栏中，选择“修改|模板|更新页面”命令。（2）在“模板”资源窗口的右上方，选择“更新站点”按钮，Dreamweaver将更新基于该模板的所有网页文档。（八）库的应用库是一种用来存储想要在整个网站上经常重复使用或更新页面元素（如图像、文本或其他对象）的方法，这些元素称为库项目，在网页制作时可将库项目的一个副本直接插入到网页中，同时还插入了对该库项目的引用。库文件的扩展名为.lbi。库文件存放在站点的Library文件夹里。如未该文件夹，系统将自动创建该文件夹。（九）创建库项目网页文档body部分中的文本、表格、表单、JAVAAPPLE、插件、ActiveX元素、导航条和图像等都可添加为库项目。一共有两种方法：1、将选内容创建为库项目步骤：（1）在“文档”窗口中，选择文档要另存为库项目的内容。（2）将选定内容拖到“资源”面板的“库”类别中。2、创建一个空的库项目步骤：（1）在“资源”面板的“库”类别中，点击“新建库项目按钮”。（2）为新项目输入名称。（3）双击该库项目，在文档窗口中进行编辑。（十）插入库项目当向页面添加库项目时，将把实际内容以及对该库项目的引用一起插入到文档中。步骤：（1）在“资源”面板的“库”类别中，将一个项项目从“资源”面板拖到“文档”窗口，或点击面板底部的“插入按钮”。在“库”项目的属性面板中，“从源文件中分离”按钮，可以断开文档中的项目和库之间的链接，从而使库项目可编辑，当你更新了库项目文件时，添加到文档中的库项目将不会进行更新。而这个库项目也将不再是库项目。（十一）修改库项目和更新站点步骤：（1）在“资源”面板的“库”类别中，在库文件上双击鼠标，或单击底部的“修改”按钮，就可以对库项目文件进行编辑。（2）编辑后完保存，将弹出“更新库项目”对话框，单击“更新”按钮。