第12章节 站点资源.ppt

第12章 站点资源管理、库和模板 第12章 站点资源管理、库和模板 在网站的设计开发过程中，各种资源的积累会越来越多，需要有一种行之有效的管理方法对这些资源进行管理。在Dreamweaver中，使用资源面板可以方便地管理站点中的图片、颜色、脚本和链接等多种常用资源。在资源面板中，还有两种特殊的资源：库和模板。库和模板主要用来在站点中重复使用特定的元素。库多用于设计个别元素，而模板多用于控制大的区域。 12.1 站点资源管理面板 在站点设计过程中，站点中的所有资源都存放在建立站点时指定的站点目录下。资源管理面板用于对站点内的资源进行管理。使用主菜单【窗口】|【资源】或按F11键可以打开资源管理面板，如图12.1所示。该面板由以下几个部分组成： ① 各种资源选择按钮：包括图像、颜色、链接、Flash、Shockwave、影片、脚本、模板和库等。单击某个按钮，在资源列表区中将列出对应类型的资源。 12.1 站点资源管理面板 图像：指GIF、JPEG或PNG格式的图像文件。 ◆ 颜色：指站点中文档和样式表中使用过的颜色，包括文本颜色，背景颜色和链接颜色。 ◆ 链接：指站点文档中的各种链接。包括FTP、HTTP、JavaScript、电子邮件和本地文件链接等。 ◆ Flash：站点中所有Flash文件，后缀为SWF。 ◆ Shockwave：站点中所有Shockwave格式的文件。 ◆ 影片：站点中QuickTime或MPEG格式的文件。 ◆ 脚本：站点中JavaScript或VBScript文件。 12.1 站点资源管理面板 模板：可以在多个文件中重复使用的同一个页面布局。当修改一个模板时，所有应用该模板的文件都随着更新。 ◆ 库：在多个页面中使用的元素。修改一个库项目时，所有使用该库项目的文件都随着更新。 ② 资源列表区：当点击名称按钮选择某种资源后，资源列表区内会显示出站点中包含的该类资源。该区显示资源的名称、大小、类型和完整路径等信息。 ③ 资源预览区：在资源列表区中选择某个特定资源(例如一张图片)，该资源的预览形式会出现在资源预览区当中。 12.1 站点资源管理面板 ④ 【插入】按钮：在某个文档中应用某项资源时，先在资源列表区中选中该资源，然后点击【插入】按钮可将对应的资源插入到文档中。 ⑤ (刷新)按钮：对站点内资源进行刷新，跟踪资源的添加、删除和修改情况。 ⑥ (编辑)按钮：启动某项资源的默认编辑器。 ⑦ (添加到收藏夹)按钮：把选中的资源转移到站点收藏夹中。 新建和删除等按钮将在12.2节中介绍。 12.2 模 板 模板是一种特殊的网页文件，使用模板可以快速的制作出风格相同或相似的页面。模板由可编辑区域和不可编辑区域组成，不可编辑区域为固定区域，是制作页面时的公共部分；可编辑区域为可替换的部分，用户可以根据不同页面的要求输入不同的内容。模板的功能还体现在能快速的更新多个页面，对于网站中所有使用模板的页面，当模板中的不可编辑区域发生改动时，这些页面都会随着更新，方便网站的管理。 12.2 模 板 12.2.1 建立模板 模板的建立有两种方法：一种是创建空白模板，然后在空白模板上进行设计和制作，另一种是直接将现有网页另存为模板。 1．创建空白模板 创建空白模板的方法如下： ① 打开资源管理面板。 12.2 模 板 ② 单击资源面板名称列表中的“模板”项，打开如图12.2所示的窗口。 ③ 找到(新建模板)按钮，点击新建一个模板文件，文件名称显示为可编辑状态。 ④ 为新模板文件命名。 ⑤ 选中该文件，单击资源面板右下方的(编辑)按钮，对空白模板进行编辑。所有模板文件的后缀名都是DWT。 12.2 模 板 2．将现有网页另存为模板 将现有网页另存为模板的操作步骤如下： ① 打开需要将其另存成模板的网页。 ② 清除网页中需要重新输入内容的区域(即可编辑区域)，保留固定不变的区域(即不可编辑区域)。 ③ 选择主菜单【文件】|【另存为模板】，打开如图12.3所示的对话框。 12.2 模 板 ④ 在“站点”下拉列表中选择用来保存模板的站点。 “现存的模板”列表中列出了所选站点内已经存在的模板。 “描述”文本框中可以输入对当前模板的说明性文字。 ⑤ 在“另存为”文本框中为模板命名。 ⑥ 点击“保存”按钮完成设置。 12.2 模 板 在保存模板的过程中，系统会在站点的根目录下自动建立一个名为“Templates”的文件夹，专门用来存放模板文件。注意：不要把模板文件存放到该文件夹外，也不要在该文件夹内存放其他文件，更不要把该文件夹删除或者移动到站点外。 删除模板时，在图12.2中选中某个模板，点击资源管理面板中的(删除)按钮即可。 12.2 模 板 12.2.2 定义可编辑区域 模板是由可编辑区域和不可编辑区域组成的