LayeRs Dyv
-
Upload
david-bad -
Category
Technology
-
view
568 -
download
0
description
Transcript of LayeRs Dyv
![Page 1: LayeRs Dyv](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/1.jpg)
LAYERS
BADILLA NUÑEZ DAVIDGRIJALVA MARTINEZ VANESSA
![Page 2: LayeRs Dyv](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/2.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/3.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/4.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/5.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/6.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/7.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/8.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/9.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/10.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/11.jpg)
Algunos de los programas que utilizan layers son:
![Page 12: LayeRs Dyv](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/12.jpg)
![Page 13: LayeRs Dyv](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/13.jpg)
![Page 14: LayeRs Dyv](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/14.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/15.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/16.jpg)
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](https://reader036.fdocuments.mx/reader036/viewer/2022062300/55646a7ed8b42acd408b5216/html5/thumbnails/17.jpg)