快速建立网站.ppt

* 第7章 快速建立网站 通过各种元素制作出丰富的单个网页后，就是将这些网页组成一个完整的网站。最简单的方法就是通过超级链接将每个独立的网页组成一个网站，只是这种方法在制作过程中，具有过多的重复操作，并且在后期修改过程中较为麻烦，因为需要逐个去修改。Dreamweaver提供了两个快速建立网站的方法，模板与框架。使用前者建立网站时，需要确定网站风格必须是统一的；使用后者建立网站时，需要确定网站布局必须是统一的。 * 本章知识要点： 创建模板 基于模板创建网页 创建框架 创建浮动框架 * 7.1 模板网页 模板是一种特殊类型的文档，用于设计固定的页面布局，然后便可以基于模板创建文档，而创建的文档会继承模板的页面布局。这样在后期修改网页时，可以修改模板网页，所有基于该模板创建的网页会同时被更新。 7.1.1 创建模板 模板实际上也是文档，它的扩展名是.dwt，存放在根目录的Templates文件夹中。模板文件夹并不是原来就有的，它只是创建模板的时候才自动生成。在Dreamweaver中有两种建立模板的方法，一种是建立一个新的空白模板，另一种是将一个已经存在的网页另存为模板。 * 选择 创建 7.1.2 编辑模板 模板文档只是一个制作网站网页的样板，所以模板中有些区域是不能编辑的，称为锁定区，确保网页风格的统一性；有些区域则是可以编辑的，称为可编辑区，这样才可以制作出不同的网页。Dreamweaver提供了4种模板区域类型，下面详细介绍如何在模板中使用这些区域类型。 * 参数 功能 属性 选择我们想要使其可编辑的属性，可以在下拉菜单中选择。如果该属性没有列在【属性】下拉菜单中，可以单击【添加】按钮，然后在打开的对话框中输入想要添加的属性的名称，再单击【确定】按扭。在此对话框中是选择TD标签的属性，这些都是HTML标签语言中指定的属性 令属性可编辑 确保此项被选定，否则无法使用可编辑标签属性 标签 此文本框用来输入属性的惟一名称。这里需要填写易于记住含义的名称 类型 在此下拉菜单中选择该属性所允许具有的值的类型。若要让用户为属性输入文本值，可以选择“文本”；若要让用户可编辑元素的链接，可以选择“URL”；若要使模板用户可以键入数值以更新属性，例如更改图像的高度，或者表格高宽和单元格高宽，可以选择“数字”；或者选择“颜色”；“真/假”极少使用 默认 表示模板中所选标签属性的值。可以此文本框中输入一个新值，为基于模板的文档中的参数设置初始值 7.1.3 应用模板 创建模板文档后，就可以基于该模板创建具有统一风格的不同信息内容的网页。得到的网页还可以从模板文档中分离，形成独立的网页文档。 1．从模板创建文件 2．在现有的文档中应用模板 3．从模板中分离文档 4．编辑区域类型 5．修改模板并更新站点 * 7.2 框架网页 框架提供将一个浏览器窗口划分为多个区域、每个区域都可以显示不同HTML文档的方法。使用框架的最常见情况就是，一个框架显示包含导航菜单的文档，而另一个框架显示包含内容的文档。 * 7.2.1 创建各种框架 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及最初在每个框架中显示的页面的URL。使用框架布局除了框架集外，还可以使用浮动框架。 * 7.2.2 编辑框架集 创建的框架集为没有任何内容的空白网页，要想为其添加网页元素，就必须选择正确的位置。 1．选择布局框架 2．为框架添加内容 * 7.2.3 保存框架集 如果一个站点在浏览器中显示为包含两个框架的单个页面，则实际上至少由三个HTML文档组成：框架集文件以及两个文档，这两个文档包含最初在这些框架内显示的内容。在Dreamweaver中设计使用框架集的页面时，必须保存所有这三个文件，该页面才能在浏览器中正常显示。 * * 7.3 框架属性 选择不同的框架部分，会得到不同的属性。而框架集网页中，有些框架网页为固定网页，而框架集中的mailFrame框架网页为活动网页，所以框架集的超级链接目标与普通网页会有所不同。 * 7.3.1 布局框架基本属性 由于布局框架中包括框架集、框架、框架网页，所以选择不同，【属性】面板中显示的属性也不尽相同。而某些框架属性还会覆盖框架集中的某些属性，所以在设置过程中要有所注意。 选 项 名 称 选 项 含 义 边框 设置文档在浏览器中被浏览时是否显示框架边框 边框宽度 输入一个数字以指定当前框架集的边框宽度，输入0，指定无边框 边框颜色 输入颜色的十六进制值，或者使用拾色器为边框选择