Copiar y Editar

Frames en HTML

Descripción

En esta diapositiva pretendo dar una breve explicacion de lo que son los Frames en html y para que sirven.
ikerrodriguez179
Diapositivas por ikerrodriguez179, actualizado hace más de 1 año
ikerrodriguez179
Creado por ikerrodriguez179 hace más de 8 años
107
0
0

Resumen del Recurso

Diapositiva 1

    Que son los FRAMES en html
    -Rodriguez Gomez Iker Daniel -Grupo: 651-Elaboración de un sitio web-Matricula: 21280524FColegio de Bachilleres Plantel 12 Nezahualcoyotl-Profesora: Rosi Perez Chavez

Diapositiva 2

    Que son:
    Amados u odiados, útiles o inútiles, excelentes o pésimos, los marcos son instrumentos que forman ya parte habitual del web y que los navegadores gestionan hoy día a la perfección. Los detractores de los marcos afirman la inutilidad de subdividir ulteriormente las páginas web, las cuales, en última instancia, pueden resultar poco legibles. Otros, como yo, consideran que los marcos pueden llegar a ser muy útiles ya que se evita cargar las mismas imágenes y se mantienen ordenados el contenido y la estructura del sitio. Naturalmente, abusar de los marcos puede producir como resultado pésimas impostaciones gráficas, obteniendo un efecto contrario al previsto.Un punto en contra de los marcos es, ciertamente, su incompatibilidad con los programas de navegación gráfica destinados a invidentes, los cuales se bloquean impidiendo la lectura de las páginas.Una buena solución es crear una versión con marco y una versión sin marco (como esta misma guía ha hecho).

Diapositiva 3

    Codigos para hacer frames HTML
    N2.0Documento Marco<FRAMESET></FRAMESET>(en lugar de<BODY>)N2.0altura en filas<FRAMESET ROWS=,,,></FRAMESET>(píxel ó %)N2.0altura en filas<FRAMESET ROWS=*></FRAMESET>(* = tamaño relativo)N2.0anchura en columnas<FRAMESET COLS=,,,></FRAMESET>(píxel ó %)N2.0anchura en columnas<FRAMESET COLS=*></FRAMESET>(* = tamaño relativo)N3.0banchura del borde<FRAMESET BORDER=?> N3.0bborde<FRAMESET FRAMEBORDER="yes|no"> N3.0bcolor del borde<FRAMESET BORDERCOLOR="#$$$$$$"> 

Diapositiva 4

    N2.0Definición del marco<FRAME>(contenido de cada uno de los recuadros)N2.0documento que se debe mostrar<FRAME SRC="URL"> N2.0denominazione del frame<FRAME NAME="***"|_blank|_self| _parent|_top> N2.0anchura de los márgenes<FRAME MARGINWIDTH=?>(margen izquierdo y derecho)N2.0altura de los márgenes<FRAME MARGINHEIGHT=?>(margen superior e inferior)N2.0barra de desplazamiento o no<FRAME SCROLLING="YES|NO|AUTO"> N2.0no redimensionable<FRAME NORESIZE> N3.0bborde<FRAME FRAMEBORDER="yes|no"> N3.0bcolor del borde<FRAME BORDERCOLOR="#$$$$$$"> N2.0contenido en ausencia de marco<NOFRAMES></NOFRAMES>(para navegadores antiguos)
    Codigos para hacer frames HTML

Diapositiva 5

    Codigos para hacer frames HTML
    Es posible también que queramos cargar, con un solo clic, dos o más marcos (naturalmente, la ventana tiene que estar dividida por lo menos en tres marcos).Tomemos una página subdividida como en la figura: <frameset cols="120,*"><frame name="sx" src="sx.htm"><frameset rows="100,*"><frame name="alto2" src="top.htm"> <frame name="centrale3" src="central.htm"></frameset> </frameset>Lo que queremos es insertar un solo enlace en el marco de "SX" que cargue simultáneamente dos páginas diversas en los dos marcos de la derecha: "alto" y "central". Para ello, es necesario insertar algunas líneas con código JavaScript. La primera parte del código va insertada entre <HEAD></HEAD>:

Diapositiva 6

    <HEAD><script language="JavaScript"><!-- Hidingfunction loadtwo(page2, page3) { parent.alto2.location.href=page2;parent.centrale3.location.href=page3; }// --></script></HEAD>mientras que la segunda parte deberá quedar comprendida entre <BODY></BODY>, donde se quiere insertar el enlace:<BODY><FORM NAME="buttons"> <INPUT TYPE="button" VALUE="Haz clic" onClick="loadtwo('nuovo1.htm','nuovo2.htm')"> </FORM></BODY>
    Codigos para hacer frames HTML

Diapositiva 7

    TARGET & NAME
    -El name ó id de una etiqueta debe ser único, es decir, no puede haber dos etiquetas cuyo name ó id sea el mismo dentro de un documento HTML.Por ejemplo, <a id="marcadorDeportes">Los deportes en aprenderaprogramar.com</a>Por otro lado, el código de un enlace para que salte a un marcador.Pulsa para volver al <a href="#nombre_del_marcador ">Inicio</a> -Cuando creamos un vínculo, por defecto el navegador abrirá la página web destino en la misma ventana, pero podemos pedirle al navegador que la abra “aparte”, es decir, en otra ventana. Esto es útil por ejemplo si queremos abrir una página externa a nuestro sitio pero sin que el visitante pierda la nuestra. Para ello utilizaremos el atributo target con alguna de las siguientes opciones.Valores de target más habituales:•    _blank: Abre el documento vinculado en una ventana nueva del navegador.•    _self: Es la opción predeterminada o por defecto. Abre el documento vinculado en el mismo marco o ventana que el vínculo.Ejemplo:http://www.aprenderaprogramar.com” target=”_blank”>Ir aprenderaprogramar.com en una nueva ventana

Diapositiva 8

Diapositiva 9

Diapositiva 10

Diapositiva 11

    Conclusión u Opinión personal 
    Ventajas de usar frames La navegación de la página será más rápida. Aunque la primera carga de la página sería igual, en sucesivas impresiones de páginas ya tendremos algunos marcos guardados , que no tendrían que volverse a descargar. Crear páginas del sitio sería más rápido. Como no tenemos que incluir partes de código como la barra de navegación, título, etc. crear nuevas páginas sería un proceso mucho más rápido. Partes de la página (como la barra de navegación) se mantienen fijas y eso puede ser bueno, para que el usuario no las pierda nunca de vista. Estas mismas partes visibles constantemente, si contienen enlaces, pueden servir muy bien para mejorar la navegación por el sitio. Mantienen una identidad del sitio donde se navega, pues los elementos fijos conservan la imagen siempre visible.
Mostrar resumen completo Ocultar resumen completo

¿Quieres crear tus propias Diapositivas gratis con GoConqr? Más información.

Similar

Diapositivas de Diseño gráfico, evolución y tendencias
Samantha Molina Vega
Diseño gráfico, evolución y tendencias - APUNTE
escandoncb
Diseño gráfico, evolución y tendencias
Samantha Molina Vega
PRESENTACIÓN EN GOCONR
weownthenigh
Eliminacion de un nodo
LUIS FERNANDO RUIZ GARCIA
test de Diseño gráfico, evolución y tendencias
Samantha Molina Vega
Notación algoritmica
Jenni' Burbujeante
factores culturales que afectan las operaciones de los negocios internacionales
JOHANA HERNANDEZ
EL LIBRO Y SUS PARTES
A14N 3URT0N
Técnicas de recopilación.
onlyhyuk8
Diapositivas de Correcion y edicion de fotografia
efrainska
Explorar la Librería