HTML制作之模板使用

最近给朋友做一个公司网站，基本都是静态HTML，我一直是做web后台的，很少自己亲手写页面，都是美工把demo做好了的；

页面的头部和尾部都是一样的，我之前没有使用模板，都是每个页面都把头部和尾部复制进去，可是一旦头部和尾部有改动，哪怕是一点点的改动，所以的页面的头部和尾部都要去手动的去改，非常苦恼，相当郁闷；用模板就可以解决这个问题。

一、创建模板

新建一个html，这个html里放的是头部和尾部，然后在dreamweaver的“文件”  - > “另存为模板”，打开创建的模板后选中某一代码块，“插入” - > “模板对象” - > “可编辑区域”来指定可编辑区域，也可以手动的来指定，将<!-- TemplateBeginEditable name="EditRegion1" -->EditRegion1<!-- TemplateEndEditable -->复制到指定的地方即可，需要注意的是name的值不能一样，如下：

<!-- TemplateBeginEditable name="EditRegion1" -->EditRegion1<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="EditRegion2" -->EditRegion2<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="EditRegion3" -->EditRegion2<!-- TemplateEndEditable -->

......

二、使用模板

菜单命令“文件” -> “新建” -> “模板” ->选择模板所在的站点 -> 选择模板 -> 创建，这样在新建的html页面中的可编辑区域里就可以编辑内容了，以后如果模板里的内容改变了，其他所有使用了模板的html页面都是自动的更新，的确是方便。不过还有一个问题需要特别注意，模板涉及到资源文件的路径的一定要以根目录来写，不能用.../res这样的写法，正确的写法如下：/companySite/res，“companySite”可以理解为项目名。

网站都搞了大半了，现在才想起来用模板这玩意，之前真是不知道伤了多少精力来进行重复的修改，无语。