layers dyv

Post on 26-May-2015

558 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

LAYERS

BADILLA NUÑEZ DAVIDGRIJALVA MARTINEZ VANESSA

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

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

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.

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.

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.

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

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.

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.

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.

Algunos de los programas que utilizan layers son:

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

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

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

top related