Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Frame Iframe

    Загружено:

    Chris
    20 просмотров14 страниц
    información para la manipulacion de frames en css.

    Оригинальное название

    frame_iframe

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    información para la manipulacion de frames en css.

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    20 просмотров14 страниц

    Frame Iframe

    Загружено:

    Chris
    información para la manipulacion de frames en css.

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 14

    CSS Frames e iframes

    Introducción
    Los frames permiten dividir el recurso web en
    piezas o paneles los cuales contienen
    recursos html separados.
    Una de las ventajas de los frames es la de
    recargar solo una porción del contenido de la
    ventana del navegador.
    Se puede utilizar como un mapeo del recurso
    web, y permite utilizar mejor los espacios de
    la ventana del navegador.
    Frame

    Permite generar un recurso web a partir de varios


    recursos distintos.
     Se utilizan para generar barras de navegación.

     Se puede segmentar el contenido de los recursos web

    en pequeñas partes que facilitan su administración,


    actualización o rediseño.
     Nota: Cambiar el Doctype para usar frames.
    Frame
    Se cuenta con un recurso web que es la
    base de la distribución de los marcos

    Se utilizan otros recursos web para
    generar el contenido de cada marco.

    Se vinculan los contenidos utilizando la
    base de distribución para indicar como se
    configura el recurso y los contenidos.
    Frame
    <html>
    <head>
    <title>Frames </title>
    </head>
    <frameset rows="150, *, 100">
    <frame src="superior_frame.html" />
    <frame src="principal_frame.html" />
    <frame src="inferior_frame.html" />
    <noframes><body>
    Este sitio utiliza frames, pero su navegador no lo soporta
    </body></noframes>
    </frameset>
    </html>
    frameset

    Rows 150, *, 100 Pixeles


    frameset Porcentaje
    cols 100, 10%, 2* Proporción
    Comodin *
    frame

    scrolling="yes"
    src="principal.
    frame html"

    name="princip
    al_frame"
    Frame y enlaces
    Se pueden hacer conexiones entre frames
    para generar menu de opciones de
    navegación.

    El frame de menu se encarga de tener
    todos los enlaces.

    El frame de contenido deberá “cargarse”
    con diferentes contenidos de acuerdo al
    enlace seleccionado.
    Frame y enlaces
    Definir el frameset
    <frameset cols="200, *"
    <frame src="linksNavegar.html" />
    <frame src="linkscontenidos.html"
    name="contenido_principal" />
    </frameset>
    Frame y enlaces
    En el archivo linksNavegar.html
    <a href="http://yahoo.com"
    target="contenido_principal">Yahoo</a>
    <a href="http://www.google.com"
    target="contenido_principal">Google</a>
    <a href="http://www.microsoft.com"
    target="main_page">Microsoft</a>
    Floating or Inline Frames
    iframe
    Funcionan en base al principio de los
    frames, pero no requieren de la estructura
    de frameset.
    <iframe src="iframe.html" name="iframe">
    Texto alterno o descriptivo
    </iframe>
    iframe
    Se pueden colocar dentro de los
    contenedores para manejar mejor el
    contenido de los recursos web.
    Atributos:

    Src- Pueden ser elementos html completos.

    height

    Width

    Scrolling
    iframe y enlaces
    Definir el Iframe
    <iframe name="iframe" height="150"
    width="150" scrolling="no">Desplegar el
    contenido de los enlaces</iframe>
    Crear el enlace y asignarle la carga al iframe
    correspondiente mediante el atributo
    nombre
    <a href="orange.jpg"
    target="iframe">naranja</a>
    Práctica Mi_sitio_Web
    Tema: Mi primer sitio web
    Crear un recurso web que permita juntar todas las prácticas anteriores mediante
    un solo recurso que funciones como índice del sitio.
    Utilizar iframes para separar el encabezado del sitio, el pie de página, la barra de
    menu o de opciones de navegación y el contenido de la práctica.
    La página de entrada debe ser una bienvenida que muestre las categorías
    (practicas) y permita acceder al contenido desplegándolo en un iframe.
    Mantener el estilo del sitio, usar css y crear un mapa de sitio e incluirlo como
    parte del recurso web.

    Considerar incluir todos los recursos web desarrollados desde la práctica 1.


     Subir la práctica al servidor.

    Вам также может понравиться