SlideShare una empresa de Scribd logo
¿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
 
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
 
AutoCAD
AutoCAD   AutoCAD

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
 
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
 
AutoCAD
AutoCAD   AutoCAD
AutoCAD
 

Último

Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
MauricioSnchez83
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
GiselaBerrios3
 
Inteligencia Artificial para Docentes HIA Ccesa007.pdf
Inteligencia Artificial para Docentes  HIA  Ccesa007.pdfInteligencia Artificial para Docentes  HIA  Ccesa007.pdf
Inteligencia Artificial para Docentes HIA Ccesa007.pdf
Demetrio Ccesa Rayme
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
Victor Elizalde P
 
665033394-TODAS-LAS-SANGRES-resumen-Por-Capitulos.pdf
665033394-TODAS-LAS-SANGRES-resumen-Por-Capitulos.pdf665033394-TODAS-LAS-SANGRES-resumen-Por-Capitulos.pdf
665033394-TODAS-LAS-SANGRES-resumen-Por-Capitulos.pdf
valerytorresmendizab
 
leyenda, mito, copla,juego de palabras ,epopeya,cantar de gestas,corrido popu...
leyenda, mito, copla,juego de palabras ,epopeya,cantar de gestas,corrido popu...leyenda, mito, copla,juego de palabras ,epopeya,cantar de gestas,corrido popu...
leyenda, mito, copla,juego de palabras ,epopeya,cantar de gestas,corrido popu...
lizeth671681
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
josseanlo1581
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
AlexDeLonghi
 
el pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdfel pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdf
almitamtz00
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
ROCIORUIZQUEZADA
 
Radicación con expresiones algebraicas para 9no grado
Radicación con expresiones algebraicas para 9no gradoRadicación con expresiones algebraicas para 9no grado
Radicación con expresiones algebraicas para 9no grado
perezducasaarmando
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
Osiris Urbano
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Demetrio Ccesa Rayme
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
ginnazamudio
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Alejandrino Halire Ccahuana
 
Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024
77361565
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
20minutos
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
Jose Luis Jimenez Rodriguez
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
Inslvarez5
 

Último (20)

Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
 
Inteligencia Artificial para Docentes HIA Ccesa007.pdf
Inteligencia Artificial para Docentes  HIA  Ccesa007.pdfInteligencia Artificial para Docentes  HIA  Ccesa007.pdf
Inteligencia Artificial para Docentes HIA Ccesa007.pdf
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
 
665033394-TODAS-LAS-SANGRES-resumen-Por-Capitulos.pdf
665033394-TODAS-LAS-SANGRES-resumen-Por-Capitulos.pdf665033394-TODAS-LAS-SANGRES-resumen-Por-Capitulos.pdf
665033394-TODAS-LAS-SANGRES-resumen-Por-Capitulos.pdf
 
leyenda, mito, copla,juego de palabras ,epopeya,cantar de gestas,corrido popu...
leyenda, mito, copla,juego de palabras ,epopeya,cantar de gestas,corrido popu...leyenda, mito, copla,juego de palabras ,epopeya,cantar de gestas,corrido popu...
leyenda, mito, copla,juego de palabras ,epopeya,cantar de gestas,corrido popu...
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
 
el pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdfel pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdf
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
 
A VISITA DO SENHOR BISPO .
A VISITA DO SENHOR BISPO                .A VISITA DO SENHOR BISPO                .
A VISITA DO SENHOR BISPO .
 
Radicación con expresiones algebraicas para 9no grado
Radicación con expresiones algebraicas para 9no gradoRadicación con expresiones algebraicas para 9no grado
Radicación con expresiones algebraicas para 9no grado
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
 
Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
 

7 comportamiento de capas

  • 1.
  • 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).