Las capas son bloques con contenido HTML que pueden posicionarse de manera dinámica y organizables en 3D

1. BADILLA NUÑEZ DAVID
GRIJALVA MARTINEZ VANESSA

2. Las capas son bloques con

contenido HTML que pueden
posicionarse de manera
dinámica y organizables en
3D. Realmente tienen
sentido dentro de los
estilos CSS (Las hojas de
estilo en cascada Cascading
Style Sheets).

3.  En realidad, el nombre de capas
proviene de Netscape, que
estos elementos los
implementaba como <layers>, en
castellano capas. Las versiones
modernas de Netscape (de la 6
en adelante) ya no usan esta
etiqueta si no que se han
decantado por la más Standard
<div>.

4.  No obstante la manipulación de estos elementos
por parte de Micr osoft y Netscape son
diferentes, ambos usan algunas extensiones
propias, aunque ambos admiten los standares de
la W3C con lo que el uso de estos elementos es
bastante universal.

5.  Se definen cada una de las celdas (capas) por
separado, dándoles las características que deseemos
como
color
imagen de fondo
tamaño de letra
anchura
altura
 y una vez definidas todas las capas le asignamos una
posición en la página, una por una, hasta conseguir hacer
la Web.
 Al final obtenemos lo mismo que usando las tablas, pero
de un modo más profesional. Además, que los buscadores
como Google leen más fácilmente el contenido de las
capas o DIVs que el de las celdas de una tabla.

6.  Los layers (capas) formaban la base de una
técnica de programación HTML dinámico
específica para Netscape 4. Cada capa se trataba
como objeto documento distinto en Java Script.

7.  El contenido se podía o incluir en el mismo
archivo dentro del elemento no estándar HTML
<layer> (o cualquier otro elemento con su posición
definida como quot;absolutequot; mediante CSS(Las
hojas de estilo en cascada Cascading Style
Sheets), cargado desde un archivo aparte con
<layer src=quot;URL AQUIquot;> o <span src=quot;URL
AQUIquot;> o <div src=quot;URL AQUIquot;>, o generado
mediante Java Script con new Layer(), el
contenido entonces se llenaría con
layer.document.write().

8.  En los navegadores modernos, esta funcionalidad
se consigue mediante span o div con
posicionamiento absoluto, o, para la carga de
contenido desde un archivo externo, un Frame.

9. FUNCIONAMIENTO
 Mejoran la visibilidad de la pagina en la
web, creando un atractivo visual hacia el usuario
final.
 La navegación es mas sencilla en algunos casos.
 La exposición de las capas es una estrategia de
marketing, llamativa y bien visible.

10.  Cuestionar los factores que delimitan y conducen la
creatividad en el acto de diseñar.
 Reflexionar sobre el trabajo del diseñador analizando
sus métodos y sus contextos teóricos y estéticos.
 Fomentar un análisis en torno al uso de la tecnología de
punta y cómo ésta influye en los procesos creativos y
en las necesidades de comunicación.
 Intentará generar una postura crítica ante el diseño, la
tecnología y el contexto sociocultural, motivando el
planteamiento de nuevas estrategias de comunicación
que satisfagan necesidades reales y conduzcan a
discursos y posturas propias ante la tecnología y ante el
mismo diseño.

11.  Algunos de los programas que utilizan
layers son:

14. FUENTES CONSULTADAS
 http://www.cenart.gob.mx/data.lab.02/programas/ve
rsionh/layers.htm.
 http://74.125.47.132/search?q=cache:gNBwYZl4Hj
YJ:dc.exa.unrc.edu.ar/nuevodc/materias/ingenieria/
Material/1163109537/1163110516/Layer%25201.pd
f+APLICACION+DIV+O+LAYERS&cd=5&hl=es&ct=
clnk&gl=mx
 www.cenart.gob.mx/data.lab.02/programas/version
h/layers.htm
 http://www.echoecho.com/csslayers.htm

15.  http://www.todoexpertos.com/categorias/tecnol
ogia-e-internet/desarrollo-de-sitios-
web/respuestas/20682/capas-y-tablas
 http://www.diccionarios-
online.com.ar/sitios/modelo_de_capas.html
 http://mundogris.wordpress.com/2008/06/19/ar
quitectura-por-capas-para-sitios-web/
 http://aprendeenlinea.udea.edu.co/lms/moodle/c
ourse/view.php?id=123

16.  http://www.youtube.com/watch?v=sdJql7ytOfU
 http://www.youtube.com/watch?v=bURvPojEGHo
&feature=related
 http://www.comocreartuweb.com/html-kit-
tutorial/tutorial-html-kit-introducion.html
 http://www.mailxmail.com/curso-creacion-
paginas-web-html/capas