模板和库的应用.pptVIP

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