电子工业出版社2022-2023学年山东青州三中职教高考网络技术高二网页设计--模板

模板 网页设计 No matter the flat land or the peak Infinite scenery is occupied After picking a hundred flowers into honey For whom hard for whom sweet 要求：懂理论，会实操 目录 CONTENTS 01 什么是模板 模板在设计视图下的操作 创建基于模板的网页 02 03 No matter the flat land or the peak Infinite scenery is occupied After picking a hundred flowers into honey For whom hard for whom sweet 什么是模板 01 一个网站的大多数网页一般都要求风格一致、功能相似。对于这种类型的网页，如果逐一制作，不但效率低而且不便于网页的更新。Dreamweaver中模板的应用，很好地解决了这一问题。 模板是一种用于设计统一风格页面的特殊类型文档，使用模板既能快速创建风格一致的各个网页，还能快速改变整个站点的布局和外观，为后期的网站维护提供方便。 什么是模板 No matter the flat land or the peak Infinite scenery is occupied After picking a hundred flowers into honey For whom hard for whom sweet 模板在设计视图下的操作 02 在空白文档中创建模板文件 选择“文件→新建文档→HTML模板”，单击“创建”按钮，即可创建一个空白模板文档。 创建模板 从现有文档创建模板 ①打开要转存为模板的网页文件，执行下列操作之一，弹出“另存模板”对话框。 ◉选择“文件→另存为模板”命令。 ◉在“插入”面板选择“模板”中的“创建模板”。 ◉选择“插入→模板→创建模板”命令。 ②在对话框的“站点”下拉列表中选择一个用来保存模板的站点，在“另存为”文本框中为模板输入一个唯一的名称，单击“保存”按钮，即可将网页文件保存为模板。 提示:Dreamweaver会自动将模板文档以.dwt为扩展名保存在站点根目录的Templates文件夹中。如果Templates文件夹在站点中不存在，则Dreamweaver自动创建该文件夹。 创建模板 图3-56布局属性设置 图3-57文本属性设置 图3-58边框属性设置 图3-59背景属性设置 在模板文档中定义可编辑区域。 ①在模板文档中，选择要定义为可编辑区域的内容，或将光标定位到要插入可编辑区域的位置。 ②执行下列操作之一，打开“新建可编辑区域”对话框，如图4-52所示。 ◉选择菜单“插入→模板→可编辑区域”命令。 ◉按【Ctrl+Alt+V】组合键。 ◉在“插入”面板选择“模板”中的“可编辑区域”。 ③在“名称”文本框中输入名称，单击“确定”按钮，即可创建可编辑区域。 建立和取消可编辑区域 提示：◉命名一个可编辑区域时，不能使用单引号、双引号、尖括号和“&”等符号。  ◉不能对同一模板中的多个可编辑区域使用相同的名称。  ◉可将整个表格或单个单元格标记为可编辑区域，但不能将多个单元格标记为单个可编辑区域。  ◉可编辑区域不能嵌套插入。 建立和取消可编辑区域 取消可编辑区域 如果要将模板文件中的某个可编辑区域重新锁定，可以将该可编辑区域取消。 ①在打开的模板文档中，选择要取消的可编辑区域。 ②执行以下操作之一，可删除可编辑区域，使该区域重新锁定。 ◉单击鼠标右键，从弹出的快捷菜单中选择“模板→删除模板标记”命令。 ◉选择“工具→模板→删除模板标记”命令。 建立和取消可编辑区域 No matter the flat land or the peak Infinite scenery is occupied After picking a hundred flowers into honey For whom hard for whom sweet 创建基于模板的网页 03 创建基于模板的网页 （1）选择“文件→新建→网站模板”选项，在“站点”列表中选择站点，在“模板”列表中选择相应的模板，单击“创建”按钮，即可使用该模板创建一个网页文件。 （2）打开一个网页文件，选择“工具→模板→应用模板到页”命令，弹出“选择模板”对话框，如图4-53所示，从模板列表中选择一个模板，单击“选定”按钮。 提示:将模板应用到包含内容的文档时，会尝试将其内容与模板中的区域进行匹配。当文档中内容不能自动指定到模板区域时，将弹出“