导航:首页 > 万维百科 > 怎么用框架设计一个网站

怎么用框架设计一个网站

发布时间:2021-01-25 20:18:25

1、网页制作中的框架怎么用啊?几个页面啊?

加代码:第一步:<iframe width="500" height="400" name=main frameborder="0" src=http://www.cctv.com scrolling="auto"></inrame>
第二步:上面设的名字是main,把连接的目标转向main就行了" target="main">

例:

<body>
<table width="500" border="1">
<tr>
<td height="30"><div align="center"><a href="http://www.163.com" target="main">网易</a></div>
<div align="center"><a href="http://www.qq.com" target="main">qq</a></div></td>
</tr>
<tr>
<td height="376">
<iframe width="500" height="400" name=main frameborder="0" src=http://www.cctv.com scrolling="auto"></inrame>

</td>
</tr>
</table>
</body>

2、网页设计,只用一个网页怎么实现框架的功能?

只用一个页面的话只能用层吧,点击导航,显示一个层,隐藏其他层。
网上有许多就js+css写的滑动门也可以实现类似效果

3、网站框架设计的思路是怎么样的

1、网站色彩的布局
网站给客户的第一印象就是网站整体色调的样式,能够帮助我们为客户留下好印象,从而为后面的转化做好铺垫。
网页配色,合理的配色可以加深客户的记忆;
2、网站关键词的布局
作为现代企业很多都选择了与互联网相辅的思想来做网页优化,如果网站要做关键词排名,要合理布置网页关键词,因为这样的布局能够为网站带来一定的权重和收录,提升网站排名,从而提高转化量。
3、网站功能的布局
企业为了更好的留住客户,并提升客户的体验度,从而让线上自身官网开发一定的体验功能,帮助企业挽留客户的脚步,为企业带来咨询量。
4、网站栏目的布局
网站栏目的合理布局有两点作用:第一能够第一眼使客户明白我们能为他们提供什么服务;第二可以加强自身关键词的相关性和权重;

4、如何制作一个左右框架的网页

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

5、使用框架设计的网站具有哪些好处

是否该用框架技术去设计一个新网页,也已成了大家争论不休的话题。在这篇文章中,我们为你提供了一些基本的优化技术,同时你也能够了解到:如何让一个使用框架的网页为主要搜索引擎正确索引及如何对其进行优化。 首先,让我们来看看。它的优越性体现在整个网页设计的整体性的保持及更新上。这也是为什么有相当多网站设计者都倾向于使用框架技术来进行网站的设计。尤其对于那些大型网站(至少500页以上的内容)而言,框架结构的使用可以使网站的维护变的相对容易。什么是框架型网页? 如果一个网页的左边导航菜单是固定的,而页面中间的信息可以上下移动,这一般就可以认为是一个框架型网页。此外,一些框架型站点的模板在其页面上方放置了公司的LOGO或图片。不过这一块也是位置固定的。而页面的其它部分则可以上下左右移动。有的框架型站点模板还会在其固定区域中放入链接或导航按钮。另外,在框架型网页中,深层页面的域名通常不会在URL中体现出来(这就意味着在浏览器的URL一栏中,不会显示你当前所看的深层页面,而是主页的URL)。这种问题在一般结构的网站中是不存在的。 无论是在一些内容比较好的书籍里还是在网上,你都能看到很多关于搜索引擎优化方面的文章。在这些文章当中,基本上都认为网站用框架来设计是极不可取的。这是由于大多数的搜索引擎都无法识别网页中的框架,或者无法对框架中的内容进行遍历或搜索。 在这种情形下,又有人可能会告诉你使用框架的网站永远不可能为搜索引擎索引,也不可能得到好的优化。这种论调对错参半。倘若框架使用得当,这种论调是站不住脚的。但对于框架的错误使用,或在网站设计时压根不考虑今天搜索引擎技术的方方面面,那么这句话又是有一定道理的。为什么使用框架的网页无法被正确索引? 在此,我们将向大家解释为何使用框架的网页无法被使用网络蜘蛛(spiders)或网络爬虫(crawlers) 的主要搜索引擎(如Google)正确索引的主要原因。在一个框架网页的后台代码中,我们一般能够看到的是网页的标题标记(Meta Title)、描述标记(Meta Description)、关键字标记(Meta Keywords)及其它原标记(Meta Tags),同时你还会看到一个框架集标记(Frameset Tag)。框架中的内容在后台代码中是无法被体现的,而对于那些主要搜索引擎的搜索程序来说,如Google的GoogleBot和Freshbot,其设计思路都是完全忽略某些HTML代码,转而直接锁定网页上的实际内容进行索引。这样一来,网络蜘蛛在那些一般性的框架网页上根本找不到要搜索的内容。这是由于那些具体内容都被放到我们称之为“内部网页”中去了。 现在大家都清楚了,无论对于任何网站及任何页面,真实的页面内容才是达到成功优化的一个重要因素。因此很显然,一个使用框架的网站是几乎不可能在搜索引擎中取得较好的页面等级的。现今的搜索引擎期待的只有一件事情,那就是网站的内容。这里的内容指无格式或文本格式的内容,也就是网页上所写的词和短语。使用“Noframes”标记进行优化 使用了框架型网页并不意味着就完全无法对其网页进行优化。实际上在HTML标记中,有一个叫做NOFRAME的标记,如果使用得当的话我们就可以有效地对页面进行优化了,从而使得搜索引擎能够正确索引你框架网页上的内容信息。也有网站这样使用NOFRAMES标记:他们在NOFRAMES标记里放上这么一段话:“本网页使用了框架,但您的浏览器不支持框架。请下载新的浏览器观看。” 让我们看看那些专业的搜索引擎优化公司是怎么做的吧。他们在使用了框架的网页中,有效的提供含有丰富关键字和关键短语的重要文字和内容,从而有效帮助网站在SERP(搜索引擎搜索结果页)中取得较高的排名(页面等级)。 这样优化的结果,其实就是让主要搜索引擎不但读取了你的网页后台代码中的标题和其它原标记,而且对那些不支持框架的浏览器所无法显示的页面内容信息,也进行了索引。如果你出于某种原因非要使用框架结构,那么请紧记:在你的后台代码中一定要正确的使用NOFRAMES标记,这一点非常重要。 很显然,我们所说的这些优化措施,只有对那些网页内容经过精心撰写,并且在内容中充分使用了重要关键字和关键短语的网站才起作用。其它相关问题 上面我们针对一个使用了框架结构的网站主页如何进行优化做出了详细的分析。我相信现在大家应该学会怎样对使用框架的其它内部页面怎样进行正确优化了吧。

6、如何制作框架网页

小编以前也不会框架网页的,但是前段时间小编需要考试。遇到了有关框架网页的问题,也就去学习了。接下来小编就用接下来的实例来教大家如何制作框架网页。希望能够帮助到你们。
我们今天就以下面的例题来学习一下。
请建立一个目录框架网页,并按照要求将此文件保存名为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文件,在浏览器中浏览效果了,如图:

7、网页设计中怎么用框架集设计网页

首先要了解框架集的概念。

框架集是构造整个框架结构的文档,它不包含具体显示的文本和图像,而只包含如何组织安排各个框架位置、大小和初始页面信息的设计。

它是框架使用中最基础的文档,常称之为整个框架显示时的主文档。


框架集的基本格式如下:

注意到,框架组文档中,用标记符代替了标记符。而标记符则用来指定每一个子窗口的内容。

1)窗口的分割用来分割浏览器窗口,它使用COLS和ROWS这2个属性项把整个窗口按垂直方向或水平方向分割为多个框架。例如:。该标记符把窗口分成3个垂直的框架,指定左框架宽度值为150象素、中间框架占总宽度的50%,余下的宽度留给右框架。


由上例可见,框架尺寸除使用象素值和百分数外,还可以使用*和n* ;使用*表示剩余部分;当使用n*(如2*)时,n值确定框架之间的比例。例如:"*,2*,3*"表示左边(或上边)的框架占窗口宽度(或高度)的1/6,中间框架占1/3,右边(或下边)框架占1/2。


2)标记符的嵌套标记符可以嵌套使用。以构造包含横向和纵向框架的窗口。以下代码用嵌套框架结构建立一个多层框架的窗口。框架的实现

3)框架的初始化标记符用于对各个框架进行初始化设置。使用标记符中的SRC属性指定需要在框架中显示的页面的文 褂肗AME属性指定框架的名称,以便在指定超级链接的目标框架时引用该框架名。标记符的个数应等于框架个数,并依出现的次序和层次先行后列对框架进行初始化。

例如:若要在指定框架显示某页面,则必须在SRC指定的URL位置存在指定的HTML文件。这就意味着要在所设计的框架中完整显示出所有内容,总共要编制页面个数为“框架数+1”。 

与怎么用框架设计一个网站相关的知识