PhotoshopCS3FlashCS3DreamweaverCS3商业网站开发从入门到精通1546

网站建设http://jiuhong.taobao.com第20章模板和资源使用模板可以批量地生成布局相似的页面，同时可以方便地更新使用模板创建的页面，使用资源面板，可以方便地管理和使用站点中的各种资源，例如图像、媒体文件等。下面详细讲解关于模板和资源的知识。网站建设http://jiuhong.taobao.com20.1模板简介在Dreamweaver中使用模板来制作布局相同或相近的页面，首先要创建好布局的结构，然后在制作好的布局结构中，定义可以编辑区域等不同区域，最后可以使用模板来生成页面。使用模板生成页面的好处在于可以方便地通过更新模板中的内容，更新所有基于该模板生成的页面。下面进行详细讲解。网站建设http://jiuhong.taobao.com20.1模板简介1．模板中的区域在模板中可以定义各种区域，例如可编辑区域、可选区域等，方便模板的管理，模板在“设计”视图的显示效果如图所示。网站建设http://jiuhong.taobao.com20.1模板简介2．基于模板的页面创建模板后，可以使用模板生成页面。在生成的页面中，会显示模板的部分区域，并且会标明页面是基于哪个模板的页面，其“设计”视图显示效果如图所示。网站建设http://jiuhong.taobao.com20.2创建模板在Dreamweaver中，创建模板有两种方法：一种是使用“文件”按钮，或者资源面板创建空白的模板；另一种是使用已有的页面创建模板。下面进行详细讲解。1．使用菜单栏创建模板网站建设http://jiuhong.taobao.com20.2创建模板2．使用原有页面创建模板使用原有页面创建模板的步骤如下所示。执行“文件”|“打开”命令。在“打开”对话框中，选择相应的HTML页面。单击“打开”按钮，打开页面。网站建设http://jiuhong.taobao.com20.2创建模板3．使用资源面板创建模板使用插入栏或资源面板创建模板的步骤如下所示。执行“窗口”|“资源”命令。打开资源面板。在资源面板中，选择“模板”选项，打开模板内容网站建设http://jiuhong.taobao.com20.3编辑模板编辑模板是指在页面中定义各种区域，其中包括可编辑区域、重复区域、可选区域、可编辑标签属性等。下面分别进行讲解。网站建设http://jiuhong.taobao.com20.3.1使用可编辑区域在模板中，使用可编辑区域，包括创建可编辑区域、更改可编辑区域和删除可编辑区域。下面分别进行讲解。1．创建可编辑区域网站建设http://jiuhong.taobao.com20.3.1使用可编辑区域2．更改可编辑区域更改可编辑区域的含义是更改可编辑区域的名称。在模板页面中，可以随意更改任何页面内容，可编辑区域内容的改变，不影响该模板已经生成的页面，更改可编辑区域的具体操作如下所示。网站建设http://jiuhong.taobao.com20.3.1使用可编辑区域3．删除可编辑区域删除可编辑区域的具体操作如下所示。打开或者新建一个含有可编辑区域的模板文件。在模板中，单击可编辑区域左上角的标签，选择可编辑区域。执行下列操作之一，删除可编辑区域。网站建设http://jiuhong.taobao.com20.3.2使用可选区域在模板中通常使用可选区域的内容，包括创建可选区域、更改可选区域和删除可选区域等操作。下面分别进行讲解。1．创建可选区域网站建设http://jiuhong.taobao.com20.3.2使用可选区域2．使用可选区域网站建设http://jiuhong.taobao.com20.3.2使用可选区域3．更改可选区域更改可选区域的含义是更改可选区域的名称，以及更改可选区域定义的参数，更改可选区域的具体操作如下所示。网站建设http://jiuhong.taobao.com20.3.2使用可选区域4．删除可选区域删除可选区域的具体操作如下所示。打开或者新建一个含有可选区域的模板文件。在模板中，单击可选区域左上角的标签，选择可选区域。执行下列操作之一，删除可选区域。网站建设http://jiuhong.taobao.com20.3.3使用重复区域在模板中，使用重复区域的操作，包括创建重复区域、更改重复区域和删除重复区域等。下面分别进行讲解。1．创建重复区域网站建设http://jiuhong.taobao.com20.3.3使用重复区域2．使用重复区域使用重复区域的具体操作如下所示。网站建设http://jiuhong.taobao.com20.3.3使用重复区域3．创建重复表格创建重复表格的具体操作如下所示。网站建设http://jiuhong.taobao.com20.3.3使用重复区域4．更改重复区域更改重复区域的含义是更改重复区域的名称，可选以及更改区域定义的参数，更改重复区域的具体操作如下所示。网站建设http://jiuhong.taobao.com20.3.3使用重复区域5．删除重复区域删除重复区域的具体操作如下所示。打开或者新建一个含有重复区域的模板文件。在模板中，单击重复区域左上角的标签，选择重复的区域。执行下列操作之一，删除重复区域。网站建设http://jiuhong.taobao.com20.3.4使元素的属性可编辑在模板中，可以定义元素的部分属性可编辑，具体的操作如下所示。打开或者新建一个模板文件。选择需要更改属性的元素。执行“修改”|“模板”|“使属性可编辑”命令。打开“可编辑标签属性”对话框，网站建设http://jiuhong.taobao.com20.4使用资源面板使用资源面板，包括资源面板简介、使用资源面板添加内容、管理资源面板。下面进行详细讲解。网站建设http://jiuhong.taobao.com20.4.1资源面板简介资源面板可以显示站点中所使用的各种文件。使用资源面板可以对各种页面素材进行分类和管理。其具体内容如下所示。执行“窗口”|“资源”命令，打开资源面板，在资源面板中，部分选项的含义如下所示。网站建设http://jiuhong.taobao.com20.4.2使用资源面板添加内容使用资源面板可以向页面中添加内容，其具体操作如下所示。新建文档。在文档中添加文本内容。执行“窗口”|“资源”命令，打开资源面板。网站建设http://jiuhong.taobao.com20.4.3管理资源面板在资源面板中的资源，无法直接删除、复制和剪切。可以通过右键进行资源的相关操作，其具体操作如下所示。执行“窗口”|“资源”命令，打开资源面板。右击，打开下拉菜单，其中部分命令的含义如下所示。网站建设http://jiuhong.taobao.com20.5专家总结网页模板在设计页面时并不经常使用，但合理地使用，可以方便地制作站点中各种相似的页面。在使用模板的时候，要注意各种模板区域的使用方法，以及使用模板更换生成页面的方法。关于资源部分，主要掌握资源面板的使用方法，以及合理地管理资源面板中的各种资源。