第7章__快速建立网站

1,第7章 快速建立网站,通过各种元素制作出丰富的单个网页后，就是将这些网页组成一个完整的网站。最简单的方法就是通过超级链接将每个独立的网页组成一个网站，只是这种方法在制作过程中，具有过多的重复操作，并且在后期修改过程中较为麻烦，因为需要逐个去修改。Dreamweaver提供了两个快速建立网站的方法，模板与框架。使用前者建立网站时，需要确定网站风格必须是统一的；使用后者建立网站时，需要确定网站布局必须是统一的。,2,本章知识要点：,创建模板 基于模板创建网页 创建框架 创建浮动框架,3,7.1 模板网页,模板是一种特殊类型的文档，用于设计固定的页面布局，然后便可以基于模板创建文档，而创建的文档会继承模板的页面布局。这样在后期修改网页时，可以修改模板网页，所有基于该模板创建的网页会同时被更新。,7.1.1 创建模板,模板实际上也是文档，它的扩展名是.dwt，存放在根目录的Templates文件夹中。模板文件夹并不是原来就有的，它只是创建模板的时候才自动生成。在Dreamweaver中有两种建立模板的方法，一种是建立一个新的空白模板，另一种是将一个已经存在的网页另存为模板。,4,7.1.2 编辑模板,模板文档只是一个制作网站网页的样板，所以模板中有些区域是不能编辑的，称为锁定区，确保网页风格的统一性；有些区域则是可以编辑的，称为可编辑区，这样才可以制作出不同的网页。Dreamweaver提供了4种模板区域类型，下面详细介绍如何在模板中使用这些区域类型。,5,7.1.3 应用模板,创建模板文档后，就可以基于该模板创建具有统一风格的不同信息内容的网页。得到的网页还可以从模板文档中分离，形成独立的网页文档。 1从模板创建文件 2在现有的文档中应用模板 3从模板中分离文档 4编辑区域类型 5修改模板并更新站点,6,7.2 框架网页,框架提供将一个浏览器窗口划分为多个区域、每个区域都可以显示不同HTML文档的方法。使用框架的最常见情况就是，一个框架显示包含导航菜单的文档，而另一个框架显示包含内容的文档。,7,7.2.1 创建各种框架,框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及最初在每个框架中显示的页面的URL。使用框架布局除了框架集外，还可以使用浮动框架。,8,7.2.2 编辑框架集,创建的框架集为没有任何内容的空白网页，要想为其添加网页元素，就必须选择正确的位置。 1选择布局框架 2为框架添加内容,9,7.2.3 保存框架集,如果一个站点在浏览器中显示为包含两个框架的单个页面，则实际上至少由三个HTML文档组成：框架集文件以及两个文档，这两个文档包含最初在这些框架内显示的内容。在Dreamweaver中设计使用框架集的页面时，必须保存所有这三个文件，该页面才能在浏览器中正常显示。,10,11,7.3 框架属性,选择不同的框架部分，会得到不同的属性。而框架集网页中，有些框架网页为固定网页，而框架集中的mailFrame框架网页为活动网页，所以框架集的超级链接目标与普通网页会有所不同。,12,7.3.1 布局框架基本属性,由于布局框架中包括框架集、框架、框架网页，所以选择不同，【属性】面板中显示的属性也不尽相同。而某些框架属性还会覆盖框架集中的某些属性，所以在设置过程中要有所注意。,7.3.2 框架链接,框架页的超级链接之所以要特别指出，是因为框架网页少则2个，多则几个框架，链接的网页在哪一个框架中打开，是需要设定的。在创建框架集后，在【框架】面板中会显示每个框架网页的默认名称。,13,7.3.3 框架标签,创建框架集后，在【代码】视图中发现，选择单个框架与选择框架集的代码是不同的，因为页面所有框架标签需要放在一个HTML的文档，这个档案只记录了该框架如何分割，不会显示任何资料。 在布局框架代码中，为框架集标签，为框架标签，为浏览器不支持框架时的标签，以及脱离框架集的浮动框架标签。,14,7.4 课堂练习：使用模板制作网页,对于制作网页不熟练的人，只要网页主题相同，就可以使用现有的网页作为模板，来制作自己的网页。这种方法既简单，又快捷，并且还方便后期网页的统一更新，但是前提是必须建立站点。,15,7.5 课堂练习：创建框架网页,要想在不改变网页布局的情况下，大量的显示网页信息，可以使用Dreamweaver中的框架网页。由于框架是由若干个独立的HTML文件组成的，所以还可以单独地制作各个框架文件。在利用框架制作网页时，要特别注意超级链接的【目标】选项，否则将无法在正确的网页中显示链接内容。,16,7.6 课堂练习：创建浮动框