购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.1 创建网页模板

在创建网页模板时,可以指定模板中哪些元素是可变的,哪些元素是不可变的,可变的元素可以作为不同页面的核心内容,不可变元素可以作为整个网站中独有风格的一部分。例如,网站的logo图标和导航栏就是模板中不可变的元素,而每个页面中的主体内容则是可变的元素。这两部分内容并不是一成不变的,可以根据需要进行编辑。

在Dreamweaver中创建网页模板时,Dreamweaver会自动把模板存储在站点的本地根文件夹下的Templates子文件夹中,如果此文件夹不存在,Dreamweaver会自动创建。

3.1.1 创建空白模板

创建一个空白的模板可以按照以下步骤进行操作:

打开Dreamweaver,选择“文件”→“新建”命令,打开“新建文档”对话框,在该对话框中选择“空白页”,页面类型选择“HTML模板”,如图3.1所示。

图3.1

单击“创建”按钮,创建一个空白的HTML模板文件。

选择“文件”→“保存”命令,弹出如图3.2所示的提示框,单击“确定”按钮。打开“另存模板”对话框,如图3.3所示。

图3.2

图3.3

设置模板保存站点和名称后,单击“保存”按钮。

这样就创建了一个空白的网页模板文件,网页模板文件的后缀名为dwt。后期还可以对这个网页模板进行编辑,设置更多的可编辑区域。

3.1.2 根据现有文档创建模板

通常情况下,我们会根据一个现有的页面文件来创建模板,具体操作步骤如下:

选择“文件”→“打开”命令,如图3.4所示,选择一个HTML页面,打开现有的文件。

图3.4

选择“文件”→“另存为”命令,如图3.5所示,选择保存类型为“Template Files(*. dwt)”,设置文件名,单击“保存”按钮。

将光标移动到需要编辑的区域,依次选择“插入”→“模板”→“可编辑区域”命令,如图3.6所示。

图3.5

图3.6

重复步骤 的操作,设置其他可编辑区域,最终保存模板即可。 ylOw+ZhlrulxR3v6ykFZeEXFrwqQebR8yiqKn1yZF4/NVQJ82NgkS7uLTU8qe+81

点击中间区域
呼出菜单
上一章
目录
下一章
×