1、第一步:新建网页
首先;打开软件,选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。
2、第二步:制作左边的框架网页
首先插入表格并设置基本属性:选择主菜单下的“插入”——“表格”。接着设置表格的属性:(4行1列的表格“高300像素、宽100像素”,表格边框为黄色、背景为绿色。)其中的高,边框颜色都是使用代码输入。
3、第三步:设置css样式
首先打开css面板,选择该面板的下面的“+”号,出现下图所示的效果。设置样式。选择“id”类型,取名为“stlye1”,保存了“仅存为该文档”。设置样式属性。“华文楷体、14磅、加粗、黑色”。
4、第四步:使用css样式
在表格中书写相应的文字。选中所有的文字,然后来到属性面板。选择“类”——“stlye1”,;就设置好css样式。
5、第五步:设置文字的位置。
选中文字,来到属性面板,设置“水平”,“垂直”的属性等。感兴趣的话点击此处,免费学习一下
想了解更多有关框架的相关信息,推荐咨询【达内教育】。达内与阿里、Adobe、红帽、ORACLE、微软、美国计算机行业协会(CompTIA)、百度等国际知名厂商建立了项目合作关系。共同制定行业培训标准,为达内学员提供高端技术、所学课程受国际厂商认可,让达内学员更具国际化就业竞争力。达内IT培训机构,试听名额限时抢购。
<frameset cols="25%,50%,*" rows="50%,*" border="5"><frame src="the_first.html">
<frame src="the_second.html">
......
</frameset>
1.纵向分割窗口
<html>
<head>
<title>rows纵向分割为3个窗口</title>
</head>
<frameset bordercolor="red" rows="25%,50%,*" border="5">
<frame src="subframe/the_first.html" name="top"/>
<frame src="subframe/the_second.html" name="middle"/>
<frame src="subframe/the_thdrd.html" name="bottom"/>
</frameset >
<html>
2.横向分割窗口
<html>
<head>
<title>cols进行纵向分割</title>
</head>
<frameset bordercolor="#FF0000" cols="200,*,200" border="5">
<frame name="leftFrame" src="subframe/the_first.html" />
<frame name="mainFrame" src="subframe/the_second.html" />
<frame name="rightFrame" src="subframe/the_third.html" />
</frameset >
3.横向和纵向同时分割窗口
<html>
<head>
<title>创建多框架页面</title>
</head>
<frameset rows="20%,*" frameborder="0">
<frame src="subframe/top.html" name="topFrame"
scrolling="no" noresize="topframe"/>
<frameset cols="20%,*">
<frame src="subframe/left.html" name="leftframe"
scrolling="no" noresize"noresize">
<frame src="subframe/right.html" name="rightframe">
</frameset >
</frameset >
<html>
第一种做法:在“导1.html”中点击“导2-1.html”的时候target="second"不过这种方法要求导1.html的样子和导2.html一样
第二种:在“导1.html”中点击“导2-1.html”的时候先跳到导2.html,记得多传个参数,在导2.html做判断,比如传了个tiaozhuandao2=1的参数 在导2.html判断
取参数的步奏就不写了
var tiaozhuandao2 = 1//这是取参数
if(tiaozhuandao2=1)
document.getElementsByName("second")[0].src="导2-1.html"
就可以了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)