Capas•   Introducción•   Insertar una capa•   Formato de una capaObjetivo: El alumno conocerá en forma integral:Trabajo Co...
Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página (es decir, que tienen una pos...
Las capas pueden insertarse en una página a través del menú Insertar, opciónObjeto de diseño, Div PA (Elemento con Posició...
Cuando existen varias capas en un mismodocumento, es preferible seleccionarlas a travésde la pestaña Elementos PA del pane...
Formato de una capaLas propiedades de la capa se especifican a través de su inspector de propiedades1. Elemento CSS-P es e...
Próxima SlideShare
Cargando en…5
×

Leccion 20 capas

258 visualizaciones

Publicado el

las capas en dreamweaver

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
258
En SlideShare
0
De insertados
0
Número de insertados
7
Acciones
Compartido
0
Descargas
3
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Leccion 20 capas

  1. 1. Capas• Introducción• Insertar una capa• Formato de una capaObjetivo: El alumno conocerá en forma integral:Trabajo Con capas –layers-.Configuración y propiedades de las capas.Practica de confirmación: Insertar diferentes capas a las paginas web ,agregando información adicional como imágenes y textoResultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  2. 2. Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página (es decir, que tienen una posición absoluta en la página), en los que podemos insertar contenido HTML. Dichas capas pueden ocultarse y solaparse entre sí, lo que proporciona grandes posibilidades de diseño. Las capas pueden moverse de una posición a otra de la ventana pulsando sobre el recuadro blanco, y sin soltar el ratón, arrastrándola hacia la nueva posiciónTambién pueden ser redimensionadas pulsando sobre losrecuadros azules, y arrastrándolos hasta conseguir el tamañodeseado Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  3. 3. Las capas pueden insertarse en una página a través del menú Insertar, opciónObjeto de diseño, Div PA (Elemento con Posición Absoluta).Una vez se ha insertado la capa, puedeneditarse sus atributos, pero para ello hay queseleccionarla primero. Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  4. 4. Cuando existen varias capas en un mismodocumento, es preferible seleccionarlas a travésde la pestaña Elementos PA del panel CSS, quepuede abrirse a través del menú Ventana opciónElementos PA. También puedes abrir el panelpulsando F2 Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  5. 5. Formato de una capaLas propiedades de la capa se especifican a través de su inspector de propiedades1. Elemento CSS-P es el nombre de la capa. También puede ser cambiado a través del panel Elementos PA, haciendo doble clic sobre él.2. Izq y Sup indican la distancia en píxeles que hay entre los límites izquierdo y superior del documento y la capa.3. An y Al indican la anchura y la altura de la capa.4. Índice Z es el número de orden de colocación de las capas. Este valor también puede cambiarse a través del panel Elementos PA. Una capa será solapada por aquellas capas cuyo índice Z sea mayor que el suyo.5. Vis indica la visibilidad inicial de la capa. La visibilidad puede ser de cuatro tipos:6. Default (visibilidad según el navegador),7. Inherit (se muestra la capa mientras la página a la que pertenece también se esté mostrando),8. Visible (muestra la capa, aunque la página no se esté viendo) y9. Hidden (la capa está oculta).10. La visibilidad también puede cambiarse a través del panel Elementos PA, pulsando sobre la imagen del ojo. El ojo abierto indica Visible, y el ojo cerrado indica Hidden.11. A través de Im. fondo y Col puede indicarse una imagen o un color de fondo para la capa.12. Desb. (Desbordamiento) controla cómo aparecen las capas en un navegador cuando el contenido excede el tamaño especificado de la capa.13. Visible indica que el contenido adicional aparece en la capa. La capa se amplía para darle cabida.14. Hidden (oculto) especifica que el contenido adicional no se mostrará en el navegador.15. Scroll (desplazamiento) especifica que el navegador deberá añadir barras de desplazamiento a la capa tanto si se necesitan como si no.16. Auto (automático) hace que el navegador muestre barras de desplazamiento para la capa cuando sean necesarias (es decir, cuando el contenido de la capa supere sus límites). Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo

×