Foros del web, para los que viven de bits

Hola!

Soy un iniciado en esto del CSS, por ello me gustaria saber si existe algun editor, (sea de tipo web o de instalarlo) que te permita ir viendo de una manera clara y definida como se realiza la maquetacion de un HTML, con las etiquetas DIV segun vas maquetando la pagina, es decir a que parte del documento va cada cosa, ya que me estoy liando un poco cuando trato de maquetar cada parte.

Un saludo.

Bueno como recien inicias puedes utilizar un programa wysiwyg como el Dreamweaver, ahy podrás ver cada paso que daz, pero lo ideal serías que maquetes sin utilizar estos programas ya que ensucian el código fuente.

Saludos.

dreamweaver como ensucia el código fuente? lo digo por que yo lo uso pero solo en vista código, si se usa así no pasa nada no?

Hola!

Bueno, lo de utilizar un editor para ir viendo los cambios que realizas es un poco engañoso. Lo que yo hago es trabajar en local y, cada vez que hago un cambio en el CSS comprobar que la página web ha sido alterada convenientemente con respecto a estos cambios.

Una buena forma de ver qué secciones estás modificando es ir marcando los bordes de cada div, cada clase, etc. Personalmente, cada vez que creo un div indico en CSS la propiedad border: 1px solid red; (por poner un ejemplo). Así voy viendo las partes que van componiendo la web, si debo poner más padding, etc. Pero bueno... a una mala puedes utilizar algún editor, pero si desarrollas la web entera con él tendrás de intentar que no te introduzca código innecesario...

No sé si te habrá ayudado mucho este comentario, pero es sólo un pequeño consejo.

la extensión de Firefox "Web developer" tiene una función para ver visualmente el alcance y tamaño (entre otra info) de las capas y otros elementos..

si no lo usas wysiwyg no "pasa nada", pero entonces hay programas más livianos que hacen lo mismo

me aconsejas alguno en especial webosiris?

Para windows la verdad no sabria decirte ya que hace algunos años que no edito en Win, pero he sentido muy buenos comentarios del Notepad++

Lo del webdeveloper lo tengo instalado, pero esa funcionalidad que comentas no la encuentro por ningun lado.

¿posee el Webdeveloper o algun plug-in del firefox algun funcionalidad que te permita trabajar con ficheros externos css? Lo comento porque yo trabajo con ficheros externos css no con codigo embebido css dentro del html.

Pero el wysiwyg no es un programa en si sino un estandar no?

Buen consejo ¿podrias dar alguno mas en torno a como acotar las areas de trabajo de un documento? Para saber si cuadran como deben y saber sobre que div estas trabajando.

S2!

ok, pues tomo nota y lo probaremos ^^

esta en el menú "Información". Tenes opciones como por ej. "mostrar dimensión del bloque" y "orden de los divs"...

en el menú CSS de WebDeveloper hay una opción que es "Editar código CSS", que te permite editar al vuelo hojas de estilo.

wysiwyg significa What you see is what you get (lo que ves es lo que obtienes) que hace referencia a todos los programas que te permiten hacer páginas de una forma visual sin editar el código

"IE developer toolbar" es el addon que se usa con el explorer con similares caracteristicas al web developer de firefox.

El dreamweaver ( al menos la version cs3) es muy bueno con la edicion de css y html en su vista codigo, creo que tiene todas las opciones que cualquier otro editor de codigo especializado pueda tener, ademas de ofrecerte amplias caracteristicas de administracion de archivos y sitios a aparte de otras caracteristicas que generalmente los editores de codigo carecen. Si a eso le sumas que trabajes con herramientas como photoshop, fireworks, illustrator... a la hora de crear un flujo de trabajo dreamweaver te facilita mucho ese flujo, ya que es la misma empresa la dueña de todas esas herramientas y tienes atajos que de otra manera requeririan mass acciones y mas trabajo.
Que el codigo sea basura depende de la persona en ultima instancia no del programa.

Ahora bien, el precio de los productos adobe es criminal, literalmente, es un robo.

Si trabajas con código fuente, recomiendo el programa Notepad++ .... Como su nombre lo dice es más que el block de notas y lo uso bastante.

Gracias por la informacion del Webdeveloper!! Que crack!!.

S2!

tienes View Source Chart para FF? Buenisimo, una forma diferente de ver el codigo fuente...

http://jennifermadden.com/scripts/Vi...redSource.html

Tan solo de verlo me emociono hasta el extasis....

Yo creo que con block de notas esta bien, yo en windows uso dreamweaver cs3 me gusta.. pero para ver los cambios le estoy dando f5 , despues de cada cambio, al navegador..