Usar css con dreamweaver

[Pipeline]

Hola.
Hace tiempo que estoy trabajando con hojas de estilo, pero normalemente lo hago "a pelo". Editor de texto y navegador.
El problema es que de dreamweaver no tengo mucha idea y hace poco me enseñaron una manera en la que mas o menos lo que haces es definir capas con el raton. Un cuadradito aqui, otro alli y te hace él el codigo.
Claro que cuando fui a ver como estaba el codigo me encontre con algo como esto:

Código HTML:

<div id="Layer1" style="position:absolute; left:109px; top:58px; width:713px; height:418px; z-index:1"></div>
<div id="Layer2" style="position:absolute; left:109px; top:373px; width:713px; height:25px; z-index:2"></div> 

Lo que me gustaria saber es si hay alguna forma de que haciendo esto de la misma manera me separe el codigo css del html.
Y ya lo que seria la leche es aprender a centrarlo todo, pero bueno , eso en otro momento.

Gracias a todos.

[sGs]

Tienes varias formas de trabajar con CSS en Dreamweaver. Lo más lógico es irte a "Administrar estilos" (Texto -> Estilos CSS -> Administrar estilos). En el administrador de estilos puedes linkear una hoja de estilos externa, añadir estilo a una etiqueta o crear un estilo de clase. Una vez definidos los estilos los aplicas a los objetos a través del Inspector de propiedades, o bien a través del mismo menú (Texto -> Estilos CSS). Todo esto siempre en DW MX 2004, pues la versión anterior de MX todavía usaba la etiqueta <FONT>.

Sin embargo, en el caso de las capas con posición absoluta como las tuyas, no sabría indicarte como separarlo, pues los parámetros de estilo se refieren a tamaño de la capa, posición en la pantalla, etc. y son parámetros propios de cada capa. No entiendo por qué quieres sacar el CSS de la etiqueta HTML, pero lo que puedes hacer es crear una hoja de estilo externa (en el bloc de notas o editor de texto similar) y luego linkearla al archivo a través de "Administrar estilos" y a cada capa darle un estilo descrito en el archivo externo.

Espero haberme explicado y haberte sido de ayuda.

Saludos.

[Pipeline]

sGs te has explicado bien, muchas gracias, pero me parece que he sido yo el que no lo ha hecho correctamente.
El caso es que me gustaria algo para crear capas pero por decirlo de alguna manera, que sea "visual".
Es decir, que si yo quiero hacer el tipico contenedor, pueda hacerlo del tamaño que quiera pero con el raton, no se si me explico.

A lo mejor estoy pidiendo un imposible, pero como no lo se, pregunto.
Se que para diseñar con tablas por ejemplo, tambien hay algo en el dreamweaver que tu "dibujas" la tabla donde quieras y como quieras y el ya se encarga de maquetarlo.

Si no lo habeis entendido intentare poneros algun ejemplo, que ahora estoy en practicas y no tengo mucho tiempo. :)

Un saludo y gacias.

[sGs]

pipeline, lo siento, pero ahora te entiendo menos. Si te refieres a introducir los datos de posición y tamaño de forma manual (numérica) se hace a través del inspector de propiedades (habiendo seleccionado la capa en cuestión).

Explícate mejor porque eso de "visual" "con el ratón" etc. es lo que ya hacías con la herramienta "dibujar capa" ¿no?

Trata de poner algun ejemplo mas concreto o explicarlo de otra manera a ver...

Saludos.

[RBZ]

Pipeline creo que estás confundido con lo que son las CSS. Si sabes lo que son, la única manera de hacerlas es escribiendo código, no se puede desde la parte de diseño. Desde la parte de diseño, el dreamweaver, sólo te hace un código html que no se puede adaptar a CSS, o si se puede es mas difícil que hacerlo directamente desde el código. En cualquier caso tú serías el que adaptaría el código, nunca el programa.

Y ya lo que seria la leche es aprender a centrarlo todo, pero bueno , eso en otro momento.

Si sabes algo de código html, no te debe costar mucho. Ánimo
Saludos