第12章 站点资源

第12章站点资源管理、库和模板第12章站点资源管理、库和模板 在网站的 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 开发过程中，各种资源的积累会越来越多，需要有一种行之有效的管理 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 对这些资源进行管理。在Dreamweaver中，使用资源面板可以方便地管理站点中的图片、颜色、脚本和链接等多种常用资源。在资源面板中，还有两种特殊的资源：库和模板。库和模板主要用来在站点中重复使用特定的元素。库多用于设计个别元素，而模板多用于控制大的区域。第12章站点资源管理、库和模板12.1站点资源管理面板 在站点设计过程中，站点中的所有资源都存放在建立站点时指定的站点目录下。资源管理面板用于对站点内的资源进行管理。使用主菜单【窗口】|【资源】或按F11键可以打开资源管理面板，如图12.1所示。该面板由以下几个部分组成： ①各种资源选择按钮：包括图像、颜色、链接、Flash、Shockwave、影片、脚本、模板和库等。单击某个按钮，在资源列 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 区中将列出对应类型的资源。第12章站点资源管理、库和模板12.1站点资源管理面板 图像：指GIF、JPEG或PNG格式的图像文件。 ◆颜色：指站点中文档和样式表中使用过的颜色，包括文本颜色，背景颜色和链接颜色。 ◆链接：指站点文档中的各种链接。包括FTP、HTTP、JavaScript、电子邮件和本地文件链接等。 ◆Flash：站点中所有Flash文件，后缀为SWF。 ◆Shockwave：站点中所有Shockwave格式的文件。 ◆影片：站点中QuickTime或MPEG格式的文件。 ◆脚本：站点中JavaScript或VBScript文件。第12章站点资源管理、库和模板12.1站点资源管理面板 模板：可以在多个文件中重复使用的同一个页面布局。当修改一个模板时，所有应用该模板的文件都随着更新。 ◆库：在多个页面中使用的元素。修改一个库项目时，所有使用该库项目的文件都随着更新。 ②资源列表区：当点击名称按钮选择某种资源后，资源列表区内会显示出站点中包含的该类资源。该区显示资源的名称、大小、类型和完整路径等信息。 ③资源预览区：在资源列表区中选择某个特定资源(例如一张图片)，该资源的预览形式会出现在资源预览区当中。第12章站点资源管理、库和模板12.1站点资源管理面板 ④【插入】按钮：在某个文档中应用某项资源时，先在资源列表区中选中该资源，然后点击【插入】按钮可将对应的资源插入到文档中。 ⑤(刷新)按钮：对站点内资源进行刷新，跟踪资源的添加、删除和修改情况。 ⑥(编辑)按钮：启动某项资源的默认编辑器。 ⑦(添加到收藏夹)按钮：把选中的资源转移到站点收藏夹中。 新建和删除等按钮将在12.2节中介绍。第12章站点资源管理、库和模板12.2模板 模板是一种特殊的网页文件，使用模板可以快速的制作出风格相同或相似的页面。模板由可编辑区域和不可编辑区域组成，不可编辑区域为固定区域，是制作页面时的公共部分；可编辑区域为可替换的部分，用户可以根据不同页面的要求输入不同的内容。模板的功能还体现在能快速的更新多个页面，对于网站中所有使用模板的页面，当模板中的不可编辑区域发生改动时，这些页面都会随着更新，方便网站的管理。第12章站点资源管理、库和模板12.2模板 12.2.1建立模板 模板的建立有两种方法：一种是创建空白模板，然后在空白模板上进行设计和制作，另一种是直接将现有网页另存为模板。 1．创建空白模板 创建空白模板的方法如下： ①打开资源管理面板。第12章站点资源管理、库和模板12.2模板 ②单击资源面板名称列表中的“模板”项，打开如图12.2所示的窗口。 ③找到(新建模板)按钮，点击新建一个模板文件，文件名称显示为可编辑状态。 ④为新模板文件命名。 ⑤选中该文件，单击资源面板右下方的(编辑)按钮，对空白模板进行编辑。所有模板文件的后缀名都是DWT。第12章站点资源管理、库和模板12.2模板 2．将现有网页另存为模板 将现有网页另存为模板的操作步骤如下： ①打开需要将其另存成模板的网页。 ②清除网页中需要重新输入内容的区域(即可编辑区域)，保留固定不变的区域(即不可编辑区域)。 ③选择主菜单【文件】|【另存为模板】，打开如图12.3所示的对话框。第12章站点资源管理、库和模板12.2模板 ④在“站点”下拉列表中选择用来保存模板的站点。 “现存的模板”列表中列出了所选站点内已经存在的模板。 “描述”文本框中可以输入对当前模板的说明性文字。 ⑤在“另存为”文本框中为模板命名。 ⑥点击“保存”按钮完成设置。第12章站点资源管理、库和模板12.2模板 在保存模板的过程中，系统会在站点的根目录下自动建立一个名为“Templates”的文件夹，专门用来存放模板文件。注意：不要把模板文件存放到该文件夹外，也不要在该文件夹内存放其他文件，更不要把该文件夹删除或者移动到站点外。 删除模板时，在图12.2中选中某个模板，点击资源管理面板中的(删除)按钮即可。第12章站点资源管理、库和模板12.2模板 12.2.2定义可编辑区域 模板是由可编辑区域和不可编辑区域组成的。可编辑区域是使用模板创建网页文件时用来添加、编辑内容的区域。创建模板时，必须要定义其中哪些区域是可编辑的，否则默认所有区域都不可编辑，成为固定区域。 1．可编辑区域的创建 创建可编辑区域分为两种情况，一种是插入一个空的可编辑区域，另一种是把页面中现有的一部分内容设置为可编辑区域。第12章站点资源管理、库和模板12.2模板 (1)插入空的可编辑区域 ①把鼠标定位到模板中需要插入可编辑区域的位置。 ②在文档区中选中该区域或单击状态栏中需要插入可编辑区域的标签，选中该区域。 ③选择主菜单【插入】|【模板对象】|【可编辑区域】。弹出如图12.4所示的对话框窗口。 ④在“名称”文本框中为该可编辑区域命名。 ⑤点击“确定”按钮完成设置。第12章站点资源管理、库和模板12.2模板 (2)把页面中现有的一部分内容设置为可编辑区域 ①在页面中选择要设置为可编辑区域的内容。 ②选择主菜单【插入】|【模板对象】|【可编辑区域】。弹出如图12.4所示的对话框窗口。 ③在“名称”后的文本框中为可编辑区域命名。 ④点击“确定”按钮完成设置。 页面中的可编辑区域显示为浅绿色标签，标签上显示的是该区域名称。单击标签即可选中该区域。在可编辑区域中可以放入各种页面元素。第12章站点资源管理、库和模板12.2模板 2．可编辑区域的重命名和删除 (1)重命名可编辑区域 如果需要对可编辑区域更名，可按以下方法操作： ①单击可编辑区域左上方的标签选中该区域，并打开其属性面板。 ②在属性面板中对其名称进行编辑修改。 ③编辑完成后，在文档区内单击鼠标激活。第12章站点资源管理、库和模板12.2模板 (2)删除可编辑区域 ①将鼠标定位到要删除的可编辑区域内。 ②选择主菜单【修改】|【模板】|【删除模板标记】即完成可编辑区域的删除。第12章站点资源管理、库和模板12.2模板 12.2.3定义可编辑标记属性 定义可编辑标记属性用于指定使用模板创建网页文件时可以修改哪些元素的属性。例如对网页的背景图像属性设置可编辑标记属性后，用户在使用模板创建网页文件时就可以更改背景图像的属性。 定义可编辑标记属性的步骤如下： ①选择要设置可编辑标签属性的对象。第12章站点资源管理、库和模板12.2模板 ②选择主菜单【修改】|【模板】|【令属性可编辑】，打开如图12.5所示的对话框。 ③点击“添加”按钮添加要设置为可编辑的属性。选中“令属性可编辑”。 ④在“标签”栏中输入要设置的标签名称。可编辑属性支持的数据类型有：文本、布尔值、颜色、URL和数字。 ⑤设置完成后点击“确定”按钮。第12章站点资源管理、库和模板12.2模板 12.2.4定义重复区域 重复区域是模板中进行重复添加的区域，使用重复区域可以在模板中复制任意次数的指定区域。它还不是可编辑区域。要使重复区域中的内容可编辑，必须在其中插入可编辑区域。创建重复区域分为创建正常重复区域和创建重复表格两种。第12章站点资源管理、库和模板12.2模板 1．创建正常重复区域 ①打开一个模板，在其文档窗口中选择需要重复的元素。 ②选择主菜单【插入】|【模板对象】|【重复区域】，弹出如图12.6所示的对话框。 ③在“名称”文本框中为该重复区域命名，点击“确定”。 页面中的重复区域以浅绿色显示，左上方为标签名。由于重复区域不是可编辑区域，故要使重复区域可编辑，还需要在其中插入一个可编辑区域。如图12.7所示。第12章站点资源管理、库和模板12.2模板 2．创建重复表格 重复表格是一种特殊的重复区域，实质上就是创建一个可以随意插入使用重复行的表格，创建的步骤如下： ①打开一个模板。 ②把鼠标定位到要插入重复表格的位置上，选择主菜单【插入】|【模板对象】|【重复表格】，弹出如图12.8所示的对话框。第12章站点资源管理、库和模板12.2模板 ③根据需要设置表格的具体 参数 转速和进给参数表a氧化沟运行参数高温蒸汽处理医疗废物pid参数自整定算法口腔医院集中消毒供应 。 ④在“起始行”和“结束行”的文本框中输入要插入重复行中可编辑区域的起止位置。 ⑤在“区域名称”文本框中输入重复表格中重复区域的名称。 ⑥设置完成后点击“确定”按钮即可。第12章站点资源管理、库和模板12.2模板 12.2.5定义可选区域 可选区域用于对文档中的内容设置显示条件，为模板参数设置特定值，或在模板中定义条件语句。一般把模板中的可选区域设置为在基于模板的文档中显示或隐藏。有两种可选区域对象：一种是让模板设计者可以控制显示隐藏哪些区域，而不让用户编辑，称为正常可选区域；另一种允许用户编辑内容并设置区域显示或隐藏，称为可编辑可选区域。第12章站点资源管理、库和模板12.2模板 1．插入正常可选区域 ①在文档窗口选择要设置为可选区域的元素。 ②选择主菜单【插入】|【模板对象】|【可选区域】，弹出如图12.9所示对话框。 ③点击对话框的“基本”标签，在“名称”框中输入参数名称。选择“默认显示”则表示在文档中显示选定区域。第12章站点资源管理、库和模板12.2模板 ④点击对话框的“高级”标签，如图12.10所示。 ⑤在“使用参数”右侧下拉列表中选择与选定内容链接的现有参数。或选择“输入表达式”后在文本框中输入显示条件。 ⑥设置完成后点击“确定”按钮。第12章站点资源管理、库和模板12.2模板 2．插入可编辑可选区域 ①把鼠标定位在要插入可编辑可选区域的位置。 ②选择主菜单【插入】|【模板对象】|【可编辑的可选区域】。 ③定义的方法可仿照正常的可选区域进行。第12章站点资源管理、库和模板12.2模板 12.2.6应用模板 应用模板分两种情况：使用模板创建新文档和对现有的文档套用模板。 1．使用模板创建新文档 使用模板创建新文档，有以下两种方法： (1)使用【新建】命令 ①选择主菜单【文件】|【新建】，在图12.11的窗口中点击“模板”标签。第12章站点资源管理、库和模板12.2模板 ②在“模板用于”列表中选择要使用的模板所在的站点。 ③在“站点”列表中选择该站内要使用的模板。 ④点击“创建”按钮，生成一个基于所选模板的网页。 (2)使用资源管理面板 ①打开资源管理面板。在名称列表中选择“模板”项。 ②在面板中选择要应用的模板。 ③在该模板上点击鼠标右键，在弹出的快捷菜单中选择“从模板新建”命令。第12章站点资源管理、库和模板12.2模板 2．对现有文档套用模板 对于已经创建的模板，除了可以使用它来创建新文档之外，还可以把它套用到已有的页面中，操作的步骤如下： ①打开要套用模板的页面。 ②选择主菜单【修改】|【模板】|【套用模板到页】，弹出如图12.12所示的对话框。第12章站点资源管理、库和模板12.2模板 ③在“站点”下拉列表中选择要套用的模板所在的站点。 ④在“模板”列表中选择要套用的模板。选中“当模板改变时更新页面”。 ⑤点击“选定”按钮把相应模板套用到当前页。第12章站点资源管理、库和模板12.3库 库也是Dreamweaver中的一种特殊元素，用来存放经常使用的网页元素，如图像、声音文件、Flash等等。这些存放在库中的元素称为库项目。当库项目发生改变时，所有链接到该库项目的文件都会随着更新。第12章站点资源管理、库和模板12.3库 12.3.1定义库项目 有两种方法创建库项目：创建新的库项目和把现有的网页对象转化为库项目。 1．创建新的库项目 ①打开资源管理面板，在名称列表中选择“库”项。 ②单击资源管理面板下方的(新建库项目)按钮，在资源列表区中出现一个新的库项目，名称为可编辑状态，如图12.13所示。第12章站点资源管理、库和模板12.3库 ③给该库项目命名。 注意：此时库项目为空，可在资源管理面板中双击打开该库项目文件，添加内容。 库项目的文件后缀是LBI，在保存库项目的过程中，系统会在站点的根目录下自动建立一个名为“Library”的文件夹，专门用来存放库项目文件。不要把库项目文件存放到该文件夹外，也不要在该文件夹内存放其他文件，更不要把该文件夹删除或者移动到站点外。 删除库项目时可在资源管理面板中选中某个库项目，点击资源管理面板中的(删除)按钮。第12章站点资源管理、库和模板12.3库 2．把已有对象转换为库项目 ①选中页面中要转换为库项目的对象。 ②选择主菜单【修改】|【库】|【增加对象到库】，该对象自动转换为一个新的库项目。 ③在资源管理面板对其重命名。第12章站点资源管理、库和模板12.3库 12.3.2使用库项目 使用库项目的方法如下： ①将鼠标定位到要插入库项目的位置。 ②打开资源管理面板，在名称列表中选择“库”项。 ③在资源列表区找到要插入的库项目，点击面板中“插入”按钮。 插入库项目后就可以对其进行使用和编辑了。第12章站点资源管理、库和模板12.3库 12.3.3库项目的编辑和更新 1．库项目的编辑 库项目的编辑可遵循以下操作： ①打开资源管理面板，在名称列表中选择“库”项。 ②在资源列表区选择要编辑的库项目，在库项目上双击鼠标或点击面板中(编辑)按钮，在打开的库项目窗口中编辑。第12章站点资源管理、库和模板12.3库 2．库项目的更新 对网页中的库项目进行编辑修改之后，使用该库项目的所有页面都会随着更新，操作的方法如下： ①使用“库项目的编辑”中介绍的方法对库项目进行修改。 ②当选择主菜单【文件】|【保存】保存库项目时，弹出如图12.14所示的对话框，提示所有使用该库项目的文件是否需要更新。 ③在对话框中决定是否更新文件：点击“更新”按钮把对库项目做的修改应用到相关网页中。第12章站点资源管理、库和模板12.3库 12.3.4从库项目中分离对象 库项目的修改会影响所有链接到该库项目的文件。当用户希望某个网页中所使用的库项目不随库文件改变而改变时，可以把源文件和库项目分离，操作的方法如下： ①打开该网页。 ②在文档窗口中选中要从源文件分离的库项目。 ③在库项目上点击鼠标右键，在弹出的快捷菜单中选择【从源文件中分离】命令，如图12.15所示。 从网页中分离后的库项目自动转换成一个可编辑的元素。第12章站点资源管理、库和模板本章小结 无论是使用资源管理面板来管理网页中的元素，还是使用库和模板这两种特殊资源，目的都是为了提高网页的管理和制作效率。本章详细介绍了站点资源管理面板的组成以及使用模板和库项目的方法。通过使用站点资源管理面板可以更方便地组织各种网页元素，模板和库项目的使用有利于保持站点风格的统一，通过更新模板或库项目，所有链接到模板或库项目的页面都会随着更新。第12章站点资源管理、库和模板