第12章 站点资源VIP免费

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