您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 销售管理 > 第10章 使用库和模板
网页设计与制作第10章使用库和模板第10章使用库和模板知识点创建库创建模板应用模板定义可编辑区创建重复区创建可选择区更新模板第10章使用库和模板难点创建库创建模板定义可编辑区创建可选择区要求掌握了解创建模板方法模板的套用定义可编辑区更新模板10.1库的使用10.1.1创建库创建库有两种方法:新建库,或将已经做好的网页内容转换为库。利用菜单命令“窗口”|“资源”,打开“资源”面板,在左侧的按钮中单击“库”按钮切换到“库”面板。如将已有内容转换成模板,只要将要转换的内容选中,然后选择菜单命令“修改”|“库”|“增加对象到库”,单击打开对话框的“确定”按钮,新建的库对象就出现在“库”面板上,并给其重新命名。10.1库的使用10.1.2插入库将库插入到新页面中,只要单击面板下放的“插入”按钮即可。10.1.3编辑库在“库”面板中双击要修改的库对象,就会在文档编辑窗口中打开该对象。10.1.4使库对象脱离源文件选中页面中的库对象,单击“属性”面板中的“从源文件中分离”按钮,原来的库对象就又变成普通的表格和图像。10.2创建模板Dreamweaver模板和库能帮助创建具有一致样式的网页。使用模板和库使维持网站更容易,你可以在短时间内重新设计自己的网站并对数以百计的网页做出修改。模板模板:就是指一个文档,你可以将该文档用作其它要创建的文档的基础。在创建模板的时候,可以指定哪些元素保持不变(也就是不可编辑),哪些元素可以进行修改。优点:10.2创建模板风格一致,省去了制作相同页面的编辑工作如果要修改共同的页面不必一个一个修改,只要更改应用于它们之上的模板即可。一.创建模板可以从现存的HTML文档中创建模板,然后修改以符合需要;也可以从一个空白的HTML文档开始创建模板。Dreamweaver将模板保存在站点根目录的Templates文件夹中,模板文件扩展名为.dwt。10.2创建模板如果该文件夹并不存在,那么当保存新模板时Dreamweaver将自动创建一个。注意:1)不要将模板从Templates文件夹中移走,或者将一些非模板文件放进Templates文件夹。当然更不要将Templates移动到本地根目录之外,这些作法都会导致模板的路径错误.2)绝大多数与模板相关的操作只有在「设计」视图激活时才能进行。如果基于模板的命令在「代码」视图中不能使用,点击「设计」视图。10.2创建模板1.将现存文档保存为模板:1)选择「文件>打开」并选取一个文档。2)当文档打开后选择「文件>另存为模板」。3)在出现的对话框的弹出式菜单中选取站点,然后在「另存为」对话框中为模板输入名称。4)点击「保存」。模板文件被保存到站点的Templates文件夹中,文件扩展名为.dwt。10.2创建模板注意:1)如果还没有定义任何可编辑区域,将被警告目前模板不包含任何可编辑区域。可以强行保存该模板,模板中不包含任何可编辑区域也可以修改该模板,但不能修改基于该模板的文档,直到在模板中创建可编辑区域为止。2)如果文档是基于模板的,而又需要将其保存为一个模板,那么必须首先将它从模板中分离出来。10.2创建模板2.创建新的空白模板:1)在文件面板中选择「资源」面板,再在「资源」面板中选择「模板」分类。2)在「资源」面板中点击底部的「新建模板」按钮。一个新的无标题模板被添加到面板的模板列表中。3)当模板仍处于选定状态时,为该模板输入一个名称。1.编辑模板文件10.2创建模板1)在「资源」面板中,选定「模板」分类。「资源」面板下部栏中列出当前站点所有可用模板,顶部栏中显示选定模板的预览。2)在「资源」面板中,请执行下列步骤之一:①双击模板名称。②点击「资源」面板底部的「编辑模板」按钮。3)在「文档」窗口中编辑模板。在模板中所需要的地方创建可编辑区域4)选择「文件>保存」保存编辑好的模板。10.2创建模板编辑一个文档所基于的模板文件:选择「修改>模板>打开附加模板」后进行修改。2.定义模板可编辑区域在模板中,可编辑区域是基于该模板的页面中可以修改的部分,非编辑(锁定)区域是在所有页面中保持不变的页面布局部分。创建模板时,新模板中的所有区域都是锁定的,所以要使该模板有用,必须先定义一些可编辑区域(解锁)。当编辑模板文件时,可以对编辑区域和锁定区域进行修改。然而在基于模板的文档中,只能对文档的可编辑区域进行修改,文档的锁定区域是不能修改的。10.2创建模板I.将现存模板的内容定义为可编辑区域:1)在模板文件中,选取需要转换为可编辑区域的文本或内容。2)执行下列步骤之一:右键点击选定的文本,然后从快捷菜单中选择「新建可编辑区域」。从模板选项卡中单击可编辑区域。3)在「新建可编辑区域」对话框中,为区域输入唯一的名称。(不能在同一模板中为一个以上的可编辑区域使用同样的名称。)可编辑区域在模板中被一个高亮的矩形外框环绕起来,左上角的选项卡显示该区域的名称。10.2创建模板说明:Dreamweaver并不识别将表格单元格标记为可编辑和将单元格内容标记为可编辑有什么不同。层和层中的内容是分开的元素。将层标记为可编辑可以改变层的位置,也可以改变层的内容。但是将层的内容标记为可编辑,就只能修改层的内容不能修改其位置。若要选取层的内容,在层中点击,然后选择「编辑>全选」;若要选取层本身,确认已经显示不可见元素,然后点击代表层位置的图标。如果将层的内容设为可编辑,而后来又想将其位置设为可编辑,那么首先需要取消对层的内容的可编辑,然后再将层设置为可编辑。10.2创建模板注意:当命名一个区域时,不能使用下面的字符:单引号或双引号(‘“),尖括号(),和与符号(&)。II.在模板中插入空的可编辑区域1)在模板中将插入点放置到需要插入可编辑区域的地方。2)从模板选项卡中单击可编辑区域。3)在「新建可编辑区域」对话框中,输入该区域的名称。由大括弧包围起来的区域名称将作为占位符插入到模板中,并由一个高亮的矩形外框所包围。当将模板应用到文档时,可以选择大括弧和区域名称,将它们用文本,图象和其他内容代替。10.2创建模板创建基于模板的文档可以使用模板作为一个新文档的起始点,或者将模板应用到现存文档。1.创建基于模板的新文档执行下列步骤之一:方法一:选择「文件>从模板新建」。在出现的对话框中选择一个模板。(如果不需要新文档在模板修改时更新,取消对「当模板修改时更新页面」选项的选取)然后点击「选定」。10.2创建模板方法二:选择「文件>新建」以创建新文档,然后从「资源」面板的「模板」分类中选取一个模板,点击「应用」按钮将该模板应用到文档上。(也可以将模板从「资源」面板拖动到文档中。)2.查找文档中的可编辑区域若要在文档中查找可编辑区域并选取它选择「修改>模板」,然后从子菜单下部的列表中选择区域名称。域在文档中被选定,可以在该区域键入新文本,或者在区域中点击来编辑内容。10.2创建模板3.将文档同模板分离若要对使用模板的页面中的锁定区域和可编辑区域都进行修改,必须首先将页面和模板分离开。当页面分离以后成为一个普通文档,没有可编辑或锁定区域,也没有连接到任何模板文件中。需要注意的是这同时也意味着当模板更新时该页面不会更新。若要将文档和模板分离1)打开需要分离的文档。2)选择「修改>模板>从模板中分离」。页面将同模板分离开,所有的区域都变成可编辑的。10.2创建模板4.更新基于模板的页面当对模板进行了修改,Dreamweaver会提示更新所有基于该模板的页面,也可以使用更新命令来手工更新当前页面或整个站点。I.使用当前版本的模板更新当前文档:选择「修改>模板>刷新当前页」。II.更新整个站点或使用某特定模板的所有文档:1)选择「修改>模板>刷新页面」。「更新页面」对话框出现。10.2创建模板2)在「查看」弹出式菜单中,执行下列步骤之一:选择「整个站点」,然后从相邻的弹出式菜单中选择站点名称。这将更新选定站点中的所有应用模板的页面。选择「文件使用」,然后从相邻的弹出式菜单中选择模板名称,这将更新当前站点中使用选定模板的所有页面。3)确认「模板」在「更新」选项中已经选中。4)点击「开始」。Dreamweaver更新所指定的文件。如果选取了「显示记录」选项,Dreamweaver将提供它试图更新的文件信息,包括是否成功更新的信息。
本文标题:第10章 使用库和模板
链接地址:https://www.777doc.com/doc-3405220 .html