网页设计怎么增加框架

网页设计怎么增加框架,第1张

框架结构(帧结构)是指利用<FRAME>将一个网页分为若干个窗口,这样可以在一个页面上展示几个不同内容的网页,例如将菜单和网页内容放到两个框架中,这样当拉动网页内容的滚动条时,菜单部分的网页可以保持固定不动,为浏览网页带来方便。另外,对于一些内容较少的网站,利用框架结构也使得网页布局看起来更加丰富。 但从网络营销需要的角度而言,尤其是出于搜索引擎优化方面的考虑,最好不要使用框架结构(帧结构)的网页设计,或者要进行特别处理,以便适应搜索引擎的检索规则。框架结构(帧结构)的主要问题在于不能为每个网页都设置一个标题(TITLE),更为糟糕的是,有些搜索引擎对框架结构的页面不能正确处理,会影响到搜索结果的排列名次。所以一般情况下,尽可能不采用框架结构。现在一般网站都是采用表格定位的网页设计

1、如果用dreanweaver你可以单击窗口——框架,在插入工具栏的“布局”单击“框架”
2、如果使用html你可以
<html>
<head>
<title>未来</title>
</head>
<frameset rows="30%,">
<frame src="tophtml">
</frame>
<frameset cols="30%," >
<frame src="lefthtml"></frame>
<frame src="mainhtml">
</frame>
</frameset>
</frameset>
</html>

若要制作一个站点,这个站点是左右的框架结构,左侧框架显示导航页面,右侧框架显示主内容,需要做的是将这两个页面合成一个左右框架结构的页面。步骤一:使用前面介绍的方法,首先将一个新建的空白页面分割成左右结构的框架。步骤二:选中“框架”面板中的左框架,单击属性面板中“源文件”文本框右侧的“浏览文件”按钮,在d出的对话框中选择左页面。步骤三:同理,选中“框架”面板中的右框架,单击属性面板中个“源文件”文本框右侧的“浏览文件”按钮,在d出的对话框中选择右页面。步骤四:这时,框架的左右两侧就将已经制作好的页面显示出来了。步骤五:选中“框架”面板中的总框架集,然后执行“文件--保存框架页”命令,将其保存。步骤六:选择“框架”面板中的总框架集,在属性面板中设置“边框”为“否”,边框宽度为“0”,选择缩略图中的左框架,设置其宽度为“130像素”,然后选择右框架,设置其宽度为“相对”。步骤七:选择“框架”面板中的左框架,在属性面板中,设置“滚动”为“否”,即指定在左侧框架中不显示滚动条。选中“不能调整大小”复选框,令访问者无法通过拖动框架边框调整框架大小。将“边框”设置为“否”,在浏览器中将隐藏当前框架的边框。步骤八:选择“框架”面板的右框架,在属性面板中设置:“滚动”为“自动”,当浏览器窗口中没有足够的空间来显示当前框架的完整内容时才显示滚动条。选中“不能调整大小”复选框,将边框设置为“否”。

用frameset 根据关键字搜索相关资料
ROWS="120, "
就是横向切割,将画面上下分开 比如
<FRAMESET ROWS="120, ">
<FRAME SRC="ahtm">
<FRAME SRC="bhtm">
<FRAME SCROLLING="NO" SRC="chtm">
</FRAMESET>
相关数据根据需要调整
希望能帮到你

首先注意一点,在<frameset></frameset>所在的文件中不需要写<body>体,否则会不显示网页的分页。
做一个有顶,有左侧网页,有右侧网页的框架集网页应该怎么做?
先把各个小的分散页面做好
all2html
tophtml
lefthtml
right1html
right2html
来看每个文件的具体代码:
all2html
<!--这里开始是整体框架结构,为上下结构-->
<frameset rows="20%,"
frameborder=0>
<frame src="tophtml" noresize scrolling=no
/>
<!--这里开始是另外一个框架集结构为左右结构-->
<frameset cols="20%,">
<frame src="lefthtml" noresize
/>
<!--frame元素中有一个name属性,相当于给frame取名,以方便识别位置-->
<frame src="right1html" name="right"
/>
</frameset>
</frameset>
tophtml
这里是顶部内容
lefthtml
<a href="right1html"
target="right">青花瓷1</a><br
/>
<a
href="right2html"
target="right">青花瓷2</a><br
/>
right1html
这里是right1html的内容
right2html
这里是right2html的内容


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

原文地址: https://outofmemory.cn/yw/13092428.html

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

发表评论

登录后才能评论

评论列表(0条)

保存