Dreamweaver CS6如何应用：[15]创建框架

框架是Web网页的重要组成元素之一，页面通过框架实现布局，那么，框架都有哪些基础知识呢，我们一起来看一下。

工具/原料

Dreamweaver CS6

一、框架标记介绍

1、在页面中实现框架功能的标记有两个：框架组标记<FRAMESET>… </FRAMESET>和框架标此暄跬烷记<FRAME>。框架组标记的功能是划分一个整体框架；<FRAME>的功能是设置整体框架中的某一个框架，并声明其框架页面的内容。

2、使用上述标记的语法格式如下： <FRAMESET> <FRAME src=&孥恶膈茯quot;URL"> <FRAME src="URL"> … </FRAMESET>

3、（一）框架组标记使用框架组标记的语法格式如下所示： <FRAMESET 属性=属性值 > … </FRAMESET>框架组常用属性列表如下：

4、（二）框架标记框架标记<FRAME>可以指定页面的内容，所以可以将框架和包含其内容的文件联系在一起。使用框架标记的语法格式如下所示： <FRAME src=&鳎溻趄酃quot;文件名" name="框架名" 属性=属性值 noresize > … <FRAME src="文件名" name="框架名" 属性=属性值 noresize >框架常用的属性值如下：

5、其中scrolling取值说明如下：

二、创建框架

1、新建一个HTML空白页

2、在菜单栏中选择‘插入’---‘HTML'----'框架’---‘左对齐’

3、在弹出的‘框架标签辅助功能属性’对话框中选择框架值和标题

4、在设计视图中就会出现左右两个框架

5、菜单栏中选择‘文件’---‘保存全部’，在弹出的‘另存为’对话框保存为1.html

6、点击右框架，选择‘文件’--‘框架另存为’，保存为2.html点击左框架，选择‘文件’--‘框架另存为’，保存为3.html

7、在设计视图中选中框架边框，如下图：这个边框很隐蔽，不好找

8、选中边框之后，属性面板会变这样：

9、选择需要调整的参数，左右边框可以选择，然后点击‘文件’---‘保存全部’

10、按F12预览