网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科
简体

什么是网页模板

时间:2015-07-21 来源:尚品中国 类型:网站百科
字号:   

模板是一种提高网站制作效率的有效工具。在网页设计中,同一个网站在设计上经常会遇到几十个风格基本一样的网页。如果每次都使用XHTML设计网页的结构,并使用Css来定义网页对象的样式,那么其效率将十分低。借助Dreamweaver的模板功能,可以用几步简单的操作,快速生成大量类似的网页,可以有效地节省制作网页的时间。

模板是生成网页的基础文档。在制作网页时,内容会频繁更新。但需要将页面的部分元素长时间保留。这时,可将长时间不变的页面元素制作成模板,需要时仅修改少量内容即可。

使用模板生成的文档仍然可以修改。当改变模板时,可以同时更新所有使用该模板创建的网页文档。在模板以及应用了模板的网页文档中,可以用可编辑区域和非可编辑区域将不同的版块区分开。这些区域将用不同的颜色亮度显示。通过设置Dreamweaver的首选项,可以更改这些区域的显示颜色。模板具有三大优点。

风格一致

在网站制作过程中使用模板创建网页,可以生成大量风格一致的网页,使整个网站看起来更加系统化,而且可以避免进行大量重复的工作。

便于修改

由模板创建的网页构成的网站在修改上非常方便。例如,需要对整个网站风格进行修改,仅仅需要修改网站的模板,就可以使整个网站快速更换样式。

轻松备份

没有使用模板的网站,如果需要备份网站样式,需要将整个网站中所有的网页复制下来。而使用了模板,在备份网站样式时只需要备份网站模板即可。

如何创建模板?

在Dreamweaver中,用户可以创建新的模板,然后根据需要为模板添加内容,将其保存,也可以通过其他方式获取模板。在默认状态下,模板文档通常存放在本地站点根目录下的Templates目录下,其扩展名为dwt。

创建模板的方法主要有两种,即新建模板文件和将其他的网页文档修改为模板。创建模板文件后,还需要在模板中插入各种区域,使模板可以发挥作用。

1.创建空白模板

在Dreamweaver中可以建立空白的模板文件。打开Dreamweaver,执行【文件】I【新建】命令(或按Ctrl+N组合键),即可打开[新建文档】对话框。在该对话框中选择【空模板】选项,即可在右侧选择模板使用的技术以及布局类型,如图5-8所示。
新建模板
选择需要创建的模板类型后,单击【创建】按钮,即可创建空白模板,并在模板中添加内容。

2.转换模板

Dreamweaver还支持将现有的已设计好的网页保存为模板格式。在Dreamweaver中首先打开已设计好的网页文档,如图5-9所示。
打开已设计好的网页
将已打开的网页中经常需要更新的部分内容删除,并执行【文件】|【另存为模板】命令,即可将网页保存为dwt模板。


扫描左侧二维码添加客户经理微信

010-60259772

请提供您的联系电话,尚品中国项目经理会尽快与您联系。