17/01/2008, 12:28
| |||
| |||
| Editores que permitan visualizar la estructura de capas de un CSS 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. |
|
17/01/2008, 13:18
| |||
| |||
| Re: Editores que permitan visualizar la estructura de capas de un CSS 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. Última edición por webxedo; 17/01/2008 a las 19:06 |
|
17/01/2008, 14:01
| ||||
| ||||
| Re: Editores que permitan visualizar la estructura de capas de un CSS 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? |
|
17/01/2008, 17:15
| |||
| |||
| Re: Editores que permitan visualizar la estructura de capas de un CSS 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. |
|
17/01/2008, 17:34
| ||||
| ||||
| Re: Editores que permitan visualizar la estructura de capas de un CSS 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.. Cita: si no lo usas wysiwyg no "pasa nada", pero entonces hay programas más livianos que hacen lo mismo dreamweaver como ensucia el código fuente? l 
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
|
17/01/2008, 19:15
| ||||
| ||||
| Re: Editores que permitan visualizar la estructura de capas de un CSS Cita: 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++
Iniciado por hades87  me aconsejas alguno en especial webosiris?
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
|
18/01/2008, 02:30
| |||
| |||
| Re: Editores que permitan visualizar la estructura de capas de un CSS Cita: Lo del webdeveloper lo tengo instalado, pero esa funcionalidad que comentas no la encuentro por ningun lado.
Iniciado por webosiris 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 ¿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. Última edición por bladu; 18/01/2008 a las 02:54 |
|
18/01/2008, 02:39
| |||
| |||
| Re: Editores que permitan visualizar la estructura de capas de un CSS Cita:
Iniciado por webxedo Bueno como recien inicias puedes utilizar un programa wysiwyg Pero el wysiwyg no es un programa en si sino un estandar no? |
|
18/01/2008, 02:53
| |||
| |||
| Re: Editores que permitan visualizar la estructura de capas de un CSS Cita: 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.
Iniciado por gazpachoymochil Hola! 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. No sé si te habrá ayudado mucho este comentario, pero es sólo un pequeño consejo. S2! |
|
18/01/2008, 03:11
| ||||
| ||||
| Re: Editores que permitan visualizar la estructura de capas de un CSS Cita:
Iniciado por 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++ ok, pues tomo nota y lo probaremos ^^ |
|
18/01/2008, 10:21
| ||||
| ||||
| Re: Editores que permitan visualizar la estructura de capas de un CSS Cita: esta en el menú "Información". Tenes opciones como por ej. "mostrar dimensión del bloque" y "orden de los divs"...
Iniciado por bladu Lo del webdeveloper lo tengo instalado, pero esa funcionalidad que comentas no la encuentro por ningun lado. Cita: 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. ¿posee el Webdeveloper o algun plug-in del firefox algun funcionalidad que te permita trabajar con ficheros externos css? Cita: 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 Pero el wysiwyg no es un programa en si sino un estandar no?
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - |
|
18/01/2008, 13:04
| |||
| |||
| Re: Editores que permitan visualizar la estructura de capas de un CSS "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. |
|
18/01/2008, 18:35
| ||||
| ||||
| Re: Editores que permitan visualizar la estructura de capas de un CSS 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.
__________________ - |
|
20/01/2008, 03:44
| |||
| |||
| Re: Editores que permitan visualizar la estructura de capas de un CSS Cita:
Iniciado por webosiris 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 Gracias por la informacion del Webdeveloper!! Que crack!!. S2! |
|
20/01/2008, 16:45
| ||||
| ||||
| Re: Editores que permitan visualizar la estructura de capas de un CSS 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.... |
|
20/01/2008, 20:28
| |||
| |||
| Re: Editores que permitan visualizar la estructura de capas de un CSS 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.. |
