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、首先用Dreamweaver程序打开已经添加框架集的文档。选择“窗口”菜单，在d出的下拉菜单中选择“框架”。
2、这时会在面板组中打开“框架”面板，打开后，默认选择的是框架集。
3、使用鼠标单击里层的三维边框，将选中子框架集（在一个框架集之内的框架集，称为子框架集）。
4、最后在“框架”面板单击最外层的三维边框，将会选中整个框架集。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）