目录:
视频: 動畫特效製作 2024
许多Web设计程序吹嘘他们的HTML模板。他们真正的意思是,他们包括一些现成的网页设计的程序。 Dreamweaver通过提供模板设计功能使这一概念进一步发展,使您能够创建页面的基本设计,然后控制哪些部分可以或不可以被修改。如果您正在与一个不同技能水平的开发团队合作,这是一个很有价值的功能。例如,如果您正在为一家房地产公司建立一个网站,并且希望让员工更新销售清单而不会弄乱页面设计,那么一个模板就可以成为完美的解决方案。
<! - 1 - >当您创建多个共享某些特征的页面(如背景颜色或导航元素)时,最好使用模板。不是为每个新页面设置正确的属性,或是在页面上对页面进行相同的更改,可以使用模板一次对多个页面进行更改。
保持模板的真实性
使用Dreamweaver模板功能的一大优点是可以指定模板的哪些区域可以更改。如果您正在与HTML中的各种技能水平的人一起工作,并且希望更高级的设计人员创建一个经验较少的人以后不能搞砸的页面,这一点尤其有用。考虑到这一目标,模板具有可编辑区域和锁定(不可编辑)区域。对于更改的内容(如产品说明),使用 可编辑区域 。将静态的,不变的内容(如徽标或网站导航元素)用于锁定区域。
即使在使用它创建文档后,也可以修改模板。然后,当您更新使用该模板的文档时,这些文档的不可编辑部分会更新以匹配您在模板中所做的更改。
在编辑模板本身时,可以对文件的任何部分进行更改,无论是可编辑区域还是锁定区域。但是,在编辑由模板制作的文档时,只能更改文档的可编辑区域。如果您在创建模板后返回并更改模板,则Dreamweaver会让您选择将这些更改反映在您使用该模板创建的所有页面中,还是仅反映当前正在编辑的页面。
创建模板
创建模板与在Dreamweaver中创建任何其他文件一样简单,如以下步骤中所示。您可以从现有的HTML文档开始,对其进行修改以适应您的需要,也可以创建一个全新的文档。当您将文件另存为模板时,该文件会自动存储在Web站点的主文件夹的Templates文件夹中。必须将模板保存在此常用文件夹中才能使Dreamweaver中的自动功能正常工作。如果您的网站中没有Templates文件夹,Dreamweaver会在您存储第一个模板时自动创建一个。
只有在Dreamweaver中定义了网站时,模板功能才有效
默认情况下,模板中的所有元素都被锁定,但由标记指示的文档标题部分除外。 (文档标题部分未锁定是Dreamweaver 4中的改进 - 在Dreamweaver 3中,不能使标题区域可编辑)。要使模板具有任何用于构建新页面的用途,您还必须使页面的其他区域可编辑。请记住,您始终可以返回到模板,并使更多区域可以编辑或删除稍后编辑某些区域的功能。
要创建带有可编辑区域的模板,请按照以下步骤操作:
1。选择窗口 - >模板。
2。在“模板”面板中,单击右上角的箭头,然后从打开的下拉菜单中选择“新建模板”。
将一个新的无标题模板添加到面板中的模板列表中。
3。在模板仍处于选中状态的情况下,为模板输入一个名称,就像在Mac上的Finder中的任何文件或PC上的资源管理器中的文件名一样。
将新模板添加到“网站模板”列表中。
4。在命名新模板之后,双击名称将其打开。
模板页面将在Dreamweaver中以任何其他HTML页面的形式打开,但文件名以扩展名结尾。载重吨。
现在,您可以像编辑其他HTML页面一样编辑此页面,插入图像,文本,表格等等。
5。选择“修改” - >“页面属性”来指定背景,文本和链接颜色。
接下来,您在页面上放置一些文字或图片,作为将来可能要更改的信息的占位符。
6。要使图像或文本区域可编辑,请选择图像或文本,然后选择“修改” - >“模板” - >“新建可编辑区域”。 (您选择为可编辑的图像或文本成为可以在使用该模板创建的任何页面中更改的区域。不标记为可编辑的区域将变得固定,只有修改模板本身才能更改。
“新建可编辑区域”对话框打开。
7。在名称文本框中,输入可编辑区域的名称。
文本或图像在模板中突出显示,表明它是可编辑的。您可以根据需要命名区域,但是选择与您要放入该区域的信息类型相对应的内容会使您更容易记住。
8。要使其他图像或文本区域可编辑,请重复步骤6和7.
9。保存模板并在完成后关闭文件。
可以使整个表格或单独的表格单元格可编辑,但不能一次编辑多个单元格,除非先合并它们。如果要使表格中的某些单元格可编辑,而不是其他单元格,则必须一次选择一个单元格。图层和图层内容也被视为单独的元素,但可以标记为可编辑。使图层可编辑使您可以更改该图层的位置。使图层内容可编辑意味着您可以更改图层的内容,例如图层中的文本或图像。