Dreamweaver网页设计与应用 教学课件 作者 张丽英 09.ppt

《Dreamweaver网页设计与应用 教学课件 作者 张丽英 09.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第9章模板和库本章简介：模板的功能就是把网页布局和内容分离，在布局设计好之后将其保存为模板。这样，相同的布局页面可以通过模板来创建，因此能够极大地提高工作效率。本章主要讲解了模板和库的创建方法和应用技巧，通过这些内容的学习，可以使网站的更新、维护工作变得更加轻松。课堂学习目标掌握创建和编辑模板的方法掌握管理模板的方法掌握创建库的方法掌握向页面添加库项目的方法9.1模板创建空模板创建可编辑区域管理模板9.1.1创建空模板创建空白模板有以下几种方法。在打开的文档窗口中单击“插入”面板“常用”选项卡中的“

2、创建模板”按钮，将当前文档转换为模板文档。在“资源”控制面板中单击“模板”按钮，此时列表为模板列表。然后单击下方的“新建模板”按钮，创建空模板，此时新的模板添加到“资源”控制面板的“模板”列表中，为该模板输入名称。在“资源”控制面板的“模板”列表中单击鼠标右键，在弹出的菜单中选择“新建模板”命令。9.1.2创建可编辑区域插入可编辑区域的具体操作步骤如下。（1）打开文档。（2）将光标放置在要插入可编辑区域的位置里，在“插入”面板“常用”选项卡中，单击“模板”展开式按钮，选择“可编辑区域”按钮，（3）弹

3、出“新建可编辑区域”对话框，在“名称”文本框中输入可编辑区域的名称。（4）单击“确定”按钮，在网页中即可插入可编辑区域。（5）选择“文件>另存为模板”命令，弹出“另存为模板”对话框，在对话框中的“另存为”文本框中输入模板的名称，在“站点”右侧的下拉列表中选择保存的站点。（6）单击“保存”按钮，即可将该文件保存为模板。9.1.3管理模板1．删除模板若要删除模板文件，具体操作步骤如下。（1）在“资源”面板中选择面板右侧的“模板”按钮。（2）重命名单击模板的名称以选择该模板。（3）单击面板底部的“删除”按

4、钮，然后确认要删除该模板。2．修改模板文件当更改模板时，Dreamweaver将提示更新基于该模板的文档，具体操作步骤如下。（1）在“资源”面板中，选择面板左侧的“模板”按钮。（2）在可用模板列表中，执行下列操作之一。双击要编辑的模板名称。选择要编辑的模板，然后单击面板底部的“编辑”按钮。模板在文档窗口中打开。（3）根据需要修改模板的内容。（4）保存该模板。（5）单击“更新”按钮，更新基于修改后的模板的所有文档，如果不想更新基于模板后的模板文档，单击“不更新”按钮。9.1.4课堂案例——时尚华庭信息

5、网使用“创建模板”按钮创建模板。使用“可编辑区域”制作可编辑区域效果。效果图9.2库创建库文件向页面添加库项目课堂案例——健康美食网页9.2.1创建库文件库项目可以包含文档部分中的任意元素，包括文本、表格、表单、Javaapplet、插件、ActiveX元素、导航条和图像等。库项目只是一个对网页元素的引用，原始文件必须保存在指定的位置。1．基于选定内容创建库项目2．创建空白库项目9.2.2向页面添加库项目当向页面添加库项目时，将把实际内容以及对该库项目的引用一起插入到文档中。此时，无需提

6、供原项目就可以正常显示。在页面中插入库项目的具体操作步骤如下。（1）将插入点放在文档窗口中的合适位置。（2）选择“窗口>资源”命令，启用“资源”控制面板。单击“库”按钮，进入“库”面板。将库项目插入到网页中。将库项目插入到网页有以下几种方法。将一个库项目从“库”面板拖曳到文档窗口中。在“库”面板中选择一个库项目，然后单击面板底部的“插入”按钮。9.2.3课堂案例——健康美食网页使用库面板添加库项目。效果图课堂练习——礼品网页使用另存为模板命令制作模板页。使用可编辑区域命令制作可编辑区域。使用资源及合

7、并所选单元格。使用跨度按钮修改模板文档。效果图课后习题——车行天下网页使用库面板添加库项目。使用库项目制作网页文档。效果图