Leccion 13: Curso de paginas web

En esta leccion aprederemos como utilizar la etiqueta Iframe en HTML para hacer páginas web y como mostrar una galeria de fotos hecha en Adobe Bridge dentro de la interfaz de nuestra página web, antes de comenzar quiero recomendarte que veas como hacer una galeria de fotos con Adobe Bridge, ya que en esta leccion lo necesitarás; recuerda que las galerías de fotos ya no se hacen con Photoshop CS4 sino con Adobe Bridge por eso necesitas ver el video anterior.

Con la etiqueta Iframe podemos mostrar el contenido de otro documento html dentro de nuestra ventana principal. La diferencia entre los Marcos (FRAMESET) y el Iframe, es que el primero enmarca toda nuesto sitio dentro de una misma ventana, mientras que los Iframe definen un espacio pequeño dentro de nuestra ventana.

La finalidad de los Marcos y los Iframe es mostrar el contenido de un documento HTML dentro de una ventana contenedora, ambos necesitan el atributo SRC para saber cual es la primera pagina a mostrar y el atibuto NAME que lo utilizamos par definir en nuestros vinculos la ventana de visualizacion de los datos.

En el video veremos además como insertar una galeria de fotos dentro de un Iframe en una pagina web.

Los atributos del iframe son:

src: Para mostrar un documento HTML, como valor se escribe entre comillas la URL de la pagina a mostrar.

frameborder: Preferiblemente escribir como valor “0″ para no mostrar bordes.

scrolling: Tiene 3 posibles valores “YES / NO / AUTO”, utilizamos YES para mostrar siempre la barra de desplazamiento, NO para no mostrar nunca la barra de desplazamiento y AUTO para que la barra de desplazamiento aparezca unicamente cuando se requiera.

name: Importantísimo porque con este atributo los enlaces saben donde mostrar su contenido

width: Define el Ancho de la ventana height: Define el Alto de la ventana.

Si tienes dudas en esta leccion no dudes en utilizar los comentarios, recuerda practicar lo aprendido hoy y las otras lecciones verás que en muy poco tiempo estarás en capacidad de hacer tus propias paginas web.

Si te gusto el articulo suscribete al Feed. Gracias por tu visita!.

Ver mas de: curso de paginas web • curso gratis • Diseño Web • galeria de fotos en pagina web • hacer paginas web • html • iframe html • marcos • web

Lo mas nuevo en el Blog:

• 20 diseños de corazones … para enamorados
• Packs de colores degradados para Photoshop
• Como validar formularios web con Dreamweaver CS4
• Crear formularios web: Textarea y Select
• Recomendaciones hechas por nuestros fans en Facebook (I)

Publicado el Viernes, julio 30th, 2010 en 10:22 y esta archivado en Curso de Paginas Web. Puedes seguir las respuestas a esta entrada RSS 2.0 feed. Puedes dejar un comentario, o enlazar desde tu propio sitio.