dreamweaver中浮动框架怎么添加?
浮动框架是一种特殊的框架页面,在浏览器窗口中可以嵌套子窗口,在其中显示页面的内容。浮动框架可以插入在页面中的任意位置。浮动框架需要用手写代码的方式来实现。
1、浮动框架基本原理及使用方法
如果需要在页面中创建一个浮动框架,需要先制作好页面的其他内容,再在页面中以手写代码的方式插入浮动框架的代码,浮动框架的代码如下所示。
<IFrame src="File-URL" HEIGHT=value width=value NAME="IFRAME-name"
Align="value">
</IFrame>
其属性含义如下:
SRC:浮动框架中显示页面的源文件的路径和文件名。
Width:浮动框架的宽度。
Height:浮动框架的高度。
Name:浮动框架的名称。
Align:浮动框架的排列方式,可以取三个值:Left (表示居左)、Cener(表示居中)、Right(表示居右)。
FrameBorder:框架边框显示属性(同普通框架)。
FrameSpacing:框架边框宽度属性(同普通框架)。
Scrolling:框架滚动条显示属性(同普通框架)。
NOResize:框架大小调整属性(同普通框架)。
BorderColor:框架边框颜色属性(同普通框架)。
MarginWidth:框架边缘宽度属性(同普通框架)。
MarginHeight:框架边缘高度属性(同普通框架)。
2、浮动框架的链接
在浮动框架中,也可以制作页面之间的链接。创建链接的方式同样是先用name属性为浮动框架命名,再将链接的目标浏览器窗口指向命名的浮动框架。只是指向目标的时候,不能可视化操作,需要编写代码执行
例如:建立浮动框架网页
(1)在“xin126”文件夹下创建网页文件“xin126.html”。
(2)在网页中插入浮动框架,代码如下:
<IFrame src="index.htm" HEIGHT=800 width=800 NAME="xin126"
Align="center">
表示在页面中插入一个宽800,高800,框架名为“xin126”,居于浏览器中间对齐的浮动框架。
(3)编辑网页其他部分,完成后网页代码如下:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>浮动框架与链接架</title>
</head>
<body>
<IFrame src="index.htm" HEIGHT=800 width=800 NAME="xin126"
Align="center">
</IFrame>
<center>
<a href="main.htm" target="xin126">main</a><br>
<a href="xbjs.htm" target="xin126">系部介绍</a><br>
<a href="zyjs.htm" target="xin126">专业介绍</a>
</center>
</body>
</html>
(4)保存并预览网页。