DE TODO
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
DE TODO

AQUI PUEDES PREGUNTAR LO QUE QUIERAS O HABLAR SOBRE LO QUE QUIERAS


No estás conectado. Conéctate o registrate

tutorial para hacer html

Ir abajo  Mensaje [Página 1 de 1.]

1tutorial para hacer html Empty tutorial para hacer html Jue Jun 25, 2009 8:36 pm

Admin


Admin

Todo el mundo creo que conoce a estas alturas mi escasísimo interés por los frames debido a sus problemas tanto de uso como de programación y diseño (dificultan la navegación,impiden guardar páginas en favoritos, el usuario no sabe realmente en qué dirección se encuentra...). Sin embargo los iframes puede que me hagan cambiar en una pequeña medida.
El iframe se encuentra a medio camino entre los layers, las imágenes y los frames de toda la vida: permite insertar otra página dentro de la actual, para lo que anteriormente había que crear primero una página "contenedora" o frameset (en la que se declaraban cada uno de los frames) y su "fuente" (documento o página que debía abrirse en él).
Ahora, simplemente habrá que colocar las etiquetas <iframe>... </iframe> dentro del documento en que estemos trabajando, asignar los valores correspondientes (que luego veremos) y automáticamente tendremos insertado un frame en nuestro documento actual.
Vamos a ver un ejemplo:
Si lees esto, tu navegador no soporta iframes (Hasta IE4 los soporta, deberías actualizarte!)
¿Cómo se hace?
Para este iframe, solo he tenido que insertar, en el lugar donde quiero que aparezca, este código:

<iframe name="prueba" src="iframe_content.html" >
Si lees esto, tu navegador no soporta iframes (Hasta IE4 los soporta, deberías actualizarte!)
</iframe>
Donde "prueba" es el nombre del iframe (lo que nos servirá para hacer enlaces (mediante "target")al mismo
El código del enlace es:
<a href="iframe_content2.html" target="prueba">
Pincha aqui para cambiar el contenido del i-frame
</a>

Bueno, ahora que sabemos cómo se hacen, ¿qué otros atributos pueden tener?. Aquí mostraremos algunos de ellos, principalmente los que han mostrado total compatibilidad con Explorer y Mozilla (aunque algunos no están aceptados como HTML4)

1.- align: que podrá llevar los valores que se utilizan para alinear una imagen:
por ejemplo:
Llevaría el código:
<iframe name="prueba2" src="iframe_content.html" align="right" >
Tu navegador no soporta iframes...
</iframe>
De todas formas en algunas circunstancias es recomendable utlizar las etiquetas <div align="posicion">....</div> envolviendo al iframe, para conseguir mejor compatibilidad con NS6, sobre todo si se trata de alinear al centro.
ejemplo:

<div align="right">
<iframe name="prueba2" src="iframe_content.html">
Tu navegador no soporta iframes...
</iframe>
</div>
2.- Scrolling ( yes, no auto): Según queramos que nos aparezcan o no barras de scroll. Si no ponemos nada, tomará el valor "auto"
3.- width / height Nos permitirán indicar la altura y anchura del iframe
4.- marginwidth/marginheight: indicarán la separación de los márgenes (es decir, del borde el iframe al borde de la página cargada dentro de él.
5.-frameborder: indica el ancho del broder del iframe (igual que en los frames normales)
Estas etiquetas funcionarán correctamente en los navegadores que soportan iframes (el 99% de los existentes):
Para terminar: un ifame con casi todo lo que hemos visto: ëste es el código:
<div align="center">
<iframe name="prueba3" src="iframe_content.html" width="400" height="300" marginwidth="50" marginheight="50" frameborder="0">
tu navegador no soporta iframes
</iframe>
</div>
Y el resultado es:

Como último comentario: los iframes, como descendientes directos de los frames, siguen provocando los mismos malos efectos sobre la usabilidad que ya hemos comentado en numerosas ocasiones en este sitio, por lo que se recomienda, como casi siempre, utilizarlos sin pasarse.

espero que le guste y que le haya servido sunny sunny sunny

https://de-todo-lo-mejor.activo.mx

Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.