dreamweaver的模板的使用

来源:百度文库 编辑:神马文学网 时间:2024/04/28 11:36:40
一、模板
做一个网站,有时候很重要的一点就是整个网站的风格要统一。一些网页的版式都是相同的。
其中标题和下面的一排按钮,还有表格的编排方式,还有里面已经制作好的9磅CSS样式,这些风格都是固定的。新作一张网页上面这些都不变,而只要替换文字和一些图片就行了。按照我们的习惯方法是重新做一张,经过漫长和痛苦的等待,终于做成了和前面一模一样的网页。这时发现还有N张网页也要同样制作。
这时候,我们就需要用到模板,他可以将网页中不变的元素固定下来,然后用来应用到其他的网页上去。这样我们只要修改相应的部分就可以了无需再痛苦万分的一切重来了。模板可以由一个网页来生成。制作过程如下:
1、 制作好一个页面。
上面凡是不需要变化的元素都统一在图上做好了。
2、 选择菜单File→Save As Template(另存为模板)。
系统弹出对话框。在Save As文本框中填写模板名字,按Save。
3、 如果仔细观察标题栏的话会发现标题栏上已经发生了变化。<>表示现在编辑的是模板了。模板的扩展名也是.dwt。
4、 接下来我们要做的一个重要工作就是设置可编辑区域。如果现在直接存盘的话,这个模板生成的页面是无法进行内容修改的。因为没有指定什么地方是可以修改的。只有设置了可编辑区域,我们以后编辑网页的时候才能够对网页进行修改。在这个例子中,三个表格中的单元格是要可以替换内容的。因此就对这三个单元格设置可编辑区域。在一个单元格中单击。选择菜单Modify→Templates→New Editable Region(新可编辑区域)。在系统弹出的对话框中填入可编辑区域名称。按OK。在页面中就生成了一个{}包围的可编辑区域的标记。
5、 同样制作其他两个单元格为可编辑区域。
6、 保存模板,系统弹出提示框,“对模板进行了修改,保存后是否自动更新所有应用改模板的网页”。选择是,系统会进行搜索,并报告搜索结果。确认即可。一个模板就做好了。
如何应用一个模板到页面呢?
1、 新建一个空白页面。
2、 选择菜单window→Templates打开模板面板。单击做好的模板。按面板上的Apply按钮即可。
3、 其中,页面中的黄色部分就是模板的不可编辑区域。将页面中{}包含的部分删去。填上相应的内容。一个页面就做好了。
由此可见模板有很多的好处。1、可以生成大批的风格相近的网页。2、一旦模板修改了,就修改了一批网页。模板修改完毕存盘时,会跳出一个对话框提示是否要把修改的模板重新应用到网页上去。选择Update按钮,就把模板全部重新应用了这样的话,修改了一个页面就修改了整个网站的页面。是大大提高效率的。要编辑模板只要在模板面板中双击模板即可。
有的时候我们制作了一个应用模板的网页。但是我们想对网页的不可编辑区域进行修改的话,需要把模板和网页进行分离。在网页中选择菜单Modify→Template→Detach From Template分离模板即可。这时就和一般的网页一样可以自由编辑了。