第5章网页传统设计.pptVIP

5.5.2 编辑模板 模板文档只是一个制作网站网页的样板，所以模板中有些区域是不能编辑的，称为锁定区，确保网页风格的统一性；有些区域则是可以编辑的，称为可编辑区，这样才可以制作出不同的网页内容。 * * 1．定义可编辑区域 2．定义重复区域 在默认情况下，新创建的模板所有区域都处于被锁定状态。因此要使用模板，必须将模板中的某些区域设置为可编辑区域。 重复区域是模板的一部分，这一部分可以在基于模板的页面中重制多次。重复区域通常与网页元素一起使用， * 3．定义可选区域 4．定义可编辑标签属性 可选区域是模板中的区域，可将其设置为在基于模板的文档中显示或者隐藏。Dreamweaver中包括两种可选区域对象：一个是单纯的可选区域；一个是可以编辑的可选区域。 可编辑标签属性是根据模板创建的文档中修改指定的标签属性，例如在模板文档中设置背景颜色，但仍允许为创建的页面设置不同的背景颜色。 5.5.3 应用模板 创建模板文档后，就可以基于该模板创建具有统一风格的不同信息内容的网页。得到的网页还可以从模板文档中分离，形成独立的网页文档。 * 1．从模板创建文件 2．在现有的文档中应用模板 3．从模板中分离文档 4．编辑区域类型 5．修改模板并更新站点 * 第5章 网页传统设计 前面章节所介绍的各种网页元素在网页中的插入，均是直接插入。这时生成的网页，其中的文本或者图像会随着IE窗口的放大或者缩小发生变化，这使得网页处于不稳定状态。要想改变这种情况，最简单的方法就是使用表格。表格不仅能够控制网页在IE窗口中的位置，还可以控制网页元素在网页中的显示位置，这样无论IE窗口如何变化，其中的网页都会保持默认的状态。 本章学习要点： * 创建表格 编辑表格 资源管理器 库元素 模板网页 5.1 表格建立 * 表格具有归纳的作用，在Dreamweaver中，表格除了具有上述作用外，还具有定位与组合作用。这样才能够将网页元素，定位在网页中任何想要显示的区域中。所以说，网页设计就是从创建表格开始，而表格的创建可以为后来的网页设计奠定基础。 5.1.1 创建各种表格 * 对于较为复杂的网页图像来说，并不是只有一个表格组成，而是有多个表格，甚至包括表格中的表格组合而成，也就是嵌套表格。嵌套表格，顾名思义就是在表格中插入表格。这样一来，由总表格负责整体的排版，由嵌套的表格负责各个子栏目的排版，并插入到总表格的相应位置中。各司其职，互不冲突。 1．插入表格 2．插入嵌套表格 * 1．插入表格 在网页中插入表格的方法非常简单，在【插入】面板中，单击【常用】选项卡中的【表格】按钮，在弹出的【表格】对话框中设置相应的参数，即可插入表格。 * 2．插入嵌套表格 要想插入嵌套表格，首先要插入表格，然后将光标放置在表格中，使用插入表格的方法插入嵌套表格即可。 5.1.2 在表格中插入网页元素 为了使网页中的元素能够有序地、按照要求显示在IE窗口中，在插入文本或者图像之前，插入表格是最好的解决方法。在表格中插入文本或者图像的方法与直接在网页中插入方法是基本相同的，只是在插入之前，需要将光标放置在表格中即可。 * * 1．在表格中输入文本 在输入文本之前，首先插入一个1行1列表格。然后将光标放置在表格中，即可输入文本。 * 2．在表格中插入图像 图像的插入与文本输入顺序相同，都是先插入表格后，将光标放置在表格中，按照图像插入方法在表格中插入图像。 5.2 设置表格属性 表格是由单元格组成的，即使是一个最简单的表格，也是由一个单元格组成。而表格与单元格的属性完全不同，选择不同的对象，【属性】检查器中的属性选项就会显示相应的选项参数。 * 5.2.1 表格属性 当插入表格后，该表格同时被选中。而在【属性】检查器中，则显示表格的基本属性，比如表格整体、行、列和单元格。 * 5.2.2 单元格属性 由于一个最简单的表格中包括一个单元格、一行与一列，所以将光标放置在表格中后，其实是将光标放置在单元格，也就是选中了单元格。这时【属性】检查器中显示的是单元格属性。 * 5.2.3 表格标签 表格是一种复杂的XHTML元素。在使用Dreamweaver创建和编辑表格时，应了解表格的XHTML标签结构，从而更有效地控制和使用表格显示数据。一个XHTML表格通常多种嵌套的XHTML标签组成。 * 常见的表格标签 标签 作用 标签 作用 table 定义表格 caption 定义位于表格外