dreamweaver8网页设计 第九章 使用框架布局网页.pptVIP

第9章使用框架布局网页 框架网页的创建 框架和框架集的基本操作 第一页，编辑于星期一：十七点 四十六分。 9.1 框架网页的创建 9.1.1 关于框架和框架集 在框架网页中，浏览器窗口被划分成了若干区域，每个区域称为一个框架，每个框架可显示不同的文档内容，彼此之间互不干扰。框架网页最明显的特征就是当一个框架的内容固定不动时，另一个框架中的内容仍可以通过滚动条进行上下翻动。 第二页，编辑于星期一：十七点 四十六分。 9.1.2 了解框架网页构造 下图所示网页至少由三个单独的网页文档组成：两个框架区域中显示的两个网页文档和把这两个文档显示在一个界面上的框架集文档。在Dreamweaver中设计使用框架的网页时，必须全部保存这三个文件，框架网页才能在浏览器中正常显示。 第三页，编辑于星期一：十七点 四十六分。 9.1.3 创建框架集 1．使用“新建文档”对话框创建 使用“新建文档”对话框创建框架集的方法同创建普通页面的方法相似。 第四页，编辑于星期一：十七点 四十六分。 2．使用“布局”插入栏创建 使用“布局”插入栏创建框架集就像插入表格一样简单。 第五页，编辑于星期一：十七点 四十六分。 3．手动创建 使用前面两种方法创建的都是Dreamweaver中预定义的框架集，当这些框架集无法满足用户需求时，可以在此基础上手动分割创建框架。 第六页，编辑于星期一：十七点 四十六分。 9.2 框架和框架集的基本操作 9.2.1 选择框架和框架集 1．在文档编辑窗口中选择 在文档编辑窗口中选择框架的方法为：按住【Alt】键的同时在要选择的框架内单击，被选中的框架边框变为虚线。 如要选择框架集，则单击该框架集上的任意边框即可，选中的框架集所有边框都呈虚线显示。 第七页，编辑于星期一：十七点 四十六分。 2．在“框架”面板中选择 选择“窗口”“框架”菜单，可打开“框架”面板，该面板中显示了窗口中框架的结构，不同的框架区域显示了框架的名称。 选择框架：在“框架”面板中单击需要选择的框架即可将其选中，被选择的框架在“框架”面板中以粗黑框显示。 选择框架集：在“框架”面板中单击框架集的边框即可选择框架集。 第八页，编辑于星期一：十七点 四十六分。 9.2.2 设置框架和框架集属性 1．设置框架属性 选择框架后，“属性”面板如下图所示。 第九页，编辑于星期一：十七点 四十六分。 2．设置框架集属性 选择框架集后，“属性”面板如下图所示。 第十页，编辑于星期一：十七点 四十六分。