打开dreamweaver以后,我们按快捷键“ctrl+n”新建一个文件,弹出下面这个对话框,点击创建。
下面我们要先建立一个模板,这个模板是我们的网站的主要布局。菜单栏上点击插入,选择模板对象,选择创建模板。
我们再通过插入表格的方式建立一个页面布局。点击表格,出现表格对话框,然后设置参数为行数2,列数1,表格宽度600.
将光标移动到表格的第二行,设置这一行的属性为高600.
在表格第一行中任意输入几个字,设置为居中。
将光标放在表格的第二行,点击 插入,模板对象,可编辑的可选区域。我们创建一个可以编辑的区域。
弹出了对话框,我们把这个可编辑的区域命名为redit。点击确定。
在设计界面就出现了一个可以编辑的区域。
我们通过插入表格的方式让这个区域变大。
将光标放在这个刚插入的表格中,然后设置属性高度为600.
这样我们就建立了一个模板,这个模板的分为了两部分,上面这部分是不可以编辑的,下面这部分是不可以编辑的,以后我们会用到这个模板。
我们点击了创建以后就来到了一个新创建的页面,这个页面使用了我刚建的模板,上面这部分是固定不变的,只有下面这一部分是可以编辑的。
我们按快捷键F12可以看到在浏览器中这个页面的样子。我们知道我们的整个网站都可以用这种布局来建立。只要我们重新编辑模板,这个网站的样式都会改变,不需要你一个一个页面去修改你的网站。
我们已经知道了怎样建立模板和怎样使用模板,那么我们的模板需要改版的时候,我们怎么办?
按快捷键“ctrl+o”打开新建对话框,然后看到这个文件夹。双击templates,这是模板的意思。
我们按快捷键ctrl+s,快速保存这个模板,挑出对话框。提示是否更新模板,其中test.html这个文件是我们刚才基于模板建立的一个页面,如果我们建立了很多页面,我们都可以在这个对话框中看到,我们修改一个模板,下面这些所有的页面都将被修改,大大方便了站长的工作。
点击更新,就弹出了更新对话框,提示完成,我们关闭即可。
我们在重新打开test.html文件,这个文件就是基于模板建立的,由于模板修改了,所以这个页面你看到了,也被修改了。这就是模板的作用:同时修改n个页面。