文档介绍:Dreamweaver 8
中文版网页制作基础
主讲人
第八讲框架的使用
1、认识框架
2、设置框架属性
3、设计框架页面
1、认识框架
、框架集
. 什么是框架
框架是浏览器窗口中的一个区域,独立显示一个HTML文档内容,这部分内容既可以与浏览器的其他区域内容毫无关系,也可以与其他区域内容合成一个整体。
框架集是一个HTML 文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的 URL。框架集文件本身不包含要在浏览器中显示的 HTML 内容,但 noframes 部分除外;框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。
框架用的最多的场合就是导航,一组框架用来显示导航栏,另一组框架用来显示具体内容,如图所示,这是一个左右结构的框架页面,左侧显示的是导航栏,右侧是主框架,用来显示左侧每个栏目的具体信息。
请注意,框架不是文件。用户很可能会以为当前显示在框架中的文档是构成框架的一部分,但该文档实际上并不是框架的一部分。框架是存放文档的容器,任何一个框架都可以显示任意一个文档。
常用的创建框架集的方法,如下:
从插入工具栏创建,在【布局】插入栏单击图标右侧的倒三角,打开下拉样式表,单击选择需要的框架样式即可。
用菜单创建,在窗口中执行【插入】/【HTML】/【框架】命令,然后选择某一个框架集即可。
用命令创建,在窗口中执行【文件】/【新建】/【框架集】命令也可以创建框架集。
使用预定义插入的框架集并不一定完全符合用户的需要,用户可以根据自己的需要,进一步设计自己的框架集,将鼠标光标置于需要变动的顶部框架内,执行【修改】/【框架页】/【拆分左框架】命令,如右图所示。
对于框架集中每个框架的命名,用户自己可以设置新的名称,也可以采用默认的框架命名,如左边框架就叫leftFrame、顶部框架就叫topFrame、中间的主要内容框架叫mainFrame、右边的叫rightFrame、底部的叫bottomFrame。在绝大多数的情况下,我们都用系统默认的命名方法,形象好记。
框架集中的框架是不可以直接删除的,要想删除框架怎么办呢?其实很简单,只需要将要删除框架的边框拖出编辑区即可,将鼠标光标移到需要删除框架的边框上,待光标变成双箭头 ,按住鼠标左键不放抓图,拖出编辑区即可,如下图所示。
2、设置框架属性
1. 选择框架和框架集
2. 设置框架属性
3. 设置框架集属性