Capas en Dreamweaver

Las capas son elementos muy utiles para crear tu pagina, sobre todo si no tienes mucha experiencia, ya que te permite colocar tu contenido o el elemento que quieras agregar en cualquier lado y de manera muy facil, en este articulo te voy a mostrar como insertarlas y como trabajar con ellas de la manera mas eficiente.

Insertar capas en Dreamweaver

Para insertar capas en dreamweaver tienes que buscar el cuadro de opciones llamado “insertar” (si no esta en tu Dreamweaver, presiona CTRL + F2). Una vez ahi, selecciona la pestaña diseño y luego en la herramienta “dibujar pagina”.

Una vez hagas clic en la herramienta, tu cursor debe transformarse en una cruz, has clic donde quieras que este tu capa y sin soltar el clic, arrastra para darle ancho y largo a la misma.

Vas a tener tu capa asi:

Ahora has clic derecho en el borde y selecciona “Propiedades”, se abrira un recuadro con las propiedades que te explico a continuacion.

ID de capa: El nombre de tu capa (va a ser usado para el style)

Iz: Posicion de la capa con respecto al lado izquierdo de la ventana.

Sup: Posicion de la capa con respecto al lado superior de la ventana.

An: Ancho de la capa.

Al: Alto de la capa.

Indice Z: Usado para la subordinacion de capas, es decir, si una capa esta en el marco principal, el z-index sera 1, si la capa esta dentro de otra capa, el z-index sera 2.

Im. fondo: Imagen de fondo para la capa.

Vis: Visibilidad de la capa por defecto (predeterminada).

Col. fondo: Color de fondo

Clase: Asignar una clase (class) especifica a la capa.

Con eso debe ser suficiente para tener tus capas insertadas, recuerda que puedes usar esta herramienta para insertar contenido (texto, imagenes, links) sobre imagenes o incluso sobre otro texto, imagen o link.

Si verificas el codigo de fuente de tu pagina, encontraras el estilo usado para tus capas. si tienes tu css en una hoja aparte, puedes cortar estas lineas y pegarlas en el mismo.

Quizas alguna de estas entradas te pueda interesar

• De HTML a WordPress
• Tema para WordPress desde cero (Capitulo 6)
• De PSD a HTML
• Crear Menu Emergente con Dreamweaver
• Menu Desplegable con Dreamweaver

3 Comentarios en "Capas en Dreamweaver"

1. 

   Isa

   25 Mayo 2009

   Respuesta

   Bueno a mi me gustaría saber la diferencia con un DIV, que ya ahs visto que llevo confundiendo ambas cosas desde hace mucho tiempo u.U

2. 

   spinetta

   8 Febrero 2010

   Respuesta

   ¿Como puedo centrar una capa? es decir si quiere que la esturctura de mi web esta dentro de una capa y esta se vea siempre al centro sin importar la resolución de las pantallas ¿Cómo lo hago? con tablas es fácil pues la selecciones y en propiedades las centras, pero con las capas no me sale esta opción por favor ayúdenme.

   Gracias.

   • 

     Mijael

     9 Febrero 2010

     Respuesta

     Hola spinetta, para lo que pides tenemos un tutorial perfecto, revisa este tutorial http://www.skyandstars.net/ajustar-pagina-web-a-todas-las-resoluciones/ en la seccion que dice “Centrar contenido para todas las resoluciones” esta todo bien explicado para lograr lo que tu pides.