第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）模板是一种特殊类型的文档，用于_；可以基于模板创建_，从而使创建的文档继承模板的页面布局。（2）有四种类型的模板区域，分别是_、_、_和_。（3）可编辑区域是基于模板的文档中的_；它是_部分。（4）已经将模板文件的一个区域标记为可编辑，如果现在使其在基于模板的文档中不可编辑，要使用_命令。2简答题（1）简述如何在Dreamweaver中创建可编辑区域。（2）简述如何打开并编辑模板文件。,