Dreamweaver网页设计 第11章模板和库
Dreamweaver 网页设计 第11章 模板和库
【学习概述】 模板和库都是神奇的网页设计技术。在 Dreamweaver中可以利用模板和库设计出 具有统一风格的网页,同时也能更加方便 网站的更新和维护。本章重点内容是:模 板和库的概念、创建模板、定义可编辑区 域、套用模板、修改模板和库等内容
【学习概述】 模板和库都是神奇的网页设计技术。在 Dreamweaver中可以利用模板和库设计出 具有统一风格的网页，同时也能更加方便 网站的更新和维护。本章重点内容是：模 板和库的概念、创建模板、定义可编辑区 域、套用模板、修改模板和库等内容
11.1资源 资源是指网站中用到的图片、颜色、链接、动画等元素。执行【窗口】 >【资源】命令,打开“资源”面板,如图11-1所示。 件资源代码片断 图像:⊙站点O收目 台式 人 图11-1“资源”面板 选择“站点”列表则显示站点的所有资源;选择“收藏”列表仅显示收藏的资 读者可以使用“资源”面板来组织和管理站点中使用到的资源,“资源 面板中显示了站点中的资源,并且把它们分为以下几类: 图像:站点中各式各样的图像,包括G|F、JPEG或PNG格式的图像文件。 颜色:站点的文档和样式表中使用的颜色,包括文本颜色、背景颜色和链接颜 色 URLs:当前站点文档中的外部链接。此类别包括下列类型的链接:FTP gopher、HTTP、Https、JavaScript、电子邮件(mailto)和本地文件 (file 1)
11.1 资源 资源是指网站中用到的图片、颜色、链接、动画等元素。执行【窗口】- >【资源】命令，打开“资源”面板，如图11-1所示。 图11-1“资源”面板 选择“站点”列表则显示站点的所有资源；选择“收藏”列表仅显示收藏的资 源。读者可以使用“资源”面板来组织和管理站点中使用到的资源，“资源” 面板中显示了站点中的资源，并且把它们分为以下几类： 图像：站点中各式各样的图像，包括 GIF、JPEG 或 PNG 格式的图像文件。 颜色：站点的文档和样式表中使用的颜色，包括文本颜色、背景颜色和链接颜 色。 URLs：当前站点文档中的外部链接。此类别包括下列类型的链接：FTP、 gopher、HTTP、HTTPS、JavaScript、电子邮件（mailto）和本地文件 （file://）
Flash: Macromedia flash格式文件。注意这里仅仅显示SWF文件 压缩的 Flash文件,后缀名为“SW),而不显示FLA( Flash源 文件,后缀名为“fa”)文件 Shockwave: Macromedia shockwave格式文件 影片: Quick Time或MPEG格式文件 脚本: JavaScript或 VBScript文件。 模板:显示模板文件 库项目:显示库项目文件。 “资源”面板右下方的几个按钮的作用如下 刷新站点列表 新建模板或库项目。 编辑资源 删除资源
• Flash： Macromedia Flash 格式文件。注意这里仅仅显示 SWF 文件 （压缩的 Flash 文件，后缀名为“.swf”），而不显示 FLA（Flash 源 文件，后缀名为“.fla”）文件。 • Shockwave： Macromedia Shockwave 格式文件。 • 影片： QuickTime 或 MPEG 格式文件。 • 脚本： JavaScript 或 VBScript 文件。 • 模板：显示模板文件。 • 库项目：显示库项目文件。 • “资源”面板右下方的几个按钮的作用如下： • ：刷新站点列表。 • ：新建模板或库项目。 • ：编辑资源。 • ：删除资源
1111模板 模板是一项伟大的技术。模板是一种特殊的文档,只要一个网页的基本 版式设计好后,把它保存为模板 就可以重复使用该模板来建 的网页会百动套用模板中设计好的版 模板的版式并保存后, Dreamweaver会瞬间自动修改所套用的这个模 板网页 个网站有成 页时,如果没有应用模板技术 在更新这个站点时会使这种工作变得极其困难。如果应用了模板这项 术,要更新这个站点,将极其容易。在“资源面板”中单击“模板” 钮,显示站点中所有模板 111.2库 库项目是用来放置站点中重复使用的元素对象,可以被定义为库 项目的元素很多,比如文字、图像、表格等。如果将网页的部分 内容定义为库项目,则当更新该库项目时,所有使用库项目的页 面都得到更新。模板和库有相似之类,比如瞬间更新网站内容。 不同的是:使用模板是整体页面形式相同,部分元素不同;使用 库是部分元素相同,整体页面形式差别很大。也就是说,模板的 作用是将整个网页“共享”起来,而库的作用只是将网页中局部 元素“共享”起来。当然读者完全可以在同一个网页中既应用模 板又应用库项目。在“资源面板”中单击“库”按钮,显示库项 目,如图112所示
11.1.1 模板 模板是一项伟大的技术。模板是一种特殊的文档，只要一个网页的基本 版式设计好后，把它保存为模板，以后就可以重复使用该模板来建立 新的网页，新建立的网页会自动套用模板中设计好的版式。当修改完 模板的版式并保存后，Dreamweaver会瞬间自动修改所套用的这个模 板网页。当一个网站有成千上万个网页时，如果没有应用模板技术， 在更新这个站点时会使这种工作变得极其困难。如果应用了模板这项 技术，要更新这个站点，将极其容易。在“资源面板”中单击“模板” 按钮 ，显示站点中所有模板。 11.1.2 库 库项目是用来放置站点中重复使用的元素对象，可以被定义为库 项目的元素很多，比如文字、图像、表格等。如果将网页的部分 内容定义为库项目，则当更新该库项目时，所有使用库项目的页 面都得到更新。模板和库有相似之类，比如瞬间更新网站内容。 不同的是：使用模板是整体页面形式相同，部分元素不同；使用 库是部分元素相同，整体页面形式差别很大。也就是说，模板的 作用是将整个网页“共享”起来，而库的作用只是将网页中局部 元素“共享”起来。当然读者完全可以在同一个网页中既应用模 板又应用库项目。在“资源面板”中单击“库”按钮，显示库项 目，如图11-2所示