第12章模板_好看的幻灯片模板PPT模板下载.ppt

第12章 模板,厦门软件学院熊锡义 2007年3月,课前复习,css样式面板 创建新的 css 规则 css 样式设置 应用类样式 编辑 css 规则 编辑 css样式表,本章要点,模板的概念 创建模板 定义可编辑区域 套用模板 修改模板 模板的应用,12.1 创建模板,12.1.1将文档另存为模板 1）打开要另存为模板的文档。 2）选择“文件”“另存为模板”。 3）从站点弹出菜单中选择一个用来保存模板的站点，并在另存为文本框中为模板输入一个唯一的名称。 4）单击保存。 dreamweaver 将模板文件保存在站点的本地根文件夹中的 templates 文件夹中，使用文件扩展名 .dwt。,12.1.2使用资源面板创建新模板,1） 在资源面板（窗口资源）中，选择面板左侧的模板类别。 即会显示资源面板的模板类别。 2）单击资源面板底部的新建模板按钮。一个新的、无标题模板将被添加到资源面板的模板列表中。 3）在模板仍处于选定状态时，输入模板的名称，然后按 enter 键。dreamweaver 在资源面板和 templates 文件夹中创建一个新的空模板。,12.2创建可编辑区域,12.2.1模板区域的类型 创建模板时，可编辑区域和锁定区域都可以更改。但是，在基于模板的文档中，模板用户只能在可编辑区域中进行更改；无法修改锁定区域。 共有四种类型的模板区域 : 1) 可编辑区域 2）重复区域是文档中设置为重复的布局部分。 3) 可选区域 4)可编辑标签属性,12.2.2插入可编辑区域,1）在“文档”窗口中，选择区域: 选择想要设置为可编辑区域的文本或内容。 将插入点放在想要插入可编辑区域的地方。 2)选择“插入”“模板对象”“可编辑区域”。 选择插入模板对象可编辑区域。 右键单击，然后选择模板新建可编辑区域。 在插入栏的常用类别中，单击模板按钮上的箭头，然后选择可编辑区域。出现新建可编辑区域对话框。 3）在名称文本框中为该区域输入唯一的名称。 4）单击确定。,12.2.3选择可编辑区域,在模板文档和基于模板的文档中，都可以容易地标识和选择模板区域。 要在文档窗口中选择一个可编辑区域： 1）单击可编辑区域左上角的选项卡。 2）若要在文档中查找可编辑区域并选择它，执行以下操作： 选择修改模板，然后从该子菜单底部的列表中选择区域的名称。 可编辑区域在文档中被选定。 12.2.4 删除(锁定)可编辑区域 1.删除可编辑区域 单击可编辑区域左上角的选项卡以选中它。 修改模板删除模板标记。 2. 更改可编辑区域的名称 单击可编辑区域左上角的选项卡以选中它。 在属性检查器（窗口属性）中，输入一个新名称。,12.3使用可选区域,12.3.1 插入可选区域 1插入可选区域 在“文档”窗口中，选择想要设置为可选区域的元素。 选择“插入”“模板对象”“可选区域”菜单菜单命令。 出现“新建可选区域”对话框。设置“可选区域”对话框选项。单击“确定”。 2插入可编辑的可选区域 1）在文档窗口中，将插入点放置在要插入可选区域的地方。 2）选择插入模板对象可编辑的可选区域。打开新建可选区域对话框. 3) 可选区域输入名称 4）单击确定,12.3.2修改可选区域,1) 重新打开“新建可选区域”对话框 在“设计”视图中，单击要修改的可选区域的模板选项卡。 2) 在属性检查器（窗口属性）中单击编辑。 出现新建可选区域对话框。按需要进行更改。 3）有关该对话框中的选项的信息。 4）单击确定。,12.4编辑和更新模板,12.4.1打开要编辑的模板 1打开并编辑模板文件 1）在“资源”面板（“窗口”“资源”）中，选择面板左侧的“模板”类别。 2)双击要编辑的模板名称。 3）根据需要修改模板的内容。 4）保存该模板。 5）单击“更新”更新基于修改后的模板的所有文档；如果不想更新基于修改后的模板的文档，单击“不更新”。 dreamweaver 显示一个记录，指示已经更新的文件。,12.4.2手动更新基于模板的文档,1将模板更改应用于当前基于模板的文档 1）在“文档”窗口中打开该文档。 2）选择“修改”“模板”“刷新当前页”。 dreamweaver 基于所有的模板更改更新该文档。 2若要更新整个站点或所有使用指定模板的文档，请执行以下操作： 1）选择“修改”“模板”“更新页面”。 即会出现“更新页面”对话框。 2）完成此对话框，然后单击“开始”。 3）单击“关闭”关闭对话框。,例12-1 创建、编辑和保存模板,1新建模板 执行“窗口”-“资源”命令，打开“资源”面板，选择模板图标。在“资源”面板的右下方单击“新建模板”按钮，如图12-3所示，输入新模板的名字jjhb，双击打开该模板，就可以编辑该模板网页。 2. 将网页另存为模板页 （1）在“设计”视图中，打开要保存为模板的网页，如图12-4所示。 （2）执行“文件”“另存为模板”命令，在“另存为模板”对话框中给模板命名为jjhb，如图12-5所示。 （3）定位光标。执行“插入”“模板对象”“可编辑区域”命令。或在“插入”栏的“常用”类别中，单击“模板”按钮上的箭头，然后选择“可编辑区域”，如图12-5所示。 4）在名称文本框中输入一个名称，默认名称为editregion1。（注意：不能对模板中的多个可编辑区域使用相同的名称。） （5）单击确定按钮，可编辑区域editregion1创建完成。 （6）执行文件保存,例12-2 利用模板创建网页,模板创建好后，就可以利用此模板快速、高效地创建风格一致的网页了。 基于模板创建网页步骤如下： （1）执行文件新建命令，选择模板选项卡，选择一个要使用的模板的站点，从列表中选择想要使用的模板，选择上面刚刚建立的模板jjhb，如图12-7所示。 （2）单击“创建”按钮，创建一个基于模板的新网页 （3）模板网页和普通网页的文档有些区别，从“设计”视图可以看出，模板网页的周围有淡黄色的边框，并且在右上端显示文字“模板：jjhb”；当鼠标在文档中为 形状时，表示此区域不可编辑，如图12-8所示。 （4）在模板网页中添加新的内容只能位于可编辑区域中。本例中，在可编辑区域“editregion1”中添加文字，如图12-9所示。 （5）保存，命名为jjff.html。按快捷键f12预览，如图12-10所示。可以看到在浏览器中预览时模板网页和普通网页没有什么区别。,本章小结,在dreamweaver中可以利用模板设计出具有统一风格的网页，同时也能更加方便网站的更新和维护。 dreamweave模板是一种特殊的文档，只要一个网页的基本版式设计好后，把它保存为模板，以后就可以重复使用该模板来建立新的网页，新建立的网页会自动套用模板中设计好的版式。当修改完模板的版式并保存后，dreamweaver会瞬间自动修改所套用的这个模板网页。当一个网站有若干个网页时，应用模板这项技术，更新这个站点，将十分方便。 本章重点内容是：模板的概念、创建模板、定义可编辑区域、套用模板、修改模板、应用模板等内容。,作业,1填空题 （1）模板是一种特殊类型的文档，用于_；可以基于模板创建_，从而使创建的文档继承模板的页面布局。 （