网页设计教程07-10层的应用,框架网页和其他页面表现风格.ppt

10.2.3 管理模板 1. 重命名模板 2. 删除模板 10.2.4 模板的应用 在创建了模板后，就可以方便的使用模板创建新的页面。 1. 创建基于模板的新页面 10.3 库项目的创建与管理 站点中往往除了有许多具有相同外观的页面之外，还有许多需要经常更新的页面元素，例如版权声明、站点导航等。这些页面元素与模板不同，它们都只是页面中一小部分，而且在各个页面中的位置不同。可以把这些的页面元素保存为一个库文件。需要时插入库文件，同时快速更新。在库中可以存储各种页面元素，例如图像、表格、声音等。库项目的使用比模板灵活，库项目可以放置在页面的任意位置。Dreamweaver CS3将库项目存放在每个站点的本地根目录下的Library文件夹中，扩展名为.lbi。所有的模板文件都放在站点根目录下的Templates子目录中，扩展名为.dwt。 10.3.1 创建库项目 Dreamweaver CS3可以将文档中的经常使用的元素创建成库项目，包括文本、表格、插件、导航条、图像等，也可以创建空白的库项目。 10.3.2 编辑库项目 创建好库项目后，还可以对库项目进行编辑。 （1）选择“窗口”菜单，单击“资源”，打开 “资源”面，选择库类别。 （2）选择需要编辑的库项目，单击“库”面板底部的编辑库项目按钮或者双击库项目。 （3）在编辑库项目窗口中，可以重新编辑库项目。 编辑完毕后保存。系统打开 “更改库项目”对话框。 在“更新库项目”对话框中要选择是否更新使用过库项目的文件。单击“更新”，自动更新本地站点中所有使用库项目的文件。单击“不更新”，不会更改任何文档。 10.3.3 重命名库项目 创建好的库项目，可以使用以下方法进行重命名。 1. 选择“窗口”菜单，单击“资源”，打开“资源”面板，选择库类别。 2. 选择需要重新命名的库项目，在库项目名称上在单击一下，则库项目名称以反白显示，处于可编辑状态，也可以选中需要重命名的库项目右击，在弹出的快捷菜单中选择“重命名”。 3 .输入名称后，保存更改。 10.3.4 删除库项目 在“资源”面板中删除无用的库项目，方法如下： （1）选择“窗口”菜单，单击“资源”，打开“资源”面板。 （2）打开“资源”面板的库类别，选中需要删除的库项目，执行下列操作之一： ①按Delete键 ②直接单击“资源”面板右下角的“删除”按钮。 ③右击要删除的库项目，在弹出的快捷菜单中选择“删除”命令。 （3）进行删除操作后，打开提示对话框，提示是否删除库项目。选择“是”可以删除库项目，使用库项目的文件不会更改。 10.4 库项目的应用 将库项目应用到页面时，实际内容以及对项目的引用会被插入到文档中。 新建一个网页，将库项目“版权说明”应用到文档中。 （1）创建的网页h2。 （2）将光标置于要插入项目的位置，选择“窗口”菜单，单击“资源”，打开“资源”面板，选择“库”类别。 （3）从“库”面板中选择一个库项目拖到文档窗口。或者单击右下角的插入按钮，如图10-20所示。 图10-20 应用库项目 （4）添加库项目后效果如图10-21。运用同样的方法添加多个项目到网页。 图10-21 应用库项目效果图 第10章 思考题 1. 新建一个网页，并根据创建的网页创建网页模板。 2. 如何为网页模板定义可编辑区域？ 3. 将第1题中创建的网页模板应用到新网页中。 4. 制作一个网页，包含一个导航条。将导航条创建为库项目。 5. 将第4题中创建的导航条库项目应用到新网页中。 2.删除框架 若要删除一个框架，可将框架的边框拖离页面或拖到父框架的边框上。 需要注意的是：不能通过拖动边框完全删除一个框架集。要删除一个框架集，请关闭显示它的“文档”窗口。如果该框架集文件已保存，则删除该文件。 8.2.3 选择框架和框架集 创建好框架集和框架之后，我们可以对框架集和框架进行一系列的操作，例如保存、指定框架的打开文档、设置框架集和框架的属性等。要进行这些操作，第一步就是学会选择框架和框架集。 1.在“框架”面板中选择框架和框架集 2.在文档窗口中选择框架和框架集 8.3 保存框架和框架集文件 框架集文件以及要在框架中显示的所有文档必须先保存，然后才可以在浏览器中预览该页面。我们可以分别保存框架集文件和带框架的文档，也可以同时保存框架集文件和框架中出现的所有文档。 1．保存框架集文件 2．保存在框架中显示的文档 3．同时保存框架集文件和框架中的所有文档 8.4 框架内网页的链接 8.4.1制作框架内的网页 完成框架和框架集的保存后，我们就可以将光标插入到子框架中开始制作网页了。制作框架内的网页实际上就是指定框架的初始内