Dreamweaver, capas y CSS
¡Hola! Os voy a hacer una pregunta que a muchos os parecerá tonta, pero bueno, allá va... Estoy intentando pasar de las tablas a las capas (que el dw llama layers) y en el modo diseño del programa lo voy haciendo. La verdad, me está resultando más fácil de lo que pensaba... ahora va la pregunta: ¿qué tienen que ver las capas del dreamweaver con los estilos css? y sobre todo, por qué se dice que separan el diseño del contenido? Lo de los estilos lo entiendo porque cambias el estilo y se actualiza todo el sitio independientemente del contenido, pero en cuanto a las capas no lo entiendo muy bien porque estas se "incrustan" en cada documento, no son algo externo que se pueda vincular...
Bueno, no os riais mucho. Besitos
Teresa
Gracias jota 2, el artículo es muy interesante. En general lo de css ya lo entiendo, en lo que tenía dudas era su aplicación al dreamweaver. Deckard, gracias por tu explicación, es más fácil de lo que pensaba! No sé por qué se me metió en la cabeza que lo de las css iba a ser como si actualizase el contenido de una plantilla y cada vez que cambiase una capa se me iba a cambiar en todos los documentos!! Dios mío, que empanada. No me hagais caso, es que llevo mucho sin vacaciones!!
jota2
hola teresa puedes leer este articulo para que comprendas algunos conceptos...
CSS Eres un monstruo maligno
Saludos
Deckard
Cuando creas una capa en Dreamweaver te inserta una etiqueta div con las caracteristicas de la capa: posición x, posición y, ancho, alto, color de fondo, margenes, bordes, imagen de fondo y otros estilos que le hayas aplicado. Todo eso está dentro de la etiqueta div, tras style="..... Tienes que copiar lo que hay dentro de style (sin comillas) y pegarlo en la hoja de estilos como te explico a continuación.
Primero pones, en la hoja de estilos, un nombre a la capa, precedido de #
Sería esto:
#nombredecapa
Después tienes que pegar el código de style y encerrarlo entre corchetes {aquí va los parámetros de style}.
En definitiva se trata de un estilo más, a diferencia de que en vez de preceder el nombre del estilo (o capa) por un punto, tienes que poner el #
Una vez guardada la hoja de estilos, la vinculas a tu HTML. La capa nueva tienes que llamarla desde el HTML con una etiqueta div id="nombredelacapa". Después insertas el contenido de la capa (textos, imágenes, lo que sea) y cierras con la etiqueta div. Así en el HTML sólo tienes el contenido y en la hoja de estilos la colocación, tamaño y estilo de la capa.
Teresa
Gracias compadre. lo de separar diseño de contenido me refería a las css, que si lo he pillado bien es un documento externo que vinculas a tu html o xhtml, con lo uqe cualquier cambio se actualiza automaticamente en todo el sitio. Yo me refería a las css aplicadas a maquetación, lo que antes se hacía con tablas. Gracias y un saludo
aalexlastraa
Sobre DW no puedo hablarte puesto q no lo suelo utilizar mucho.
La no utilización de tablas para maquetar no tiene nada que ver con la separación del diseño del contenido.
El hecho de no utilizarlas para maquetar es que no fueron concebidas para este fin lo cual obligaba a realizar miles de trucos para conseguir la maquetación buscada, aparte entre otras cosas del incremento de codigo.
Saludos,
Compadre