1、第一步：新建网页
首先；打开软件，选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。
2、第二步：制作左边的框架网页
首先插入表格并设置基本属性：选择主菜单下的“插入”——“表格”。接着设置表格的属性：（4行1列的表格“高300像素、宽100像素”，表格边框为黄色、背景为绿色。）其中的高，边框颜色都是使用代码输入。
3、第三步：设置css样式
首先打开css面板，选择该面板的下面的“+”号，出现下图所示的效果。设置样式。选择“id”类型，取名为“stlye1”，保存了“仅存为该文档”。设置样式属性。“华文楷体、14磅、加粗、黑色”。
4、第四步：使用css样式
在表格中书写相应的文字。选中所有的文字，然后来到属性面板。选择“类”——“stlye1”，；就设置好css样式。
5、第五步：设置文字的位置。
选中文字，来到属性面板，设置“水平”，“垂直”的属性等。感兴趣的话点击此处，免费学习一下
想了解更多有关框架的相关信息，推荐咨询【达内教育】。达内与阿里、Adobe、红帽、ORACLE、微软、美国计算机行业协会（CompTIA）、百度等国际知名厂商建立了项目合作关系。共同制定行业培训标准，为达内学员提供高端技术、所学课程受国际厂商认可，让达内学员更具国际化就业竞争力。达内IT培训机构,试听名额限时抢购。
首先注意一点，在<frameset></frameset>所在的文件中不需要写<body>体，否则会不显示网页的分页。做一个有顶，有左侧网页，有右侧网页的框架集网页应该怎么做？
先把各个小的分散页面做好
all2.html
top.html
left.html
right1.html
right2.html
来看每个文件的具体代码：
all2.html
<!--这里开始是整体框架结构，为上下结构-->
<frameset rows="20%,*"
frameborder=0>
<frame src="top.html" noresize scrolling=no
/>
<!--这里开始是另外一个框架集结构为左右结构-->
<frameset cols="20%,*">
<frame src="left.html" noresize
/>
<!--frame元素中有一个name属性，相当于给frame取名，以方便识别位置-->
<frame src="right1.html" name="right"
/>
</frameset>
</frameset>
top.html
这里是顶部内容
left.html
<a href="right1.html"
target="right">青花瓷1</a><br
/>
<a
href="right2.html"
target="right">青花瓷2</a><br
/>
right1.html
这里是right1.html的内容
right2.html
这里是right2.html的内容
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）