点击这里给我发消息 点击这里给我发消息

Dreamweaver 浮动框架

添加时间:2013-12-6
    相关阅读: 网页 页面 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)保存并预览网页。

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册