Como Crear un Frame

Para crear un frame se utiliza la etiqueta <FRAME> y </FRAME>. Un frame es la división de la pantalla en varias zonas o ventanas que pueden actuar de forma independiente las unas de las otras. Los navegadores que reconocen las etiquetas para realizar frames son Netscape y Explorer 2.0 y en adelante. A continuación vamos a ver como definir frames o ventanas y las peculiaridades que hay que tener en cuenta a la hora de cargar nuestras páginas en cada uno de ellos.

Veamos un ejemplo:

<HTML>
<HEAD>
<TITLE> FRAMES </TITLE>
</HEAD>
<FRAMESET COLS="25%, 75%">
<FRAME SRC="derecha.html">
<FRAME SRC="izquierda.html" NAME="principal">
</FRAMESET>
</HTML>

Como insertar el contenido

Una vez que tenemos el frame principal hecho el sigiente paso seria introducir el contenido en el, lo cual se hace de la siguiente manera:

1. Debemos crear un nuevo archivo en el editor que estemos utilizando y lo guardamos con el nombre de izquierda.html (o el nombre que uno quiera pero siempre y cuando coordine con el que pusimo en el ejemplo anterior <FRAME SRC="derecha.html">, suponiendo que lo se guardo como der.html. Dentro de este marco yo puedo utilizar todos los elementos que hemos vistos anteriormente.

EJEMPLO:

<html>
<head>
<TITLE>Ejemplos Con Frames</TITLE>
</head>
<BODY BGCOLOR="000000">
<h1> <font color=red>Este es el marco que me servira como portada</font> </h1>
</html>

2. Debemos crear otro archivo y colocarle el nombre que uno quiera, para este caso se llamara izquierda.html

EJEMPLO:

<html>
<BODY BGCOLOR="navy">
</html>



Navegadores que no soportan frame

<HTML>
<HEAD>
<TITLE> FRAMES </TITLE>
</HEAD>

<FRAMESET COLS="25%, 75%">
<FRAME SRC="izquierda.html">
<FRAME SRC="derecha1.html">
</FRAMESET>
<NOFRAMES>
Lo siento, tu navegador no soporta frame
debes actualizarte
</NOFRAMES>
</HTML>

El algoritmo elaborado anteriormente funciona tanto para navegadores que soportan FRAMES como para aquellos que no.
<NOFRAMES>...</NOFRAMES>, dentro de estas etiquetas se escribe el mensaje que uno quiere que aparesca al momento de entrar un usuario cuyo navegador no acepta FRAMES. Es como una forma de validacion.

Dentro de las etiquetas <NOFRAMES>...</NOFRAMES> tambien podemos colocar el contenido de los dos frames que definimos, de manera que cuando una persona cuyo navegador no acepte frames entre, le sea totalmente transparente.

ATRIBUTOS

NAME

Indica el nombre de la frame, este nombre es importante ya que se usará en los hiperenlaces (normalmente en los documentos de las otras frames) para indicar la frame de destino del documento. Si no se indica el nombre solo se podrá mostrar el documento actual, sin que sea posible cambiarlo mediante hiperenlaces.

_blank
Siempre carga en una nueva ventana, sin nombre.
_self
Siempre carga esta ventana sobre la del usuario.
_parent
Siempre carga esta ventana sobre su padre o sobre la del usuario si no hay padre definido.
_top
Siempre carga esta ventana en el nivel mas alto o sobre la del usuario si estas en el nivel superior.


ROWS

Este atributo es utilizado cuando queremos hacer un corte horizontal y no uno vertical. En ese caso, lo unico que deberiamos cambiar seria el atributo COLS de la etiqueta <FRAMESET> por dicho atributo. El resto seria igual:

<HTML>
<HEAD>
<TITLE> FRAMES </TITLE>
</HEAD>
<FRAMESET ROWS="30%, 70%">
<FRAME SRC="arriba.html">
<FRAME SRC="abajo.html">
</FRAMESET>
</HTML>

Pulsa para ver un ejemplo

MARGINWIDTH y MARGINHEIGHT

El primer atributo nos permite controlar la cantidad de espacio horizontal entre los contenidos y las paredes del marco. El valor mínimo permitido es 1. El segundo atributo nos permite controlar el espacio vertical entre los contenidos y los márgenes superior e inferior.

EJEMPLO:

<FRAMESET COLS="30%, 70%"*>
<FRAME MARGINHEIGHT="30" SRC="izquierda.html">
<FRAME MARGINHEIGHT="30" MARGINWIDHT="50" SRC="derecha.html">
</FRAMESET>

NORESIZE

El usuario puede tomar el borde del marco con el mouse y moverlo a su gusto. Para que esto no ocurra utiliza este atributo que al ingles traduce NO-RESIZE "sin cambiar el tamaño"). Hay que saber usar este atributo ya que todas las personas que visitan nustra pagina WEB no tienen configurado su monitor a la misma resolucion.

SCROLLING

Este atributo es utilizado para indicar si el frame tendrá o no una barra de scroll, la barra de scroll se muestra en el lateral y permite desplazarse por el documento, pulsando con el ratón en ella. Si toma el valor YES, siempre se mostrará esta barra, para el valor AUTO solo se mostrará si el documento no cabe en la frame, si es necesaria. Y por último NO indica que en ningún caso se muestre la barra de scroll. Si no se indica nada se toma por defecto el valor AUTO.

<FRAMESET COLS="25%, 75%">
<FRAME SCROLLING=YES SRC="izquierda.html">
<FRAME SCROLLING=NO SRC="derecha.html">
</FRAMESET>

TARGET

Este atributo es usado para hacer que el resultado de un enlace se origine en otro frame de la misma ventana, pondriamos TARGET=nombre, siendo "nombre" el nombre de un segundo frame. Pero hay que tener cuidado al utilizarlo ya que no se pueden utilizar nombres reservados

_self
Hace que el enlace se cargue en el propio frame. (default)
blank
Hace que se abra una nueva ventana y el enlace activado se carga en ella, a pantalla completa.
_top
Hace que el enlace se cargue a pantalla completa, suprimiendo todos los frames, pero sin que se cargue una nueva ventana.

 

 

Fundamentos del lenguaje de programación de web HTML Encabezamiento titulo y cuerpo del documento Otros tabas diferentes Caracteres especiales para incluir en ele documento html cambiar los tamaños y los diferentes tipos de letras todos los codigos de los colores en exadecimal Parrafos salto de linea parrafos horizontales LISTAS TABLAS PARA INSERTAR EN LA WEB Links hacia otras paginas web dentro de tu web o en Internet Insertqar imagenes en la web Formularios para que tus visitantes se comuniquen con Vd. via E-Mail y lleguen a su correo Construir frames para tus páginas web Para insertar videos Applets de Java o animaciones de flash PARA PRACTICAR CON LOS CODIGOS CONTENIDOS EN ESTE MANUAL el sisteme es sencillo copiar el codigo y pegar luego darle a prewie PARA crear botones para tu pagina web desde aqui en linea PARA crear POPUPS para tu pagina web desde aqui en linea PARA crear Botones en flash explicacion de como hacerlo PARA poner sonidos a tus botones  en flash explicacion de como hacerlo PARA Mirar los codigos exadecimales de los colores apropiados para web PARA crear menus descriptivos para tu web desde aqui en línea PARA crear menues dinamicos para tu web en linea desde aquí PARA crear menus en arbol como los del explorador de windows PARA crear textos arcoiris en coloreds para  web desde aqui en linea PARA crear POPUPS para tu pagina web desde aqui en linea PARA crear mas botones para tu pagina web desde aqui en linea PARA poner las barras de navegación del explorador en colores  Por si quieres que tu web aparezca en esta página intercambia tu link aquí  En ete foro podeis consultarnos cualquier tipo de tema de los que aborda este manual aplicaciones aquí  Programas gratuitos para el diseño y mantenimiento de sitios web algunos diseñados en esta web aquí El mejor Top de paginas en Español de la Red WEBMASTER INSCRIBE TU PÁGINA PROMOCIONATE

Diseño profesional de webs | Lista de precios Recursos para websmasters gratuitos | Oferta especial | CONTACTENOS | Aquí su publicidad

Mi ultima extensión para el navegador Crhome Javascript en estado puro Deposito de rutinas Javascript para paginas web acompañado de manuales para implementarlas en sus páginas web de forma fácil y sencilla y unas cuantas utilidades para diseñadores de páginas web, este deposito renueva sus rutinas periódicamente con lo ultimo que sale. La forma de usarlo es sencilla se pulsa sobre el lógo de la extensión en la barra del navegador Crhome y al pulsar sobre el botón Javascript se despliega el deposito que tiene forma de palm y se escoge la rutina que mejor nos venga para lo que queremos hacer. Pulsa el boton Javascript para que veas el funcionamiento
En este enlace puedes acceder a la extensión para ponerlo en el navegador de Google google crome https://chrome.google.com/extensions/detail/fmhjfbflpoenofpbeahkahdhcpeaoehh

Diseño profesional de webs | Lista de precios Recursos para websmasters gratuitos | Oferta especial | CONTACTENOS | Aquí su publicidad
Los mejores periodicos en la Red de Amadeo Cano Mazo (2) - 222 usuarios - Instalaciones semanales: 59 Accede a la prensa del mundo desde aqui Los mejores diarios y prensa diaria en general de Internet a un toque de ratón e irá creciendo en numero de diarios y revistas especializadas, la utilización es sencilla se da al icono en la barra de Crhome y se elije el diario que se quiera leer de los muchos que están al alcance de esta extensión. www.mazosoft.net - Amadeo Cano Mazo Versión 1.0 - Monday, March 15, 2010 https://chrome.google.com/extensions/detail/deehainmilmiieidbgnofbpmfdlkmjpb
Selecciona el periódico
MAZOSOFT: Formulario de pedidos

Si quieres tener un diseño profesional y dinamico o mejorar tu web no lo dudes rellena este formulario trabajamos a los precios mas economicos del mercado bienvenidos . Gracias!

Tu nombre:

Tu E-Mail:

Mensaje:


Quiniela Fútbol Lotería Nacional La Primitiva
La Bonoloto El Gordo de la Primitiva
Cupón de la ONCE
Haz click en la imagen del sorteo que quieras consultar

Selecciona el periódico