一个框架是什么? 框架的结构和创建

框架是网站(窗口)上的一个区域,其中可以看到另一个网页。 网站管理员利用这个机会展示他们的朋友或合作伙伴网站的主页。 使用相同的技术在窗口中显示搜索表单及其结果等等。

但基本上帧被用来创建大的门户网站,在那里需要很多的菜单项和子菜单。 关于这些通常会说:“框架上的网站”。 要创建这样的资源,需要对HTML语言有很好的了解。

在网站构建器中创建框架

在一些网站设计者中,提供了这种代码的自动生成。 通常添加框架的按钮位于程序的主菜单中。 首先,您需要将光标放在页面上的所需位置,然后单击该按钮,窗口将打开(如屏幕截图所示)。 在其中,您可以设置将在框架中打开的页面的地址,并调整尺寸:宽度和高度。

但基本上帧被用来创建大的门户网站,在那里需要很多的菜单项和子菜单。 关于这些通常会说:“框架上的网站”。 要创建这样的资源,需要对HTML语言有很好的了解。

创建框架

在这个“服务”的帮助下,可以在页面上创建几个框架,这是相互关联的元素,所以你不会得到。

CMS中的框架

许多用于创建站点的程序都提供了安装适当模块的功能。 例如,对于Joomla框架,这是“包装”模块。

这个框架

它可以在控制面板CMS Jumla中找到并创建:“扩展” - “管理模块” - “创建”(圆形按钮橙色,内部带有一个加号)。 在弹出窗口的列表中,您将看到“Wrapper”模块。

如果他不在这里,那就不包括在内。 要使用它,首先需要在这里激活它:“扩展”选项卡,然后“扩展管理器”,然后是“管理”选项卡。 然后查看打开的列表,您可以在“过滤器”字段中输入“包装器”以进行快速搜索。 相反,这个模块应该是一个绿色的图标,里面有一个勾号。 一个带圆点的红色圆圈表示该插件已关闭。

在此过程之后,您可以返回到“模块管理器”,创建一个框架并设置其参数。

什么是框架

如图所示,模块允许您设置:框架上方的标题,模块的位置,选择要显示的站点的页面。 还要调整宽度,高度; 添加一个框架和实际的链接到网页。 如果在框架中想要以全角度显示任何站点的主页面,那么缺省安装的100%将不够用。 你可以立即设置400%。 200高度通常足以显示首页菜单。 如果用户(站点访问者)使用滚动条,所有其余内容将可见。

以下是Jumla框架的一个例子。

帧示例

用于创建框架的Jumla模块非常方便且易于使用。 但是,它的能力是有限的,设计师的能力也是如此。

历史与现实

在从框架创建网站的实践中,这个标签(它的应用)早已成为次要的。 他们能够替换模块,设计器程序中的设置,为网页生成代码,而无需站点构建者的参与。 但是,在某些情况下这是不够的。 例如,当一个框架是在浏览器中显示的区域的整体复杂结构。 这就是它的所有者如何看待结构化网站的复杂性。 它的创作只是在极端情况下,因为Framey的网站是专门的标签的帮助下创建的。

复杂的结构化网站

对于他们来说,创建几个相互关联的框架是在资源页面上组织内容的最佳解决方案。 这通常是大型门户,每年越来越多。

如何达到相同的结果? 如何创建一个框架结构?

框架结构

如何在页面代码中写入一个框架

HTML中的框架使用标签添加:

  • 框架(为一个单独的窗口);
  • 框架(它在它的帮助下创建一个完整的结构);
  • iframe(“浮动”框架);
  • (如果框架不显示在用户的浏览器中)。

第一个指定的标签总是适合这个对 и 。 它取代了 и 。 借助相应的属性,您可以调整每个元素的特征:名称(name =),大小(cols =和rows =),边框(边框),滚动条,当然还有要显示的网页的链接。

设计变化

整个网站的页面可以分为几个区域。 例如,这个:

上部框架

这个结构(称为嵌套)可以通过设置标签内的cols属性,指示框架的水平位置,以及垂直的行来获得。 接下来是=号,尺寸被写入。 例如,60%,40% - 百分比(一个窗口将占用60%的浏览器空间,另一个则分别占用40%)。 或100,200 - 以像素为纵横比。 其中一个框架的大小根本不能设置(它将被默认安装)。 要做到这一点,你必须在逗号后面或之后指定一个*。

在这一对框架内,frameset用参数src =注册每个框架,然后在引号中给网页提供一个链接,用name(例如Frame 1)给name =。

每个新区域的嵌套由新的框架集表示。

示例代码:

请注意,在我们的示例中,对于第二维和第三维的帧,只写入一次。

很多zadumok允许你执行框架。 他们在浏览器窗口中的位置的例子可以无限地带来(相应地改变代码)。 但是,这个信息很长一段时间没有找到实际的应用。 如果在创建网站时使用了框架,则只能以免费CMS中的模块或iframe的形式使用。

浮动框架

网站上的框架

奇怪他为什么得到这个名字,这里“内置”这个词更适合。 创建该框架以显示文件的内容。 您可以将任何文档或文件加载到数据库中,使用ayframe的标签来注册路径 - 访问者将看到文件(视频或图像)的文本。 不幸的是,浏览器并不总是显示内容。 要做到这一点,网站建设者输入开始和结束标记之间的短语:“您的浏览器不显示内容”。

例如,Seopult.ru是一个为推广大师的知名服务。 不是他的主站点,而是为门户客户端创建的I.seopult.pro镜像。 ayframe的代码写在这里:

  • 说明
  • 。 哪里标签

  • 创建来定义一个列表项。 受所有浏览器支持。

    在镜像页面上,您可以按钮的形式看到“指令”一词。 当你点击它的时候,浏览器窗口的中心会打开一个演示文稿。

    所有观看电影和连续剧的主要网站都是在ayframes(例如“Imhonet”)以及社交网络的帮助下创建的。 即使是“Yandex”的主页也包含这个标签,而不是一对。

    如何规定iframe

    以滚动条的形式上传到网站的文件窗口的形式可以在任何地方。 通常标签被放置在身体内部。 除了标准

    и

    ,如上例所示,还可以使用列表标签 -

  • .

    属性被添加到属性中:

    • 宽度(width)和高度(height =);
    • 对齐边缘对齐;
    • 缩进,你不能规定:默认值是6 - 这是相当的;
    • 使用allow透明度,您可以设置框架区域的透明度,以便页面的背景可见;
    • 加上已经熟悉的scr,名称,滚动,边框。

    导航与机身的帮助

    最有趣的是在框架领域的能力 - 这是写代码,使打开的链接在窗口中的内容 - 什么做的创造者Seopult镜,只有几个引用(都可以在同一个页面上的用户)。

    为了这个目的,采取一个框架,它通过name =另外注册了一个名字。 例如,zagolovok。 接下来在标签之前 и 链接通过HREF =和属性target = zagolovok的强制性指示分配。 在使用结束标记之前,会显示一个标记,它将用作链接按钮。 “a”标签在p标签中打开和关闭。

    您可以指定的这几行代码,终于在一排的几个按钮,链接,点击该窗口下面会显示不同的内容上网。

    代码将如下所示:

    免费发布信息

    查看广告

    它将如何看待网站:

    浮动框架

    如何在Jumla的网站中插入一个iframe

    标准地在Jumla控制面板中有一个包含(即可使用的)模块“HTML代码”。 有了它,你可以在网站的任何地方插入任何代码。 但是,带有ayfrem标签的代码将被持久忽略。 因此我们将使用特殊模块Jumi。

    首先,您需要从互联网上下载并通过Jumla的管理面板安装:“扩展” - “扩展管理器” - “选择文件”。 指定下载的档案的路径,然后点击“下载”。

    安装成功后,转到“模块管理器”并创建一个新模块。 选择Jumi类型。 在打开的窗口中,在“自定义代码”字段中输入
    ayfrem,正如文章前一段所显示的那样。 给模块一个标题,指定站点的放置位置和页面。 点击保存并验证发生了什么。

    浏览器和框架

    所有流行的浏览器都能很好地显示windows框架的内容:Chrome,Safari,Firefox,Android,iOS。 Internet Explorer和Opera尤其如此。 而且还不能保证你的网站的访问者会看到所有窗口的内容。 在这种情况下,你应该留下一个带有noframe标签的信息(开启和关闭)。 您可以在其中输入以下内容:“您的浏览器已过时。要显示网站的内容,请更新版本”。 如果用户的浏览器正确显示帧,则不会显示此消息。

    所以,一个框架是一个有自己的URL的网站的区域或窗口。 它用于在浏览器的一个字段中显示多个网页或独立的文档,这些文档也有自己的URL。 尽管框架允许您很好地组织一个复杂的结构化网站,但除了iframe之外,它们还没有被使用很长一段时间。 这个标签的应用仍然适用于下载演示文稿,视频播放器,文本文件在某个窗口中。 它被大型和知名的网络资源积极使用。

    打印友好,PDF和电子邮件
  • 载入中...

    添加评论

    您的电子邮件将不会被发表。 必填字段标 *