网页制作中的模板如何创建-模板常见方式-怎么做

2024年2月4日发(作者：)

网页制作中的模板如何创建-模板常见方式-怎么做

网页制作中模板的创建主要是有这些方法：利用Dreamweaver创建空白模板;从现有文档创建模板;从模板面板创建模板;其从模板面板创建模板操作为：在"模板"面板中通过"新建模板"和"编辑"按钮即可创建。

1、创建空白模板

在Dreamweaver在创建空白模板的过程如下：

①在命令菜单中，选择"文件"→"新建"，打开"新建文档"对话框。

②在"新建文档"对话框中选择"空模板"，在"模板类型"中选择"PHP模板"，在"布局"列表中选择必须要的布局框架，在"文档类型"的弹出菜单中选择 "HTML5"。然后点击"创建"按钮即可空白模板，模板文档生成后，还要创建可编辑区域，为以后填写不同的网页内容做准备。

③在文档窗口中选择想设置为可编辑区域的文字或内容，如拖动鼠标将部分区域选为可编辑区域，然后在"插入"→"常用"面板中单击"模板"按钮，在弹出的菜单中选择"可编辑区域"。

在出现的对话框中为"可编辑区域"输入一个名称(不能使用特

第 1 页 共 2 页

别字符)，然后点击 "确定"即可创建一个可编辑的区域;也可以通过菜单命令"插入"→"模板对象"来实现创建可编辑区域。

④重复③的操作，创建不同的"可编辑区域"。

⑤在"文件"菜单中点击"储存"，并命名模板文件，模板就做好了。

注意：为了方便使用模板，系统会将模板文件储存在网站根目录下的Templates文件夹中，模板文件的扩大名为".dwt"。

此外，在模板中，可编辑区域被一个高亮的矩形边框所包围，它使用首选参数中设置的高亮颜色，并在该区域左上角的标签中显示该区域的名称。如果只是选择一个插入点在文档中插入一个空白的可编辑区域，那么该区域的名称会出现在该区域内。

2、从现有文档创建模板

从现有文档中创建模板，只要将文档储存为模板，并创建可编辑区域即可，其创建过程与和上述操作类似。

3、从模板面板创建模板

在Dreamweaver中，也可以在"模板"面板中通过"新建模板"按钮和"编辑 "按钮来创建一个新的空白模板和编辑模板。

第 2 页 共 2 页