1、html中窗口框架的基本结构,主要利用哪两个标记来定义的?
架可以生成独立变化和滚动的窗口,从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。我们这回就来看看多文档的基本结构和子窗口之间的交叉链接。 一,基本结构HTML使用<Frameset>,<Frame>和<noFrames>标签来定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。 (一),<Frameset>标签。 该标签是框架设计标签,成对使用。首尾标签之间的内容就是使用到框架的HTML主体部分。在使用框架的HTML文档中不能出现<body>标签,否则会导致浏览器忽略所有的框定义而只显示<body>和</body>之间的内容。 <Frameset>标签作用是将窗口分割为若干个自窗口,子窗口的数目取决于嵌套在该标签中<Frame>标签的书目。<Frameset>标签有两个属性。rows和cols,分别用来确定个子窗口的高度和宽度,格式为<Frameset rows="值1,值2,……值n">;<Framest cols="值1,值2,……值n">.各参数之间以逗号分割,依次表示各个自窗口的高度(宽度)。这两个属性的参数值可以是数字、百分数或符号“*”。下面我们来分别解释一下: (1)数字。表示子窗口高度(宽度)所占的像素点数。 (2)百分数。表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。 (3)符号“*”。当符号*只出现一次。即其他子窗口的大小都有明确的定义时,表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时,表示按比例分割浏览器窗口的剩余空间。例如: <Frameset cols="40%,2*,*">表示将浏览器窗口分割为3列,第一个子窗口在第一列,窗口宽度为整个浏览器窗口宽度的40%;第二个子窗口在第二列,占浏览器窗口剩余空间的2/3,即其宽度为整个浏览器窗口宽度的40%,第三个子窗口占剩余空间的1/3,宽度为整个浏览浏览器窗口宽度的20%。 (二),<frame>标签。HTML用<frame>标签来标识子窗口。<frame>标签是嵌套在框架设置标签<Frameset>标签中来使用的单独标签。在<Frameset>中定义了多少个子窗口就要有多少个<frame>标签与之匹配,依次定义各个窗口的性质。<frame>标签有7个属性,除SRC属性是不可缺省的外,其他属性都是可选的。 (1)SRC属性。用以定义子窗口的名称。 (2).name属性。用于定义子窗口的名称。 (3)frameboder属性。该属性的参数值为1或0。当参数值为1时,表示该子窗口有边框,为0时没有边框。该属性缺省值为1。 (4)bordercolor属性。用以规定子窗口的边框颜色。如果在一个以上的<frame>标签中定义了子窗口的边框颜色,则以第一次指定的颜色为标准。在指定边框颜色时,可以使用颜色的RBG代码或直接使用与该颜色想对应的英文单词。bordercolor属性的参数值可以是16种颜色中的任意一种。
(5)sclling属性。属性的参数值为yes,no或auto之一。参数值为yes时表示该子窗口始终有滚动条。为no时是始终没有滚动条。为auto时表示当文档的内容超出窗口范围时,浏览器自动为该子窗口添加滚动条。scolling属性的缺省值为auto. (6)maginwidth和marginwidht属性。这两个属性是用来指定显示内容与窗口边界之间的空白距离大小的。其中maginwidth属性用于确定显示内容与左右边界之间的距离;maginwidht用来确定显示内容与上下边界之间的距离。这两个属性的参数值都是数字。分别表示左右边距所占的像素点数。 (三),<noframes>标签。使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息,以免浏览者对空白窗口画面感觉莫名其妙。<noframes>标签是成对使用的。首尾标签之间的内容就上告之浏览者的信息。如“如您看到空白的画面说明您的浏览不支持框架显示”。虽然常用的两中浏览器IE和NC都是支持框架显示的。但为了加强文档的适用性,我们最好还是养成使用这个标签的习惯。框架可以生成独立变化和滚动的窗口,从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。
本篇文章来源于深山行者个人网站 http://www.qwbm.com 原文出处: http://www.qwbm.com/new.asp?id=531
2、网页设计中的“框架页”是什么东西?
框架页是一种特殊的网页,主要作用是把屏幕分为2个或2个以上的区域,其中每一个区域都可以单独显示一个网页。框架页就是如何组织多个网页在一起的定义文件,结构与一般网页不同。
3、HTML网页设计常用的标记和元素?
<div>
<span>
<font>
<input>
<form>
<lable>
<p>
<dl>
<dt>
<dd>
<ul>
<li>
<h1>
4、框架网页是什么?
框架集是指定义网页结构与属性的HTML页面,这其中包含了显示在页面中框架的数目,框架的尺寸,装入框架的页面的来源,以及其他一些属性的相关信息。框架集页面不会在浏览器中显示;它只是用来存放页面中框架如何显示的信息。
单个框架是指在网页上定义的一个区域,而框架集则记录了同一网页上多个框架的布局、链接和属性信息。框架集与框架之间的关系是包含与被包含的关系,多个框架就组成了框架集。
利用框架可以把浏览器窗口划分为多个区域,每个区域可以添加任意的网页元素,也可分别显示不同的网页。
5、在HTML语言中,定义框架的标记包括
框架标记
<FRAMESET> 框架设定
<FRAME> 框窗设定
<IFRAME>页内框架 于网页中间插入框架
<NOFRAMES> 不支持框架 设定当浏览器不支持框架时的提示
6、什么是框架网页
■ 什么是框架型网页?
如果一个网页的左边导航菜单是固定的,而页面中间的信息可以上下移动,这一般就可以认为是一个框架型网页。此外,一些框架型站点的模板在其页面上方放置了公司的LOGO或图片。不过这一块也是位置固定的。而页面的其它部分则可以上下左右移动。有的框架型站点模板还会在其固定区域中放入链接或导航按钮。
在一些关于搜索引擎优化方面的文章中,基本上都认为网站用框架来设计是极不可取的。这是由于大多数的搜索引擎都无法识别网页中的框架,或者无法对框架中的内容进行遍历或搜索。
■ 为什么使用框架的网页无法被正确索引?
我们将向大家解释为何使用框架的网页无法被使用网络蜘蛛(spiders)或网络爬虫(crawlers) 的搜索引擎(如Google)正确索引的主要原因。在一个框架网页的后台代码中,我们一般能够看到的是网页的标题标记(Meta Title)、描述标记(Meta Description)、关键字标记(Meta Keywords)及其它原标记(Meta Tags),同时你还会看到一个框架集标记(Frameset Tag)。框架中的内容在后台代码中是无法被体现的,而对于那些主要搜索引擎的搜索程序来说,如Google的GoogleBot和Freshbot,其设计思路都是完全忽略某些HTML代码,转而直接锁定网页上的实际内容进行索引。这样一来,网络蜘蛛在那些一般性的框架网页上根本找不到要搜索的内容。这是由于那些具体内容都被放到我们称之为“内部网页”中去了。
使用“Noframes”标记进行优化
使用了框架型网页并不意味着就完全无法对其网页进行优化。实际上在HTML标记中,有一个叫做NOFRAME的标记,如果使用得当的话我们就可以有效地对页面进行优化了,从而使得搜索引擎能够正确索引你框架网页上的内容信息。也有网站这样使用NOFRAMES标记:他们在NOFRAMES标记里放上这么一段话:“本网页使用了框架,但您的浏览器不支持框架。请下载新的浏览器观看。”
让我们看看那些专业的搜索引擎优化公司是怎么做的吧。他们在使用了框架的网页中,有效的提供含有丰富关键字和关键短语的重要文字和内容,从而有效帮助网站在SERP(搜索引擎搜索结果页)中取得较高的排名(页面等级)。
这样优化的结果,其实就是让主要搜索引擎不但读取了你的网页后台代码中的标题和其它原标记,而且对那些不支持框架的浏览器所无法显示的页面内容信息,也进行了索引。如果你出于某种原因非要使用框架结构,那么请紧记:在你的后台代码中一定要正确的使用NOFRAMES标记,这一点非常重要。
很显然,我们所说的这些优化措施,只有对那些网页内容经过精心撰写,并且在内容中充分使用了重要关键字和关键短语的网站才起作用。
综上所述,不管是使用框架技术的网站还是非框架技术的网站,只要你采用的是恰当的技术和正确的技巧,都可以进行完美的优化从而取得理想的页面等级。
什么是框架
前面我们介绍了很多网站的页面是用表格制作的,还有一种更方便的工具,就是使用框架。
框架的作用就是把浏览器窗口划分为若干个区域,每个区域可以分别显示不同的网页。
<iframe></iframe>
将文档分割为几个框架后,Dreamweaver会自动产生一个没名字的框架体文件,比如我们看到的一个简单的左右框架页面,实际上包含3个不同的文件,一个是框架体文件,还有两个在框架中显示内容的文件。
框架体文件中保存页面中框架的数量,框架的尺寸、位置及每个框架的网页源文件和其它可定义的属性。
7、网页制作中框架是什么意思?
框架可以把浏览器窗口分成几个独立的部分,每部分显示单独的页面,页面的内容是互相联系的。框架网页,顶端框架显示网页标题,下面左右两个框架,左边显示导航栏,右边显示链接目标网页。单击左边框架导航栏中的超级链接,在右边框架里显示超级链接的对象。内容非常多的网页不宜采用框架式结构,所以大网站中几乎所有的网页都不是框架式网页。
8、“布局(div+css或html5结构标记)”在网页设计题中属于什么?怎么操作?有例子更好
布局(div+css或html5结构标记),在网页设计题中属于框架结构类,具体怎么操作,需要看设计需求及设计者的思想,具体的你种个设计师问问
9、网页设计中,span标签是什么东西啊?
如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
可以对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
提示:事实上,您也许已经注意到了,W3School 站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多,但是我们的做法是:使用“提示”使用 span 元素,然后对这个 span 元素的父元素,即 p 元素应用 class,这样就可以对这个类的子元素 span 应用相应的样式了。
HTML:
<p class="tip"><span>提示:</span>... ... ...</p>
CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}
说的简单点就是给一些文字图片加一个定义!然后改变文字和图片的样式