最近给朋友做一个公司网站,基本都是静态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”可以理解为项目名。
网站都搞了大半了,现在才想起来用模板这玩意,之前真是不知道伤了多少精力来进行重复的修改,无语。