Ver la versión completa : [Ayuda] Editor HTML WYSIWYG?![Trabajo]
Hola.
Estoy desde el curro, y estoy un poco quemado de hacer web + web + web de forma manual, con los divs, con sus css, ajustando en firebug y tal.
Lo digo porque entre las especificaciones que me dan de la vista son un desastre, y que los componentes que tengo que poner, cada uno estan de su madre y de su padre, pues al final estoy mas rato ajustando o con el gimp abierto que haciendo lo que se supone que tengo que hacer xDD
Como soy nuevo en esto, y aqui nadie parece saber ni decir nada, sabeis si existe algun editor WYSIWYG que sea medio decente para hacer vistas en web?
No importa que sea de pago, si me permite avanzar, se lo cargo a la empresa xD
Saludos y gracias!
Yo uso el web page maker, si te gusta, lo puedes comprar por 35$ creo recordar
http://www.webpage-maker.com/
^MiSaTo^
16/09/2011, 12:17
Yo al final me di cuenta que es mejor hacerlo todo a mano, porque al final los editores WYSIWYG meten mierda, o no te lo colocan como quieres, etc.
Para desarrollo web, uso Coda. Creo que es el mejor ide que existe para ello. La pega que tiene es que es sólo para Mac (no se por qué no lo sacan para otras plataformas en serio).
Una cosa buena que tiene es que puedes crear snippets, que son trozos de código que reutilizas habitualmente.
Por ejemplo yo tengo creado uno que es la estructura de una web con cabecera, pie, contenido y un "menú" izquierdo. Le das al botoncico, te lo pone solico en el código y ya es sólo meter las imágenes y demás xD
Kompozer o quizá Bluefish en linux no se hasta que punto cumplirán su funcion, no los uso xD, yo personalmente solo utilizo editores de texto.
Y ahora que estais con esto... recomendacion de un buen ebook para desarrollar webs? Siempre hay algun documento que se hace famoso por ser sencillo o muy didactico. Que cubra un buen espectro de lo que se puede hacer en internet. Me da igual que sea en ingles.
Yo al final me di cuenta que es mejor hacerlo todo a mano, porque al final los editores WYSIWYG meten mierda, o no te lo colocan como quieres, etc.
...
Una cosa buena que tiene es que puedes crear snippets, que son trozos de código que reutilizas habitualmente.
Por ejemplo yo tengo creado uno que es la estructura de una web con cabecera, pie, contenido y un "menú" izquierdo. Le das al botoncico, te lo pone solico en el código y ya es sólo meter las imágenes y demás xD
Es que así es como se trabaja profesionalmente cuando se desarrolla web. Una vez que tienes la estructura medio ajustada, entonces puedes usar el editor WYSIWYG para ultimar cosas pero mirando que te va metiendo en el código.
Otto, lo que tienes que hacer es crearte snippets y luego copia/pegas o usas includes de php para componer la estructura general.
Tambien puedes mirarte bien el modelo de cajas de CSS que no es tan complicado como la gente dice (yo enseño eso a gente que no ha tocado un PC en su vida y lo entienden muy bien) y te darás cuenta de que es mas sencillo hacerlo tu que dejarselo al editor WYSIWYG.
De todas formas, el mejor WYSIWYG es el dreamweaver. Incluso su editor de código está muy bien.
Kompozer está muy verde aún (yo creo que no avanza el proyecto, no?)
< - >
Y ahora que estais con esto... recomendacion de un buen ebook para desarrollar webs? Siempre hay algun documento que se hace famoso por ser sencillo o muy didactico. Que cubra un buen espectro de lo que se puede hacer en internet. Me da igual que sea en ingles.
www.librosweb.es
Yo llevo 4 años usando en mis clases el manual de 'Introducción a CSS' de ese tío. Es muy claro y conciso y tiene muuuchos ejemplos y ejercicios resueltos.
El de Javascript, por ejemplo, lo veo mejorable...
Gracias ^MiSaTo^ por el apunte del Coda, me ha encantado!
^MiSaTo^
16/09/2011, 14:22
Gracias ^MiSaTo^ por el apunte del Coda, me ha encantado!
En serio es un programa increible. Yo pensé que habría algo parecido en Win pero no lo hay creeme XD
Es un IDE super ligero con mogollon de cosas (ayuda online, lo de los snipets, ftp y ssh integrado y mil historias más). Es una pena que sólo esté para Mac :(
saboteur
16/09/2011, 15:47
Uno que puedes probar gratuitamente es:
http://www.ambiera.com/websitepainter/index.html
...depende de la complejidad/sencillez que busques.
Yo al final me di cuenta que es mejor hacerlo todo a mano, porque al final los editores WYSIWYG meten mierda, o no te lo colocan como quieres, etc.
Para desarrollo web, uso Coda. Creo que es el mejor ide que existe para ello. La pega que tiene es que es sólo para Mac (no se por qué no lo sacan para otras plataformas en serio).
Una cosa buena que tiene es que puedes crear snippets, que son trozos de código que reutilizas habitualmente.
Por ejemplo yo tengo creado uno que es la estructura de una web con cabecera, pie, contenido y un "menú" izquierdo. Le das al botoncico, te lo pone solico en el código y ya es sólo meter las imágenes y demás xD
El problema es que me pasan las cosas pues muy a su manera, y entonces, como tp tengo unas tablas increibles, pues tardo un poquillo en hacer las vistas.
Lo de los snippets ni los conocia, pero yo tengo en cada proyecto un _plantillas/plantillaN y segun lo que toca hacer, copio y pego de ahi xDDD
Y despues lo mismo con los js, para la navegacion, repro de video, eventos... me tengo creados los js que van la mar de bien para hacer c/p XD
Es sobre todo para agilizar, porque el notepad++ ya me lo tengo tuneado y avanzo rapidillo, pero aun asi tengo la sensación de que no voy todo lo rapido que deberia :S
De todas formas, el mejor WYSIWYG es el dreamweaver. Incluso su editor de código está muy bien.
Hola.
Yo hacia servir el Dreamweaver hace años, y iba muy bien.
Saludos.
enkonsierto
16/09/2011, 18:45
Yo uso eclipse y me va de lujo también.
Yo uso eclipse y me va de lujo también.
Hoy me he instalado aptana, pero casi no me ha dado tiempo a catarlo, que me han cambiado de tarea 4 veces en las 6 horas que he estado en la oficina xD
PD.Tienes un mp :P
3XCL4M4t10N
16/09/2011, 20:09
Offtopic: Ratifico lo que a veces se dice. Eso de que los informaticos usais nombres aleatorios para las cosas. HTML WYSIWYG... La **** XD
^MiSaTo^
16/09/2011, 21:36
Offtopic: Ratifico lo que a veces se dice. Eso de que los informaticos usais nombres aleatorios para las cosas. HTML WYSIWYG... La **** XD
Para mi los mecánicos también usan nombres aleatorios... Cada profesión tiene su jerga ;)
GameMaster
16/09/2011, 21:41
Yo uso notepad++, es el editor para todo xD
Offtopic: Ratifico lo que a veces se dice. Eso de que los informaticos usais nombres aleatorios para las cosas. HTML WYSIWYG... La **** XD
como tu nick, no? :p
www.librosweb.es
Yo llevo 4 años usando en mis clases el manual de 'Introducción a CSS' de ese tío. Es muy claro y conciso y tiene muuuchos ejemplos y ejercicios resueltos.
El de Javascript, por ejemplo, lo veo mejorable...
Muchas gracias, he estado leyendo uno de los documentos de esa web y para mi esta muy muy bien.
Mirate este plugin de vim.... el video que sale ahi lo dice todo:
http://mattn.github.com/zencoding-vim/
Ahi tienes más info y el enlace al tuto:
http://www.vim.org/scripts/script.php?script_id=2981
Muchas gracias, he estado leyendo uno de los documentos de esa web y para mi esta muy muy bien.
Yo me he 'fumado' todos menos los de Symphony (que no tengo ningún interés en el tema) y salvo el de Javascript y AJAX (que necesitas tener una base de programación) son todos muy sencillos y didacticos de leer. Incluso el que pone 'CSS Avanzado' (que no es nada avanzado, tan solo da trucos y recomendaciones)
Yo uso notepad++, es el editor para todo xD
ya somos 2 xDD
saucjedi
20/09/2011, 14:14
Offtopic: Ratifico lo que a veces se dice. Eso de que los informaticos usais nombres aleatorios para las cosas. HTML WYSIWYG... La **** XD
Sin ánimo de ofender... el hecho de que uno ignore algo, no lo convierte an aleatorio.
ya somos 2 xDD
y casi 3, pero en mi caso dopado de plugins xDDD
3XCL4M4t10N
20/09/2011, 18:22
Sin ánimo de ofender... el hecho de que uno ignore algo, no lo convierte an aleatorio.
Sin animo de ofender... El hecho de que no te hayas percatado de una broma tan sumamente OBVIA no te convierte en aleatorio.
< - >
como tu nick, no? :p
Touché caballero...
No sé que tipo de web estarás desarrollando, ni cuales tus conocimientos, pero me uno a los que dicen que dejes la idea de usar un editor WYSIWYG.
Si estas con html a pelo te apañas hasta con el notepad, y de usar editores usa sobre todo editores que sólo te proporcionen ayuda contextual, no que hagan la maquetación por ti, por ejemplo eclipse, aunque este es muy pesado para lo que supuestamente quieres hacer.
Es importante que dejes la maquetación de la página en lo posible a meros <div> y el resto en CSS. Ponte como objetivo no tirar de apaños ni hacks y busca información sobre buenas prácticas en diseño web.
No sé que tipo de web estarás desarrollando, ni cuales tus conocimientos, pero me uno a los que dicen que dejes la idea de usar un editor WYSIWYG.
Si estas con html a pelo te apañas hasta con el notepad, y de usar editores usa sobre todo editores que sólo te proporcionen ayuda contextual, no que hagan la maquetación por ti, por ejemplo eclipse, aunque este es muy pesado para lo que supuestamente quieres hacer.
Es importante que dejes la maquetación de la página en lo posible a meros <div> y el resto en CSS. Ponte como objetivo no tirar de apaños ni hacks y busca información sobre buenas prácticas en diseño web.
Si las buenas practicas las llevo, todo <div> + apaños que tengo que usar por el tipo de html que manejo, pero vamos, que normas de estilo a saco.
El problema es que no me dan todo del tiron y me cambian las especificaciones, imagenes con margenes transparentes de distintos tamaños, etc... de forma que para hacer los ajustes es un coñazo, los tengo que hacer en firebug con la vista que ya he recado y copiar los valores al css... vamos, un toston.
Por eso preguntaba, porque me gustaria crear la vista a mano, meterla en el editor, y poder hacer los cambios y que se quedaran, porque me aburro de ir tan despacico...
Creo que lo voy a solucionar con un segundo monitor, que la pantalla ya la tango partida en 3 y con atajos extra de windows para traer y mantener en el frente lo que necesito xD
yo usaba el dreamweaver para la maquetación rápida y luego lo iba rectificando a mano con el notepad++ para hacer una vista rápida de como quería la web.
Te come html(xhtml) css php y no se si alguno mas, prueba aunque es muy pesado y hasta que no te acostumbres a el lento y odioso... xD
La verdad que parece que tampoco tienes mucho margen de mejora y además yo creo que te he entendido al revés, que querías un editor WYSIWYG para maquetar rápido y luego retocar, pero creo que lo que dices es justo al revés; que teniendo una base ya, puedas remaquetar rápidamente y que se te actualicen css y/o html acorde a lo que tú ajustes en el editor WYSIWYG, en ese caso Dreamweaver es el que he probado que más se ajusta a eso (pero no quiere decir que sea el mejor)
La verdad que parece que tampoco tienes mucho margen de mejora y además yo creo que te he entendido al revés, que querías un editor WYSIWYG para maquetar rápido y luego retocar, pero creo que lo que dices es justo al revés; que teniendo una base ya, puedas remaquetar rápidamente y que se te actualicen css y/o html acorde a lo que tú ajustes en el editor WYSIWYG, en ese caso Dreamweaver es el que he probado que más se ajusta a eso (pero no quiere decir que sea el mejor)
Me explico como el culo, pero vamos, un editor WUSIWYG desde 0 no puedo usar por las particularidades del html que uso, por ejemplo, hay que hacer trapis con los img para usarlos y que no se joda el invento, y eso un editor supongo que no te lo hace por defecto xD
Voy a ir probando, que mañana creo que termino la parte de js de otro proyectito y posiblemente tenga tiempo, si alguno me triunfa que lo pasen por caja xDD
Saludos y gracias
Me explico como el culo, pero vamos, un editor WUSIWYG desde 0 no puedo usar por las particularidades del html que uso, por ejemplo, hay que hacer trapis con los img para usarlos y que no se joda el invento, y eso un editor supongo que no te lo hace por defecto xD
Voy a ir probando, que mañana creo que termino la parte de js de otro proyectito y posiblemente tenga tiempo, si alguno me triunfa que lo pasen por caja xDD
Saludos y gracias
¿Que trapis? Si no es mucho preguntar...
¿Que trapis? Si no es mucho preguntar...
Nada, tonterias de sintaxis, que no se traga ciertas cosas y luego te lees el estandar y te lo pone bien clarito (en plan, esto no se puede hacer, a 2 tamaños de letra mas grandes y en negrita), pero en xhtml los navegadores normales si se lo zampan.
Creo que las imagenes no se pueden cerrar a si mismas tipo <img /> porque pueden fallar, cosicas con los espacios de las "" y los cierres de los tag, nose, tengo apuntados todos los fallitos tontos, y despues buscados en su especificacion.
saucjedi
21/09/2011, 08:21
Sin animo de ofender... El hecho de que no te hayas percatado de una broma tan sumamente OBVIA no te convierte en aleatorio.
¿Y cómo sabes que no me he percatado? ¿Porque no pongo caritas ni cosas de esas?
Creo que las imagenes no se pueden cerrar a si mismas tipo <img /> porque pueden fallar, cosicas con los espacios de las "" y los cierres de los tag, nose, tengo apuntados todos los fallitos tontos, y despues buscados en su especificacion.
El estandar XHTML (http://es.wikipedia.org/wiki/XHTML) dice claramente que todas las etiquetas deben cerrarse. Si la etiqueta es unaria (no tiene tag de cierre) se cerrará usando la barra como tu bien has puesto. Luego el cierre de la etiqueta <img /> es correcto.
Este estandar tambien dice que todos los valores de los atributos deben ir entre comillados.
Asi que la sintaxis correcta de la etiqueta <img> seria algo asi:
<img src="........" alt="....." />
Es raro que te de problemas eso. Yo nunca he tenido incompatibilidades en ese aspecto. Otra cosa son las 'interpretaciones' que cada navegador hace al modelo de cajas de CSS (margin, padding...). Ahí si que los IE8 y anteriores son porc.uleros.
¿En que navegador tienes problemas? Es para ver si puedo echarte una mano.
El estandar XHTML (http://es.wikipedia.org/wiki/XHTML) dice claramente que todas las etiquetas deben cerrarse. Si la etiqueta es unaria (no tiene tag de cierre) se cerrará usando la barra como tu bien has puesto. Luego el cierre de la etiqueta <img /> es correcto.
Este estandar tambien dice que todos los valores de los atributos deben ir entre comillados.
Asi que la sintaxis correcta de la etiqueta <img> seria algo asi:
<img src="........" alt="....." />
Es raro que te de problemas eso. Yo nunca he tenido incompatibilidades en ese aspecto. Otra cosa son las 'interpretaciones' que cada navegador hace al modelo de cajas de CSS (margin, padding...). Ahí si que los IE8 y anteriores son porc.uleros.
¿En que navegador tienes problemas? Es para ver si puedo echarte una mano.
Opera de tvs xDDD
Si, si todo funciona mas o menos bien, pero te encuentras con cosas raras, como que segun como pongas las imagenes, la pantalla no se refresca cuando cargas otros elementos mediante ajax (vaciando o eliminando lo necesario antes de hacer la carga)
Ahora mismo ya estoy curtido, pero dudo que un editor grafico se pueda configurar para tener todas estas cosas en cuenta.
Powered by vBulletin® Version 4.2.5 Copyright © 2025 vBulletin Solutions Inc. All rights reserved.