实验六模板与库.docVIP

实验六 模板和库 一．实验目的: 1．掌握库与模板的基础知识：如何创建和设置库部件、为网页添加和编辑库部件；并掌握创建模板、设置模板的各项属性等内容； 掌握库与模板学会通过模板和库元素创建网页的方法： 通过模板可以生成具有固定格式的网页，并通过设定可编辑区域在其中插入不同的内容。 模板的功能就是把网页布局和内容分离，在布局设计好之后将其存储为模板，这样相同布局的页面可以通过模板创建，因此能够极大地提高工作效率。 库：库与模板的作用和使用方法类似，模板是为了方便用户对站点中所有的文档进行管理和更新，库则可以方便用户对网页局部进行更新； 库是一些网页元素的集合的文件。创建库后，库文件就是在站点根目录下名为library文件夹中以lbi为扩展名的文件。 库的内容可以包括文本、图像等所有的网页元素，它可以在站点中的其他页面上被重复使用 2．模板创建 它和制作一个普通的页面完全相同，只是不需要把页面的所有部分都制作完成，仅仅需要制作出导航条、标题栏等各个页面的公有部分，而把中间区域用页面的具体内容来填充。 3．模板中的固定区域与可编辑区域的区别和用途 在模板页中，大致可以分为两个部分，固定区域部分（模板页中直接插入的网页元素默认为不可编辑区域），可编辑区域部分（只有把某个区域或者某段文本设置为可编辑状态之后，在应用该模板创建的文档中才可以改变这个区域的内容），如果一个模板中没有插入可编辑区域，那这个模板是没有用的。在制作模板时，我们把导航条、标题栏等各个页面的公有部分直接插入在页面上，而把变化的内容处插入一个“可编辑区域”，在利用该模板创建网页时再把该部分内容完成。 4．更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响Dreamweaver MX的模板或库修改功能来解决这个问题。比如我们对模板进行了修改之后，运行“文件”/“保存”命令来保存模板，这时候会弹出提示框询问是否更新所有使用了该模板的页面，确认之后就会显示出更新的页面总数以及更新的时间等信息。 5．熟悉资源面板打开“资源”面板：选择“窗口”“资源”。 出现“资源”面板。默认情况下，“图像”类别处于选定状态。 “图像”是 GIF、JPEG 或 PNG 格式的图像文件。有关图像的信息，“图像”是 GIF、JPEG 或 PNG 格式的图像文件。 “颜色”是站点的文档和样式表中使用的颜色，包括文本颜色、背景颜色和链接颜色。“URL”是当前站点文档中的外部链接。此类别包括下列类型的链接：FTP、gopher、HTTP、HTTPS、JavaScript、电子邮件 (mailto) 和本地文件 (file://)。“Flash”影片是任何版本的 Macromedia Flash 格式文件。“资源”面板仅显示 SWF 文件（压缩的 Flash 文件），而不显示 FLA （Flash 源）文件。“Shockwave”影片是任何版本的 Macromedia Shockwave 格式文件。“影片”是 QuickTime 或 MPEG 格式文件。“脚本”是 JavaScript 或 VBScript 文件。请注意，HTML 文件（而不是独立的 JavaScript 或 VBScript 文件）中的脚本不出现在“资源”面板中。有关在 Macromedia Dreamweaver 中使用 JavaScript 的信息，“模板”提供了一种方便的方法，用于在多个页面上重复使用同一页面布局，以及在模板被修改时修改附着到该模板的所有页面上的布局。“库”项目是在多个页面中使用的元素；当修改一个库项目时，包含该项目的所有页面都将被更新。备注： “资源”面板中仅显示属于这些类别的文件。某些其他类型的文件有时也称为资源，但这些文件不在面板中显示。 2、创建、设置库部件，练习为网页添加库部件3、创建、设置、修改模板4、套用模板创建文档，利用库部件更新网站 实例设计：四．实验步骤 1．模板实例这是一个模板的基本布局，在这个可编辑区域内可根据不同的页面改变其内容，而上面导航的内容及下面的制作信息是固定的不可改变的，所以模板最适合大量风格布局相同的网页。制作步骤： “文件”/“新建”，接着从窗口中选择“模板页”/“HTML模板”，点“创建”按钮，设置上面的导航条及下面的版权信息等内容。新建一个网页将网页另存为模板（命名任意，扩展名为.dwt）。 在网页中间插入一个表格，设置表格为可编辑区域。　　　　（插入—— 模板对象——可编辑区域——为区域命名） 保存模板。 文件——从模板新建文件即可。库实例 制作步骤： 新建一个网页中，在网页中制作图库项目的内容1）设计一个导航条，图6.3或课程设计网站的导航条； 2）设计一个网页的页脚部分，图6.4，或包括一些相关的链接，版权信息等。 2）选中做好的内容，修改——库——增加