在创建网页模板时,可以指定模板中哪些元素是可变的,哪些元素是不可变的,可变的元素可以作为不同页面的核心内容,不可变元素可以作为整个网站中独有风格的一部分。例如,网站的logo图标和导航栏就是模板中不可变的元素,而每个页面中的主体内容则是可变的元素。这两部分内容并不是一成不变的,可以根据需要进行编辑。
在Dreamweaver中创建网页模板时,Dreamweaver会自动把模板存储在站点的本地根文件夹下的Templates子文件夹中,如果此文件夹不存在,Dreamweaver会自动创建。
创建一个空白的模板可以按照以下步骤进行操作:
打开Dreamweaver,选择“文件”→“新建”命令,打开“新建文档”对话框,在该对话框中选择“空白页”,页面类型选择“HTML模板”,如图3.1所示。
图3.1
单击“创建”按钮,创建一个空白的HTML模板文件。
选择“文件”→“保存”命令,弹出如图3.2所示的提示框,单击“确定”按钮。打开“另存模板”对话框,如图3.3所示。
图3.2
图3.3
设置模板保存站点和名称后,单击“保存”按钮。
这样就创建了一个空白的网页模板文件,网页模板文件的后缀名为dwt。后期还可以对这个网页模板进行编辑,设置更多的可编辑区域。
通常情况下,我们会根据一个现有的页面文件来创建模板,具体操作步骤如下:
选择“文件”→“打开”命令,如图3.4所示,选择一个HTML页面,打开现有的文件。
图3.4
选择“文件”→“另存为”命令,如图3.5所示,选择保存类型为“Template Files(*. dwt)”,设置文件名,单击“保存”按钮。
将光标移动到需要编辑的区域,依次选择“插入”→“模板”→“可编辑区域”命令,如图3.6所示。
图3.5
图3.6
重复步骤
的操作,设置其他可编辑区域,最终保存模板即可。