怎么用Dreamweaver CS5设计网页框架?

怎么用Dreamweaver CS5设计网页框架?,第1张

先用Dreamweaver建一个本地站点文件夹,再规划好网页的布局,再按自己的喜好用photoshop做好,用Flash做好动画,还有一款软件是Fireworks也很好用,最后把做好的东东导入到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”文件夹下创建网页文件“xin126html”。
(2)在网页中插入浮动框架,代码如下:
 

 <IFrame src="indexhtm" HEIGHT=800 width=800 NAME="xin126"
Align="center">

表示在页面中插入一个宽800,高800,框架名为“xin126”,居于浏览器中间对齐的浮动框架。
(3)编辑网页其他部分,完成后网页代码如下:

<head>
<meta ;


(4)保存并预览网页。

//在css属性里面设置宽度和高度就行了
<iframe src ="/indexhtml" style="width:400px;height:300px"></iframe>
=========你可以看看iframe框架的属性然后设置

iframe的属性值:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/10330462.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-07
下一篇2023-05-07

发表评论

登录后才能评论

评论列表(0条)

    保存