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)保存并预览网页。