框架网页制作
Ⅰ 如何制作框架网页
框架就是 这个好说,以下是框架:
<html>
<head>
<title>框架示范</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<frameset framespacing="0" rows="80,*" border="0" frameborder="0" >
<frame name="top" scrolling="no" noresize target="contents" src="top.aspx">
<frameset id="mainframe" cols="178,1,*">
<frame name="menu" target="main" scrolling="auto" src="menu.aspx">
<frame name="blank" scrolling="auto" src="blank.aspx">
<frame name="main" scrolling="auto" src="main.aspx">
</frameset>
<frame name="bottom" scrolling="no" noresize target="contents" src="bottom.aspx">
<noframes>
<body topmargin="0" leftmargin="0" >
<p>此网页使用了框架,但您的浏览器不支持框架。</p>
</body>
</noframes>
</frameset>
<body>
</body>
</html>
Ⅱ 用 DW 做框架 网页的制作 怎么弄
所谓框架,就是一个规定位置的文件,和几个分文件(这几个文件都是普通的文件,只不过被规定位置的文件调用在同一界面显示的不同位置罢了)。那上下结构的来说主文件就是通过规定上下两个Iframe的位置来吧页面划成两块的,两个iframe的目标文件分别是两个分文件。
建立框架的时候DW会要求你命名各个文件的名称,拿上下结构来说,首先会要你命名主文件,然后会通过虚框在视图窗口显示代命名的另外两个文件
DW默认框架结构各文件是.htm的,你点击每块,他会在新窗口打开该文件让你编辑,保存的时候,要是只想保存各个块的话就在新窗k口保存,
也可以在主文件上选择保存全部,把所有的修改都保存
Ⅲ 如何制作一个左右框架的网页
若要制作一个站点,这个站点是左右的框架结构,左侧框架显示导航页面,右侧框架显示主内容,需要做的是将这两个页面合成一个左右框架结构的页面。 步骤一:使用前面介绍的方法,首先将一个新建的空白页面分割成左右结构的框架。 步骤二:选中“框架”面板中的左框架,单击属性面板中“源文件”文本框右侧的“浏览文件”按钮,在弹出的对话框中选择左页面。 步骤三:同理,选中“框架”面板中的右框架,单击属性面板中个“源文件”文本框右侧的“浏览文件”按钮,在弹出的对话框中选择右页面。 步骤四:这时,框架的左右两侧就将已经制作好的页面显示出来了。 步骤五:选中“框架”面板中的总框架集,然后执行“文件--保存框架页”命令,将其保存。 步骤六:选择“框架”面板中的总框架集,在属性面板中设置“边框”为“否”,边框宽度为“0”,选择缩略图中的左框架,设置其宽度为“130像素”,然后选择右框架,设置其宽度为“相对”。 步骤七:选择“框架”面板中的左框架,在属性面板中,设置“滚动”为“否”,即指定在左侧框架中不显示滚动条。选中“不能调整大小”复选框,令访问者无法通过拖动框架边框调整框架大小。将“边框”设置为“否”,在浏览器中将隐藏当前框架的边框。 步骤八:选择“框架”面板的右框架,在属性面板中设置:“滚动”为“自动”,当浏览器窗口中没有足够的空间来显示当前框架的完整内容时才显示滚动条。选中“不能调整大小”复选框,将边框设置为“否”。
Ⅳ dw网页制作,这种框架怎么弄,要详细步骤
给你个思路:
1.定义主体框架
一般我们都是过直接敲代码的,DW倒是没碰。用DW我们也是简单看一下,然后操作还是靠代码。
Ⅳ 网页制作中,模版与框架的区别
模版实际上就是利用表格布局,做出多种样式,是单页,只需要保存一个文件
框架页是由两页以上组成的页面,叫做框架页,每个框架页要保存多个文件页面。如果常见的分成标题、目录和主页面的框架页,要保存为4个文件
Ⅵ 网页制作中框架的作用
框架可以把浏览器窗口分成几个独立的部分,每部分显示单独的页面,页面的内容是互相联系的。如3框架网页,顶端框架显示网页标题,下面左右两个框架,左边显示导航栏,右边显示链接目标网页。单击左边框架导航栏中的超级链接,在右边框架里显示超级链接的对象。内容非常多的网页不宜采用框架式结构,所以大网站中几乎所有的网页都不是框架式网页。
Ⅶ 怎样制作框架网页(急!!!!!!!!)
先建立框架页,主要代码如下:
<frameset cols="131,16,*" framespacing="0" frameborder="NO" border="0" id="mainFrameset">
<frame src="左边的页面" name="leftFrame" scrolling="yes" >
<frame scrolling=no noresize="true" name=toogle marginwidth=0 marginheight=0 src="bar.html">
<frame src="右边的页面" name="mainFrame" scrolling="yes">
</frameset>
</frameset>
**********************
bar.html 页面的代码如下:
<html>
<head>
<style type="text/css">
.o1 {background-color:#718BD6; font-size:10px; color:#ffffff; text-decoration:none;}
body {margin: 0px; background-color: #ffffff; }
</style>
<script language="javascript">
<!--
var iniCols, noCols, o_mf, o_ms, s, o_bt, ImageSrc;
function ini() {
o_mf = parent.document.getElementById("mainFrameset");
o_ms = document.getElementById("menuSwitch");
noCols = iniCols = o_mf.cols;
nn = document.getElementById('img1');
nnSrc = iniSrc = nn.src;
if ((pos = noCols.indexOf(",")) != -1) {
noCols = "0" + noCols.substring(pos);
}
if ((pos = nnSrc.indexOf("bbbb")) != -1) {
nnSrc = "asnew/u" + nnSrc.substring(pos);
}
s = false;
}
function changeLeft(){
s = !s;
o_mf.cols = s ? noCols : iniCols;
nn.src = s? nnSrc : iniSrc;
}
//-->
</script>
</head>
<body onload="ini()" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="10" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="18" background="asnew/bar.gif"><a href="#"><img id="img1" src="asnew/bbbb.gif" width="18" height="8" alt="" onclick="javascript:changeLeft();" border="0"></a></td>
</tr>
</table>
</body></html>
***********
就可以实现了
Ⅷ 做一个简单框架集网页
我学过dreamwaver。你需要先建个站点。然后打开软件,在打开后,你需要自己打开个框架 ,一般的我们选择3 个起名为TOP。left.mian,然后分别制作你的这些框架。选中某个字或者几个字然后在找超链接的那个图片或者制作好了的比如,你在top哪个框架里选中几个字然后链接在制作好的left。当你点击top上选中的超链接的几个字时她们会在left上变动。
Ⅸ 如何制作框架网页
小编以前也不会框架网页的,但是前段时间小编需要考试。遇到了有关框架网页的问题,也就去学习了。接下来小编就用接下来的实例来教大家如何制作框架网页。希望能够帮助到你们。
我们今天就以下面的例题来学习一下。
请建立一个目录框架网页,并按照要求将此文件保存名为page2.html。
要求:在目录框架网页建立一个4行1列的表格(高300像素、宽100像素),表格居中,边框为黄色、背景为绿色;表格中的文字为华文楷体、14磅、加粗、黑色;单元格内容水平方向居右对齐,垂直方向相对底边对齐;在主框架网页中新建网页并插入素材包内的图片8139.jpg;设置"美食介绍"与素材包内sc7.htm 文件的链接,设置"相关新闻"与网站www.sina.com.cn链接,设置"相关图片"与素材包内bg7.jpg文件的链接,设置"网络高手"与邮箱[email protected]链接
第一步:新建网页
首先我们打开软件,选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。
1.整个框架网页。
选中框架最中间的竖线,当我们看到代码栏中有“<frameset cols="597,598">”代表我们选取成功。
2.框架网页的左侧
选中左侧空白区域即可
3.是框架网页的右侧。
选中右侧空白区域即可
如图:
第二步:制作左边的框架网页
首先插入表格并设置基本属性
1.选择主菜单下的“插入”——“表格”如图。
2.接着设置表格的属性
(4行1列的表格“高300像素、宽100像素”,表格边框为黄色、背景为绿色。)其中的高,边框颜色都是使用代码输入的。如图:
3.至于背景和居中我们可以到属性面板的页面布局进行设计就可以了。如图:
第三步:设置css样式
1.首先打开css面板,选择该面板的下面的“+”号,出现下图所示的效果。
2.设置样式。选择“id”类型,取名为“stlye1”,保存了“仅存为该文档”。如图:
3.设置样式属性。“华文楷体、14磅、加粗、黑色”。如图:
第四步:使用css样式
1.在表格中书写相应的文字。如图:
2.使用样式。选中所有的文字,然后来到属性面板。选择“类”——“stlye1”,我们就设置好css样式了。如图:
第五步:设置文字的位置。
选中文字,来到属性面板,设置“水平”,“垂直”的属性。如图:
第六步:设置文字链接。
选中“美食介绍”,来到属性面板,选择“链接”,将我们要链接的地址输入进去就可以了。接下来依次选中其他文字就可以了。效果如下:
(注意:我们先前选中的网页文件,图片文件是可以直接填写的。而网址我们要在前面加上“http://”,邮箱地址要加上"mail to:")
第七步:设置右侧网页
选中右侧网页,选择“插入”——“图片”,选择我们想要插入的图片我们就完成了。如图:
此时我们就可以打开htm文件,在浏览器中浏览效果了,如图: