专题四框架与层的应用.pptVIP

专题三 框架、层的应用 主要内容 掌握：用框架布局页面 掌握：层的使用 了解：表格与层的相互转换 掌握：CSS样式表的使用 知识要点 除了表格以外Dreamweaver还提供了框架和层，框架可以把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页，通过导航条的链接改变主要框架的内容，从而达到网页布局的统一。层是一种HTML页面元素，灵活方便，功能强大，可以将它定位在网页任意位置，可以嵌套，以便创建复杂的页面布局 。 1、用框架布局页面 框架 浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的 HTML 文档。 框架的作用 就像 “ 画中画 ” 彩电一样，框架提供了将一个浏览器窗口划分为多个区域、每个区域都可以显示不同 HTML 文档的方法。使用框架的最常见的情况就是，一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档。 1、用框架布局页面 1、用框架布局页面 1、用框架布局页面 1.1、创建框架和框架集 １．使用预定义的框架集 执行【文件】|【新建】命令，在弹出的【新建文档】中选择【框架集】，并从中选择一种框架集，单击【创建】按钮 1.2．自己设计框架集 执行【修改】|【框架页】命令，然后从子菜单中选择拆分项。当前文档将出现在其中一个框架中 1、用框架布局页面 3．拆分或删除框架 1.3、设置框架及框架集的属性 1．框架的选择 2．框架属性 1、用框架布局页面 3．框架集属性 1、用框架布局页面 1.4、保存框架 1．保存框架集内所有文件 2．保存框架中显示的文档 3．要保存框架集文件 1.5、框架内的链接设置 1、用框架布局页面 通常目标位置的默认选项有以下几种。 _blank：链接的内容载入一个新窗口。 _parent：链接的内容载入父框架组或父窗口。 _self：载入该链接所在的同一框架或窗口。 _top：在整个浏览器窗口中载入所链接的文件。 _BottonFrame：下部框架，链接的内容在下部框架窗口中出现。 _Mainframe：主框架，链接的内容在主框架窗口中出现。 _Topframe：上部框架，链接的内容在上部框架窗口中出现。 _LeftFrame：左部框架，链接的内容在左部框架窗口中出现 1、用框架布局页面 例 框架网页制作 2、 层的使用 2.1、建立层 1. 插入一个或多个层 2. 层的嵌套 2、 层的使用 2.2、层属性的设置 2 、层的使用 2.3、操作管理层 1．层的移动 2.调整层的大小 3.对齐层 2.4、层面板 本专题小结 * * 框架集 是 HTML 文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的 URL 。框架集文件本身不包含要在浏览器中显示的 HTML 内容； 说明：框架不是文件。显示在框架中的文档不是构成框架的一部分，任何框架都可以显示任何文档。 框架页面的构成文档 如果一个站点在浏览器中显示为包含三个框架的单个页面，则它实际上至少由四个单独的 HTML 文档组成：框架集文件以及三个网页文档，这三个文档包含在这些框架内初始显示的内容。 广州松田职业学院《网页设计与制作》学习博客： 广州松田职业学院《网页设计与制作》学习博客： *