SlideShare una empresa de Scribd logo
7 comportamiento de capas
¿QUÉ ES UNA CAPA?
Las capas no son más que unos recuadros, que pueden situarse en
cualquier parte de 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ón.
También pueden ser redimensionadas pulsando sobre los recuadros
negros, y arrastrándolos hasta conseguir el tamaño deseado.
Dentro del recuadro de la capa es posible insertar texto, tablas,
imágenes, animaciones flash, y todos los elementos que puede
contener un documento HTML.
Este icono sirve para seleccionar la capa al pulsar sobre él, y al
eliminarlo se elimina también la capa.
INSERTAR UNA CAPA
Las capas pueden insertarse en una página a través del menú Insertar,
opción Objeto de diseño, Capa.
Una vez se ha insertado la capa, pueden editarse sus atributos, pero para
ello hay que seleccionarla primero.
Una capa puede seleccionarse de varias maneras. Una de ellas es
pulsando sobre el icono correspondiente, pero esto no resulta útil
cuando existen muchas capas en un mismo documento, ya que todas las
capas tienen asociada una imagen igual a esta, y no es fácil seleccionar la
deseada a la primera.
 
 INSERTANDO UNA CAPA
 
Las propiedades de la capa se especifican a través de su inspector
de propiedades.
 ID de capa es el nombre de la capa. También puede ser
cambiado a través del panel Capas, haciendo doble clic sobre
él.
Iz y Sup indican la distancia en píxeles que hay entre los
límites izquierdo y superior del documento y la capa.
An y Al indican la anchura y la altura de la capa.
Í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 Capas.
Una capa será solapada por aquellas capas cuyo índice Z sea
mayor que el suyo.
Vis indica la visibilidad inicial de la capa. La visibilidad puede ser de 
cuatro tipos:
Default (visibilidad según el navegador),
Inherit (se  muestra  la  capa  mientras  la  página  a  la  que  pertenece 
también se esté mostrando),
Visible (muestra la capa, aunque la página no se esté viendo) y
•Hidden (la capa está oculta).
La visibilidad también puede cambiarse a través del panel Capas, pulsando sobre la 
imagen del ojo. El ojo abierto indica Visible, y el ojo cerrado indica Hidden.
A través de Im. fondo y Col puede indicarse una imagen o un color de fondo para la 
capa.
Desb. (Desbordamiento)  controla  cómo  aparecen  las  capas  en  un  navegador 
cuando el contenido excede el tamaño especificado de la capa.
Visible indica  que  el  contenido  adicional  aparece  en  la  capa.  La  capa  se  amplía 
para darle cabida.
Hidden (oculto)  especifica  que  el  contenido  adicional  no  se  mostrará  en  el 
navegador.
Scroll (desplazamiento)  especifica  que  el  navegador  deberá  añadir  barras  de 
desplazamiento a la capa tanto si se necesitan como si no.
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).
http://marinvirtualtech.host22.com/
http://marinvirtualtech.host22.com/

Más contenido relacionado

La actualidad más candente

Cad libre
Cad libreCad libre
Cad libre
arquilin
 
Capas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempoCapas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempo
Cesar Estrada
 
Martinez pint informatica_taller
Martinez pint informatica_tallerMartinez pint informatica_taller
Martinez pint informatica_taller
Lamorochayeni
 
Práctica n°21 4° secundaria
Práctica n°21 4° secundariaPráctica n°21 4° secundaria
Práctica n°21 4° secundaria
Luis Oré
 
Tablas en Office 2007
Tablas en Office 2007Tablas en Office 2007
Tablas en Office 2007
Maria Begoña Lozano Arias
 
Autocad semana 3
Autocad semana 3Autocad semana 3
Autocad semana 3
Jorge Enrique
 
Andres lopez
Andres lopezAndres lopez
Andres lopez
juanguaman99
 
Taller de schatch
Taller de schatchTaller de schatch
Taller de schatch
JULIAN Bustos
 
Bloques de Programacion
Bloques de ProgramacionBloques de Programacion
Bloques de Programacion
Sebastian Viasus Valero
 
Comandos express tools para autocad
Comandos express tools para autocadComandos express tools para autocad
Comandos express tools para autocad
Jo Padilha
 
Leccion 7 dream
Leccion 7 dreamLeccion 7 dream
Leccion 7 dream
Flor Aguilar
 
Texturas en modelos 3D
Texturas en modelos 3DTexturas en modelos 3D
Texturas en modelos 3D
KeyShot Spain
 
Capas
CapasCapas
Capas
ely_unitec
 
Rubmery
RubmeryRubmery
Diseño grafico 1del segundo mes
Diseño grafico 1del segundo mesDiseño grafico 1del segundo mes
Diseño grafico 1del segundo mes
Esmeralda2227
 
Capas AutoCAD
Capas AutoCADCapas AutoCAD
Tipos de materiales y su configuración parte iii
Tipos de materiales y su configuración parte iiiTipos de materiales y su configuración parte iii
Tipos de materiales y su configuración parte iii
KeyShot Spain
 
Scracth
ScracthScracth
Imagen 1
Imagen 1Imagen 1
Imagen 1
franj01honru
 

La actualidad más candente (19)

Cad libre
Cad libreCad libre
Cad libre
 
Capas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempoCapas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempo
 
Martinez pint informatica_taller
Martinez pint informatica_tallerMartinez pint informatica_taller
Martinez pint informatica_taller
 
Práctica n°21 4° secundaria
Práctica n°21 4° secundariaPráctica n°21 4° secundaria
Práctica n°21 4° secundaria
 
Tablas en Office 2007
Tablas en Office 2007Tablas en Office 2007
Tablas en Office 2007
 
Autocad semana 3
Autocad semana 3Autocad semana 3
Autocad semana 3
 
Andres lopez
Andres lopezAndres lopez
Andres lopez
 
Taller de schatch
Taller de schatchTaller de schatch
Taller de schatch
 
Bloques de Programacion
Bloques de ProgramacionBloques de Programacion
Bloques de Programacion
 
Comandos express tools para autocad
Comandos express tools para autocadComandos express tools para autocad
Comandos express tools para autocad
 
Leccion 7 dream
Leccion 7 dreamLeccion 7 dream
Leccion 7 dream
 
Texturas en modelos 3D
Texturas en modelos 3DTexturas en modelos 3D
Texturas en modelos 3D
 
Capas
CapasCapas
Capas
 
Rubmery
RubmeryRubmery
Rubmery
 
Diseño grafico 1del segundo mes
Diseño grafico 1del segundo mesDiseño grafico 1del segundo mes
Diseño grafico 1del segundo mes
 
Capas AutoCAD
Capas AutoCADCapas AutoCAD
Capas AutoCAD
 
Tipos de materiales y su configuración parte iii
Tipos de materiales y su configuración parte iiiTipos de materiales y su configuración parte iii
Tipos de materiales y su configuración parte iii
 
Scracth
ScracthScracth
Scracth
 
Imagen 1
Imagen 1Imagen 1
Imagen 1
 

Destacado

Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
Sergio Nouvel Castro
 
Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2
Sergio Nouvel Castro
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
Sergio Nouvel Castro
 
Mi primera pagina en html
Mi primera pagina en htmlMi primera pagina en html
Mi primera pagina en html
Brigitt Lopez
 
Cap. 4 la unidad didáctica
Cap. 4 la unidad didácticaCap. 4 la unidad didáctica
Cap. 4 la unidad didáctica
k4rol1n4
 
8 marcos
8 marcos8 marcos
8 marcos
Marianmv
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
Marianmv
 
6 marquesinas
6 marquesinas6 marquesinas
6 marquesinas
Marianmv
 
1 introduccion a dreamweaver
1 introduccion a dreamweaver1 introduccion a dreamweaver
1 introduccion a dreamweaver
Marianmv
 
10 formulario
10 formulario10 formulario
10 formulario
Marianmv
 
Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptx
zezeiko
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
Marianmv
 
3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes
Marianmv
 
Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2
Sergio Nouvel Castro
 
9 menús
9 menús9 menús
9 menús
Marianmv
 
Html5
Html5Html5
Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
Alexys González
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
Rawdoom
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
geralyfernandacabreraaldana
 
Tecnologia y desarrollo_en_dispositivos_moviles pdfreebooks1.blogspot.com
Tecnologia y desarrollo_en_dispositivos_moviles  pdfreebooks1.blogspot.comTecnologia y desarrollo_en_dispositivos_moviles  pdfreebooks1.blogspot.com
Tecnologia y desarrollo_en_dispositivos_moviles pdfreebooks1.blogspot.com
Diego Caceres
 

Destacado (20)

Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
 
Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
 
Mi primera pagina en html
Mi primera pagina en htmlMi primera pagina en html
Mi primera pagina en html
 
Cap. 4 la unidad didáctica
Cap. 4 la unidad didácticaCap. 4 la unidad didáctica
Cap. 4 la unidad didáctica
 
8 marcos
8 marcos8 marcos
8 marcos
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
 
6 marquesinas
6 marquesinas6 marquesinas
6 marquesinas
 
1 introduccion a dreamweaver
1 introduccion a dreamweaver1 introduccion a dreamweaver
1 introduccion a dreamweaver
 
10 formulario
10 formulario10 formulario
10 formulario
 
Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptx
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
 
3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes
 
Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2
 
9 menús
9 menús9 menús
9 menús
 
Html5
Html5Html5
Html5
 
Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Tecnologia y desarrollo_en_dispositivos_moviles pdfreebooks1.blogspot.com
Tecnologia y desarrollo_en_dispositivos_moviles  pdfreebooks1.blogspot.comTecnologia y desarrollo_en_dispositivos_moviles  pdfreebooks1.blogspot.com
Tecnologia y desarrollo_en_dispositivos_moviles pdfreebooks1.blogspot.com
 

Similar a 7 comportamiento de capas

Leccion 20 capas
Leccion 20 capasLeccion 20 capas
Leccion 20 capas
Flor Aguilar
 
Exposicion informatica capas
Exposicion informatica capasExposicion informatica capas
Exposicion informatica capas
niitta
 
Guia4de Dreamweaver
Guia4de DreamweaverGuia4de Dreamweaver
Guia4de Dreamweaver
Josué Fortis
 
Photoshop CS6. capas
Photoshop CS6. capasPhotoshop CS6. capas
Photoshop CS6. capas
Ruth Thalia Chacchi Garcia
 
Cómo crear y personalizar capas en Autocad 2018
Cómo crear y personalizar capas en Autocad 2018Cómo crear y personalizar capas en Autocad 2018
Cómo crear y personalizar capas en Autocad 2018
IigoRodriguez8
 
Capas en Photoshop
Capas  en PhotoshopCapas  en Photoshop
Capas en Photoshop
Guicela Ocampo
 
Tema09.pptx.pdf
Tema09.pptx.pdfTema09.pptx.pdf
Tema09.pptx.pdf
Carlos Luque Vilca
 
Capas en autocad
Capas en autocadCapas en autocad
Clase 9 photoshop
Clase 9 photoshopClase 9 photoshop
Clase 9 photoshop
Esmeralda2227
 
6. Manejo de Capas con Gimp 2.6
6. Manejo de Capas con Gimp 2.66. Manejo de Capas con Gimp 2.6
6. Manejo de Capas con Gimp 2.6
Diego Saavedra
 
Capas en autocad
Capas en autocadCapas en autocad
Dreamweader
DreamweaderDreamweader
Dreamweader
Sujelis Rincones
 
Acciones Mas Comunes Sobre Capas
Acciones Mas Comunes Sobre CapasAcciones Mas Comunes Sobre Capas
Acciones Mas Comunes Sobre Capas
betzi.15
 
Tabla dwcs5
Tabla dwcs5Tabla dwcs5
Tabla dwcs5
womenandman
 
Capas
CapasCapas
15 12
15 1215 12
Tema capas en autocad
Tema capas en autocadTema capas en autocad
Tema capas en autocad
Erbil Olivera
 
Instructivo aplicativo de pixlr. espinosa & ramirez 1103
Instructivo aplicativo de pixlr. espinosa & ramirez 1103Instructivo aplicativo de pixlr. espinosa & ramirez 1103
Instructivo aplicativo de pixlr. espinosa & ramirez 1103
nancybossa
 
Capas
CapasCapas
Filtros y capas
Filtros y capasFiltros y capas
Filtros y capas
Norka Zuazo
 

Similar a 7 comportamiento de capas (20)

Leccion 20 capas
Leccion 20 capasLeccion 20 capas
Leccion 20 capas
 
Exposicion informatica capas
Exposicion informatica capasExposicion informatica capas
Exposicion informatica capas
 
Guia4de Dreamweaver
Guia4de DreamweaverGuia4de Dreamweaver
Guia4de Dreamweaver
 
Photoshop CS6. capas
Photoshop CS6. capasPhotoshop CS6. capas
Photoshop CS6. capas
 
Cómo crear y personalizar capas en Autocad 2018
Cómo crear y personalizar capas en Autocad 2018Cómo crear y personalizar capas en Autocad 2018
Cómo crear y personalizar capas en Autocad 2018
 
Capas en Photoshop
Capas  en PhotoshopCapas  en Photoshop
Capas en Photoshop
 
Tema09.pptx.pdf
Tema09.pptx.pdfTema09.pptx.pdf
Tema09.pptx.pdf
 
Capas en autocad
Capas en autocadCapas en autocad
Capas en autocad
 
Clase 9 photoshop
Clase 9 photoshopClase 9 photoshop
Clase 9 photoshop
 
6. Manejo de Capas con Gimp 2.6
6. Manejo de Capas con Gimp 2.66. Manejo de Capas con Gimp 2.6
6. Manejo de Capas con Gimp 2.6
 
Capas en autocad
Capas en autocadCapas en autocad
Capas en autocad
 
Dreamweader
DreamweaderDreamweader
Dreamweader
 
Acciones Mas Comunes Sobre Capas
Acciones Mas Comunes Sobre CapasAcciones Mas Comunes Sobre Capas
Acciones Mas Comunes Sobre Capas
 
Tabla dwcs5
Tabla dwcs5Tabla dwcs5
Tabla dwcs5
 
Capas
CapasCapas
Capas
 
15 12
15 1215 12
15 12
 
Tema capas en autocad
Tema capas en autocadTema capas en autocad
Tema capas en autocad
 
Instructivo aplicativo de pixlr. espinosa & ramirez 1103
Instructivo aplicativo de pixlr. espinosa & ramirez 1103Instructivo aplicativo de pixlr. espinosa & ramirez 1103
Instructivo aplicativo de pixlr. espinosa & ramirez 1103
 
Capas
CapasCapas
Capas
 
Filtros y capas
Filtros y capasFiltros y capas
Filtros y capas
 

Último

FI-001 Introducción - Conocimiento Institucional.pptx
FI-001 Introducción - Conocimiento Institucional.pptxFI-001 Introducción - Conocimiento Institucional.pptx
FI-001 Introducción - Conocimiento Institucional.pptx
ENJ
 
FORMATO APA - JOHNNY FELIX SURI MAMANI 2024
FORMATO APA - JOHNNY FELIX SURI MAMANI 2024FORMATO APA - JOHNNY FELIX SURI MAMANI 2024
FORMATO APA - JOHNNY FELIX SURI MAMANI 2024
JOHNNY SURI MAMANI
 
🔴 (AC-S18) Semana 18 - Tema 01 - Tarea - Proyecto Final (terminado y revisado...
🔴 (AC-S18) Semana 18 - Tema 01 - Tarea - Proyecto Final (terminado y revisado...🔴 (AC-S18) Semana 18 - Tema 01 - Tarea - Proyecto Final (terminado y revisado...
🔴 (AC-S18) Semana 18 - Tema 01 - Tarea - Proyecto Final (terminado y revisado...
FernandoEstebanLlont
 
Taller Intensivo de Formación Continua para Docentes_24_Julio.pdf
Taller Intensivo de Formación Continua para Docentes_24_Julio.pdfTaller Intensivo de Formación Continua para Docentes_24_Julio.pdf
Taller Intensivo de Formación Continua para Docentes_24_Julio.pdf
htebazileahcug
 
BLOQUE II SEMANA DE GESTION EN INSTITUVIONES EDUCATIVAS.pptx
BLOQUE II SEMANA DE GESTION EN INSTITUVIONES EDUCATIVAS.pptxBLOQUE II SEMANA DE GESTION EN INSTITUVIONES EDUCATIVAS.pptx
BLOQUE II SEMANA DE GESTION EN INSTITUVIONES EDUCATIVAS.pptx
royguzman5
 
LABERINTOS DE DISCIPLINAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
LABERINTOS DE DISCIPLINAS OLÍMPICAS.  Por JAVIER SOLIS NOYOLALABERINTOS DE DISCIPLINAS OLÍMPICAS.  Por JAVIER SOLIS NOYOLA
LABERINTOS DE DISCIPLINAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
JAVIER SOLIS NOYOLA
 
Acuerdo tercer periodo - Grado Septimo.pptx
Acuerdo tercer periodo - Grado Septimo.pptxAcuerdo tercer periodo - Grado Septimo.pptx
Acuerdo tercer periodo - Grado Septimo.pptx
Carlos Andrés Hernández Cabrera
 
Apuntes de Enfermería (para estudiantes)
Apuntes de Enfermería (para estudiantes)Apuntes de Enfermería (para estudiantes)
Apuntes de Enfermería (para estudiantes)
milyluna0207
 
Análisis y Evaluación del Impacto Ambiental.pdf
Análisis y Evaluación del Impacto Ambiental.pdfAnálisis y Evaluación del Impacto Ambiental.pdf
Análisis y Evaluación del Impacto Ambiental.pdf
JonathanCovena1
 
TEMA 1 EL PROCESO DE FORMACIÓN DEL ESTADO
TEMA 1 EL PROCESO DE FORMACIÓN DEL ESTADOTEMA 1 EL PROCESO DE FORMACIÓN DEL ESTADO
TEMA 1 EL PROCESO DE FORMACIÓN DEL ESTADO
José Manuel Vera Santos
 
CARTELERA DE PACO YUNQUE 2024 IEI 0767 BA
CARTELERA DE PACO YUNQUE 2024 IEI 0767 BACARTELERA DE PACO YUNQUE 2024 IEI 0767 BA
CARTELERA DE PACO YUNQUE 2024 IEI 0767 BA
CesarAugustoParedesP
 
mapa conceptual animales foráneos traídos al Perú
mapa conceptual animales foráneos traídos  al Perúmapa conceptual animales foráneos traídos  al Perú
mapa conceptual animales foráneos traídos al Perú
KarlaSaldaaPerez
 
Apuntes Unidad I Conceptos Básicos_compressed.pdf
Apuntes Unidad I Conceptos Básicos_compressed.pdfApuntes Unidad I Conceptos Básicos_compressed.pdf
Apuntes Unidad I Conceptos Básicos_compressed.pdf
VeronicaCabrera50
 
ENFERMERIA TECNICA-FUNDAMENTOS DE SALUD.
ENFERMERIA TECNICA-FUNDAMENTOS DE SALUD.ENFERMERIA TECNICA-FUNDAMENTOS DE SALUD.
ENFERMERIA TECNICA-FUNDAMENTOS DE SALUD.
marluzsagar
 
PPT II BLOQUE SG 2024 - semana de gestion.pdf
PPT  II BLOQUE SG 2024 - semana de gestion.pdfPPT  II BLOQUE SG 2024 - semana de gestion.pdf
PPT II BLOQUE SG 2024 - semana de gestion.pdf
ISAACMAMANIFLORES2
 
2024 DIA DEL LOGRO-ARTE 2 - IE HONORIO DELGADO ESPINOZA
2024 DIA DEL LOGRO-ARTE 2 - IE HONORIO DELGADO ESPINOZA2024 DIA DEL LOGRO-ARTE 2 - IE HONORIO DELGADO ESPINOZA
2024 DIA DEL LOGRO-ARTE 2 - IE HONORIO DELGADO ESPINOZA
Sandra Mariela Ballón Aguedo
 
LA COMUNICACIÓN ACADEMICA EN LA ERA DIGITAL (1).pptx
LA COMUNICACIÓN ACADEMICA EN LA ERA DIGITAL (1).pptxLA COMUNICACIÓN ACADEMICA EN LA ERA DIGITAL (1).pptx
LA COMUNICACIÓN ACADEMICA EN LA ERA DIGITAL (1).pptx
herreraluis3817
 
3° SES MATE JUEV 18 LOGROS MATEMATICOS 4 OPERACIONES 933623393 PROF YESSENIA....
3° SES MATE JUEV 18 LOGROS MATEMATICOS 4 OPERACIONES 933623393 PROF YESSENIA....3° SES MATE JUEV 18 LOGROS MATEMATICOS 4 OPERACIONES 933623393 PROF YESSENIA....
3° SES MATE JUEV 18 LOGROS MATEMATICOS 4 OPERACIONES 933623393 PROF YESSENIA....
Wilian24
 

Último (20)

FI-001 Introducción - Conocimiento Institucional.pptx
FI-001 Introducción - Conocimiento Institucional.pptxFI-001 Introducción - Conocimiento Institucional.pptx
FI-001 Introducción - Conocimiento Institucional.pptx
 
FORMATO APA - JOHNNY FELIX SURI MAMANI 2024
FORMATO APA - JOHNNY FELIX SURI MAMANI 2024FORMATO APA - JOHNNY FELIX SURI MAMANI 2024
FORMATO APA - JOHNNY FELIX SURI MAMANI 2024
 
🔴 (AC-S18) Semana 18 - Tema 01 - Tarea - Proyecto Final (terminado y revisado...
🔴 (AC-S18) Semana 18 - Tema 01 - Tarea - Proyecto Final (terminado y revisado...🔴 (AC-S18) Semana 18 - Tema 01 - Tarea - Proyecto Final (terminado y revisado...
🔴 (AC-S18) Semana 18 - Tema 01 - Tarea - Proyecto Final (terminado y revisado...
 
Taller Intensivo de Formación Continua para Docentes_24_Julio.pdf
Taller Intensivo de Formación Continua para Docentes_24_Julio.pdfTaller Intensivo de Formación Continua para Docentes_24_Julio.pdf
Taller Intensivo de Formación Continua para Docentes_24_Julio.pdf
 
POR ENTRE AS ONDAS DO PARAÍSO .
POR ENTRE AS ONDAS DO PARAÍSO             .POR ENTRE AS ONDAS DO PARAÍSO             .
POR ENTRE AS ONDAS DO PARAÍSO .
 
BLOQUE II SEMANA DE GESTION EN INSTITUVIONES EDUCATIVAS.pptx
BLOQUE II SEMANA DE GESTION EN INSTITUVIONES EDUCATIVAS.pptxBLOQUE II SEMANA DE GESTION EN INSTITUVIONES EDUCATIVAS.pptx
BLOQUE II SEMANA DE GESTION EN INSTITUVIONES EDUCATIVAS.pptx
 
LABERINTOS DE DISCIPLINAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
LABERINTOS DE DISCIPLINAS OLÍMPICAS.  Por JAVIER SOLIS NOYOLALABERINTOS DE DISCIPLINAS OLÍMPICAS.  Por JAVIER SOLIS NOYOLA
LABERINTOS DE DISCIPLINAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
 
Acuerdo tercer periodo - Grado Septimo.pptx
Acuerdo tercer periodo - Grado Septimo.pptxAcuerdo tercer periodo - Grado Septimo.pptx
Acuerdo tercer periodo - Grado Septimo.pptx
 
Apuntes de Enfermería (para estudiantes)
Apuntes de Enfermería (para estudiantes)Apuntes de Enfermería (para estudiantes)
Apuntes de Enfermería (para estudiantes)
 
Análisis y Evaluación del Impacto Ambiental.pdf
Análisis y Evaluación del Impacto Ambiental.pdfAnálisis y Evaluación del Impacto Ambiental.pdf
Análisis y Evaluación del Impacto Ambiental.pdf
 
TEMA 1 EL PROCESO DE FORMACIÓN DEL ESTADO
TEMA 1 EL PROCESO DE FORMACIÓN DEL ESTADOTEMA 1 EL PROCESO DE FORMACIÓN DEL ESTADO
TEMA 1 EL PROCESO DE FORMACIÓN DEL ESTADO
 
CARTELERA DE PACO YUNQUE 2024 IEI 0767 BA
CARTELERA DE PACO YUNQUE 2024 IEI 0767 BACARTELERA DE PACO YUNQUE 2024 IEI 0767 BA
CARTELERA DE PACO YUNQUE 2024 IEI 0767 BA
 
mapa conceptual animales foráneos traídos al Perú
mapa conceptual animales foráneos traídos  al Perúmapa conceptual animales foráneos traídos  al Perú
mapa conceptual animales foráneos traídos al Perú
 
Apuntes Unidad I Conceptos Básicos_compressed.pdf
Apuntes Unidad I Conceptos Básicos_compressed.pdfApuntes Unidad I Conceptos Básicos_compressed.pdf
Apuntes Unidad I Conceptos Básicos_compressed.pdf
 
ENFERMERIA TECNICA-FUNDAMENTOS DE SALUD.
ENFERMERIA TECNICA-FUNDAMENTOS DE SALUD.ENFERMERIA TECNICA-FUNDAMENTOS DE SALUD.
ENFERMERIA TECNICA-FUNDAMENTOS DE SALUD.
 
PPT II BLOQUE SG 2024 - semana de gestion.pdf
PPT  II BLOQUE SG 2024 - semana de gestion.pdfPPT  II BLOQUE SG 2024 - semana de gestion.pdf
PPT II BLOQUE SG 2024 - semana de gestion.pdf
 
1.º PRÉMIO NO CRIAPOESIA -
1.º PRÉMIO NO CRIAPOESIA                          -1.º PRÉMIO NO CRIAPOESIA                          -
1.º PRÉMIO NO CRIAPOESIA -
 
2024 DIA DEL LOGRO-ARTE 2 - IE HONORIO DELGADO ESPINOZA
2024 DIA DEL LOGRO-ARTE 2 - IE HONORIO DELGADO ESPINOZA2024 DIA DEL LOGRO-ARTE 2 - IE HONORIO DELGADO ESPINOZA
2024 DIA DEL LOGRO-ARTE 2 - IE HONORIO DELGADO ESPINOZA
 
LA COMUNICACIÓN ACADEMICA EN LA ERA DIGITAL (1).pptx
LA COMUNICACIÓN ACADEMICA EN LA ERA DIGITAL (1).pptxLA COMUNICACIÓN ACADEMICA EN LA ERA DIGITAL (1).pptx
LA COMUNICACIÓN ACADEMICA EN LA ERA DIGITAL (1).pptx
 
3° SES MATE JUEV 18 LOGROS MATEMATICOS 4 OPERACIONES 933623393 PROF YESSENIA....
3° SES MATE JUEV 18 LOGROS MATEMATICOS 4 OPERACIONES 933623393 PROF YESSENIA....3° SES MATE JUEV 18 LOGROS MATEMATICOS 4 OPERACIONES 933623393 PROF YESSENIA....
3° SES MATE JUEV 18 LOGROS MATEMATICOS 4 OPERACIONES 933623393 PROF YESSENIA....
 

7 comportamiento de capas

  • 2. ¿QUÉ ES UNA CAPA? Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de 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ón. También pueden ser redimensionadas pulsando sobre los recuadros negros, y arrastrándolos hasta conseguir el tamaño deseado. Dentro del recuadro de la capa es posible insertar texto, tablas, imágenes, animaciones flash, y todos los elementos que puede contener un documento HTML. Este icono sirve para seleccionar la capa al pulsar sobre él, y al eliminarlo se elimina también la capa.
  • 3. INSERTAR UNA CAPA Las capas pueden insertarse en una página a través del menú Insertar, opción Objeto de diseño, Capa. Una vez se ha insertado la capa, pueden editarse sus atributos, pero para ello hay que seleccionarla primero. Una capa puede seleccionarse de varias maneras. Una de ellas es pulsando sobre el icono correspondiente, pero esto no resulta útil cuando existen muchas capas en un mismo documento, ya que todas las capas tienen asociada una imagen igual a esta, y no es fácil seleccionar la deseada a la primera.
  • 5. Las propiedades de la capa se especifican a través de su inspector de propiedades.
  • 6.  ID de capa es el nombre de la capa. También puede ser cambiado a través del panel Capas, haciendo doble clic sobre él. Iz y Sup indican la distancia en píxeles que hay entre los límites izquierdo y superior del documento y la capa. An y Al indican la anchura y la altura de la capa. Í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 Capas. Una capa será solapada por aquellas capas cuyo índice Z sea mayor que el suyo.
  • 7. Vis indica la visibilidad inicial de la capa. La visibilidad puede ser de  cuatro tipos: Default (visibilidad según el navegador), Inherit (se  muestra  la  capa  mientras  la  página  a  la  que  pertenece  también se esté mostrando), Visible (muestra la capa, aunque la página no se esté viendo) y •Hidden (la capa está oculta).
  • 8. La visibilidad también puede cambiarse a través del panel Capas, pulsando sobre la  imagen del ojo. El ojo abierto indica Visible, y el ojo cerrado indica Hidden. A través de Im. fondo y Col puede indicarse una imagen o un color de fondo para la  capa. Desb. (Desbordamiento)  controla  cómo  aparecen  las  capas  en  un  navegador  cuando el contenido excede el tamaño especificado de la capa. Visible indica  que  el  contenido  adicional  aparece  en  la  capa.  La  capa  se  amplía  para darle cabida. Hidden (oculto)  especifica  que  el  contenido  adicional  no  se  mostrará  en  el  navegador. Scroll (desplazamiento)  especifica  que  el  navegador  deberá  añadir  barras  de  desplazamiento a la capa tanto si se necesitan como si no. 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).