layers dyv

17
LAYERS BADILLA NUÑEZ DAVID GRIJALVA MARTINEZ VANESSA

Upload: david-bad

Post on 26-May-2015

558 views

Category:

Technology


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: LayeRs Dyv

LAYERS

BADILLA NUÑEZ DAVIDGRIJALVA MARTINEZ VANESSA

Page 2: LayeRs Dyv

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

Page 3: LayeRs Dyv

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

Page 4: LayeRs Dyv

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.

Page 5: LayeRs Dyv

Se definen cada una de las celdas (capas) por separado, dándoles las características que deseemos como color imagen de fondotamaño de letraanchuraaltura

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.

Page 6: LayeRs Dyv

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.

Page 7: LayeRs Dyv

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 "absolute" mediante CSS(Las hojas de estilo en cascada Cascading Style Sheets), cargado desde un archivo aparte con <layer src="URL AQUI"> o <span src="URL AQUI"> o <div src="URL AQUI">, o generado mediante Java Script con new Layer(), el contenido entonces se llenaría con layer.document.write().

Page 8: LayeRs Dyv

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.

Page 9: LayeRs Dyv

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.

Page 10: LayeRs Dyv

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.

Page 11: LayeRs Dyv

Algunos de los programas que utilizan layers son:

Page 12: LayeRs Dyv
Page 13: LayeRs Dyv
Page 14: LayeRs Dyv

FUENTES CONSULTADAS

http://www.cenart.gob.mx/data.lab.02/programas/versionh/layers.htm.

http://74.125.47.132/search?q=cache:gNBwYZl4HjYJ:dc.exa.unrc.edu.ar/nuevodc/materias/ingenieria/Material/1163109537/1163110516/Layer%25201.pdf+APLICACION+DIV+O+LAYERS&cd=5&hl=es&ct=clnk&gl=mx

www.cenart.gob.mx/data.lab.02/programas/versionh/layers.htm

http://www.echoecho.com/csslayers.htm

Page 15: LayeRs Dyv

http://www.todoexpertos.com/categorias/tecnologia-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/arquitectura-por-capas-para-sitios-web/

http://aprendeenlinea.udea.edu.co/lms/moodle/course/view.php?id=123

Page 16: LayeRs Dyv

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

Page 17: LayeRs Dyv