martes, 5 de noviembre de 2013

Capas y Div

¿que es una capa en dreamweaver?

Una de las formas consistiría en imaginar que es una página web dentro de otra página web. En realidad varias páginas web dentro de una página porque capas puede haber todas las que queramos.
Dentro de cada una de las capas se puede insertar texto, imágenes,... (en realidad hemos quedado que la imaginamos como una página web dentro de otra). La característica más importante de la capa es que la puedo mover para colocarla exactamente donde quiera. Así puedo colocar una imagen dentro de una capa y, una vez dentro, mover la capa para que la imagen se coloque exactamente en el sitio deseado. Esto es difícil de conseguir por otros medios...
A las capas también se les puede adjuntar "comportamientos" que son fragmentos de javascript que permiten al visitante interactividad con la página.



¿Como insertar una capa?

es tan fácil como ir a la pestaña insertar  y ponerla


¿que es Div?

La etiqueta <div> se emplea para definir un bloque de contenido o sección de la página, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque específico.
El uso de la etiqueta div es sencillo. Observemos este ejemplo:
<div>
<h1>Índice</h1>
Página principal<br />
Material multimedia<br />
Autores<br />
</div>
Hemos empleado la etiqueta para crear un bloque, que hará las veces de índice de contenidos. Visualmente la etiqueta no provoca ningún cambio, pero en la estructura interna del documento hemos aplicado una división muy importante. La figura muestra el texto del ejemplo; no hay ninguna diferencia visible.




Probemos ahora a aplicar una modificación a la apariencia de ese bloque, añadiendo un estilo de borde a la etiqueta <div>; quedaría así:
<div style="border: 2px solid rgb(204, 102, 204);">
<h1>Índice</h1>
Página principal<br />
Material multimedia<br />
Autores<br />
</div>
Observemos de nuevo la figura; ahora sí que aparece un borde sólido de 2 píxeles alrededor de todo el espacio definido por la etiqueta div.




Mas info sobre la etiquetacion </div> en:



Resultados:
me a gustado mucho esta herramienta, permite crear mejores cosas, superponiendo imágenes y permitiendo crear efectos distintos que creí no se podían usar en Dw.



No hay comentarios:

Publicar un comentario