第6章 模板和库在网页中的应用ppt课件.ppt

《第6章 模板和库在网页中的应用ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第6章模板和库在网页中的应用主要内容模板和库的概念及作用。模板的创建、编辑及管理使用模板进行页面设计和管理库项目的创建、编辑及管理使用库项目进行页面设计和管理6.1模板和库概述6.1.1模板模板是一种特殊的页面文档，当需要制作某种带有共同格式和特征的文档时，可以首先设计一个模板文档，然后利用模板文档设计制作其他的网页。例如：对于商业站点，大多数文档上通常会出现相同的内容，如公司的徽标和公司的名称等。在编辑网页时，如果在每个文档中都重复添加这些内容，则显得既麻烦，又容易出错。如果将这些格式存储为模板，再通过该模板创建新文档，所生成的新文档中会自动出现这些共有内容，这样，在设计制作网页时，

2、只需编辑文档中不同的内容就行了。6.1模板和库概述6.1.2库库是通过Dreamweaver库技术生成的一类特殊资源，构成库的资源称为库项目。每一个库项目都是Web站点的页面元素。当把站点页面的某个元素设置为库的一个项目后，通过库技术改变该项目内容后，所有使用该项目的页面都可以自动更新。对于Web站点中需要重复使用或频繁更新的某些页面元素，通常使用库技术进行设计和管理。6.1模板和库概述6.1.3模板与库的功能比较模板和库都是批量制作和管理网页的技术。模板主要针对网页的版式进行设计，利用模板可以快速设计出版式相同或相近的页面。库主要针对页面的某些元素设计，利用库项目可以对不同页面的相同

3、网页元素进行管理。模板规定了网页中不可编辑的页面内容，这些页面内容将呈现在关联页面的相同的位置，如利用图6-5的模板生成的所有网页，其锁定的区域在所有网页中均出现的位置是不变的。对于库项目，在网页中没有固定的位置，一个库项目在页面中使用时，可以出现在任何位置上；也可以在一个页面中多次使用同一个库项目。如果将模板中的页面元素设为库项目，则更改该库项目后，使用该模板的所有页面都可能更新。6.2.1模板的创建与编辑1．创建模板⑴打开要创建为模板的文档。若要利用已有文档创建模板，则打开要创建模板的文档；若要从新建的空文档创建模板，则使用“文件/新建”菜单，打开一个新的空文档。⑵将当前文档另存为

4、模板。使用“文件/另存为模板”菜单，打开“另存为模板”对话框，从“站点”弹出式菜单中选择一个用来保存模板的站点，并在“另存为”文本框中为模板输入新建模板名称。⑶保存模板。6.2.1模板的创建与编辑说明：⑴Dreamweaver将模板文件保存在站点的本地根文件夹中的Templates文件夹中，使用文件扩展名.dwt。⑵当另存为模板的文档含有超链接时，将更新已有的链接。⑶使用Dreamweaver的资源面板也可以创建模板。单击“资源”面板底部的“新建模板”按钮，一个新的、无标题模板即空模板将被添加到“资源”面板的模板列表中。6.2.1模板的创建与编辑2．打开模板⑴按照打开普通文档的方法打开

5、模板。站点中所有的模板存储在Templates文件夹中，它们带有.dwt的扩展名。只要从站点窗口中选中要编辑的模板项，双击其图标，即可启动Templates的文档窗口，载入模板文件。⑵在模板面板中打开模板。打开模板面后，当前站点中所有的模板都将显示在模板文档列表中。选中要编辑的模板，双击模板项，或是单击模板面板右下角的编辑钮，即可启动Dreamweaver的文档窗口，载入模板文件。6.2.1模板的创建与编辑3．设置模板的可编辑区域⑴在模板文档中插入新的可编辑区域①打开模板文件，然后将插入点放置在要标记为可编辑区域的位置。②选择“插入/模板对象/可编辑区域”或使用插入工具栏的模板按钮，显

6、示“新建可编辑区域”对话框。③在“名称”文本框中输入可编辑区域的名称，“确定”后即可创建可编辑区域。⑵将现有内容标记为可编辑区域。选中模板中文档的文字、图像或层等内容后，施行如上所述的建立可编辑区域操作，即可将选中对象标记为可编辑区域6.2.1模板的创建与编辑4.取消对可编辑区域的标记按照如下方法，取消对某个可编辑区域的标记：⑴在文档或标签选择器中，选择想要更改的可编辑区域。⑵选择“修改/模板/删除模板标记”菜单。经过上述操作的可编辑区域，即被重新设置为锁定区域。6.2.2模板的管理1.在站点窗口中查找模板文件⑴在模板面板中的模板列表中，选择要查找的模板。⑵单击模板面板右上角的三角形按

7、钮，打开面板菜单，选择“在站点定位”命令后，则自动切换到站点窗口中，同时打开相应的文件夹，并选中该模板对应的文件。6.2.2模板的管理2.重命名模板要重命名模板，一般采用如下的方法：⑴在模板面板中的模板列表中，单击要重新命名的模板项名称，即可激活其文本编辑状态；也可以单击面板右上角的三角形按钮，打开面板菜单，然后选择“重命名”命令，同样会激活其文本编辑状态。⑵输入需要的新名称。⑶单击模板名称区域外任意位置，或是按下回车键，即可重新命名模板。6.