Revisando las estadísticas noto que algunas personas están interesadas en este tema, voy a dar unos pequeños tips para empezar en el diseño web y frontend sobre ubuntu utilizado software libre.
Software Gráfico
Empezaremos con algunas sugerencias en cuanto a software gráfico, es un hecho que googleando encontrarán más alternativas.
Inkscape, software de edición vectorial, se puede entender como la alternativa a illustrator o fireworks, también lo he utilizado para elaborar wireframes y es la que utilicé para el diseño de http://webinperu.com y mi favorito desde que cambie a software libre. La verdad estoy muy complacido con este programa que día a día gana mas seguidores y ya un clásico para los famosos iconos 2.0 y ahora ultimo con características para diseños 3d (revisen youtube). Esta en los repositorios de ubuntu y la instalación es muy simple:
sudo apt-get install inkscape
(también disponible para windows y mac en el sitio web oficial)
Enlaces para Inkscape
- Sitio Oficial: http://www.inkscape.org/
- Documentación en castellano del propio site: http://www.inkscape.org/doc/index.php?lang=en (ver los documentos en español en la parte inferior)
- Manuales(ingles): http://inkscapetutorials.wordpress.com
*Hay cantidad de información en Internet es es un pequeño aporte.
Gimp, La clásica alternativa a Photoshop y con una gran comunidad detrás lo que provee gran contenido de ayuda, también lo he utilizado en webinperu. Se instala por defecto con Ubuntu.
(también disponible para windows, por si aun están en proceso de cambio)
Enlaces para Gimp
- sitio oficial: http://www.gimp.org/
- sitio oficial (español): http://www.gimp.org.es/ (recomiendo revisar los foros, también hay contenido de ayuda para inkscape)
También pueden revisar Xara Xtreme http://www.xaraxtreme.org/ , también esta en los repositorios de ubuntu, basado en inkscape, no he tenido tiempo de probarlo mucho pero va bastante bien hasta donde llegué.
Y otro software de edición gráfica que también e visto mencionar (aunque solo le di un vistazo) en foros es Krita , http://www.koffice.org/krita/ , también esta en los repositorios.
Ahora lo que necesitan para mover código.
Antes que nada debe quedar en claro que al margen del sistema operativo o las herramientas que utilicen deben tener un conocimiento previo de los lenguajes, xhtml, css para empezar y luego pueden darle tiempo a javascript además de algunos conceptos básicos (no serán tema de este articulo). Los siguientes son editores no son wysiwyg, si estas empezando de corazón te recomiendo te alejes de los wysiwyg y empiecen a estudiar los lenguajes pues de esa forma lograras un nivel respetable.
Bien yo utilizo actualmente gedit, es un editor de texto plano, con características de resaltado de sintaxis para html, css, javascript, php, ruby, python etc, etc, navegador de archivos, en pocas palabras lo necesario para hacer un buen trabajo. Lo encuentran en Aplicaciones->accesorios->editor de texto.
También he tenido oportunidad de revisar Aptana , un IDE con muchas características, incluye varias librerías javascript, extensiones disponibles, resaltado de sintaxis, autocompletado, y todas las opciones básicas.
Bueno para no extenderme les dejo unos links.
- Komodo edit
- Quanta Plus (ya saben ir al código)
- Kompozer
Ahora bien algo de lectura requieren editores como Emacs y Vim , considerados un poco mas frikis y de gran nivel, para empezar recomiendo prueben con los anteriores.
Ahora unos complementos
de hecho que usas Firefox , si no es así entonces puede que tengas preferencia por Opera u otro similar, pero jamás, repito jamás tendrás gusto por Internet Explorer, de ser así da media vuelta y regresa por donde viniste.
Si coincides conmigo y usas Firefox , debes saber que sus extensiones son casi la gloria para los desarrolladores,considero que Firebug o Web developer son básicos, Measureit y colorzilla también son interesantes, y hay muchos mas para buscar.
Espero esto les haya servido, buena suerte.
Tags: Desarrollo web, Diseño web, Software libre
Recibe los Artículos por Email
Muchas gracias, muy buen trabajo, ya que me estoy iniciando en Ubuntu GNU/Linux y soy desarrollador web. Gracias.
Que bueno que te haya sido de utilidad, intentaré escribir sobre esto más a menudo, gracias por el comentario.
que bn me ha servido de gran ayuda tu referencia sobre inkscape estaba o estoy buscando aplicaciones para el desarrollo de aplicaciones y desarrollo web.
Gracias…
¿Y no poneis nada sobre Kompozer? Para la mayoria de la gente será el más util.
Gracias por la sugerencia, ya añadí Kompozer a la lista. Solo puse algunas alternativas que me parecieron buenas, en mi opinión personal un wysiwyg no ayuda mucho al aprendizaje por lo que siempre recomiendo aprender el código en el mas simple editor. Y por ejemplo html es html en el editor que sea.
Más adelante quedará claro las ventajas que esto conlleva y nos moveremos con habilidad cuando estemos frente a un proyecto. Y hay que decirlo existe una gran diferencia entre alguien que maneja el código comparado con alguien que usa un wysiwyg.
Gracias, estaba buscando un programa para crear mi página web, como uso Ubuntu en mi pc tenía que buscar buenas opciones, tu me has dado una muy buena, de verdad te agradezco, es posible que te moleste algunas veces con preguntas pues soy novato en estas lides espero contar contigo pero a la vez quiero que cuentes conmigo, hasta pronto. A proposito la webinperu es de verdad buena, gráficamente inconfundible, etc…
Gracias por el comentario José, me da gusto que también compartas interés en esto. Espero aportar y compartir con todos los interesados.
Muy bueno!
Gracias por tu Web, me ha sido de gran ayuda, en mi orientación posterior a un curso realizado para empezar en el diseño web, como es habitual con Dreamweaver, Photoshop y Flash, estaba financiado por un ente público, lo cual aún me sorprende más.
Lo peor de todo ha sido que la que daba el curso, tampoco estaba actualizada, y de un enfoque lógico y actual, olvidate, tecnologías de hace al menos 5 o 6 años.
Gracias a gente como tú me estoy reorientando y espero que la cosa termine bien.
Repito las gracias y un saludo a los que pasen por aquí.
muchas gracias, recien inicio con esto y no conocia inkscape, esta muy bueno
me parece una pagina muy interesante pero me interesaria saber el programa equivalente a dreamweaver en ubuntu…
yo uso Aptana con el plug-in de php si es que es un sitio dinámico, no uso todas las librerias, solo jquery pero se que en algun momento jugaré mas con ruby on rails, pero el hecho de basarse en eclipse le da muchas ventajas.
@leslie como bien menciona el autor, los wysiwyg (tipo dreamweaver) generarán codigo por ti que muchas veces será muy complicado modificar asi que es mejor empezar con tu propio codigo, siempre siguiendo los estandares claro.
Hola @christianh (tocayo) pues alguna vez use Aptana, ahora ultimo lo volví a tocar pero esta vez con el Plugin para desarrollo con Adobe Air. Claro que todo en ubuntu y me fue bien, apenas tenga tiempo seguiré revisando esta tecnología.
Gracias por tu comentario.
Inkscape es una buenisima alternativa a Fireworks y illustrator si no tienes bastante dinero y presupuesto para comprarte sus costosas licencias..
Saludos.
Hola.. un saludo desde Mexico, excelente diseño del portal, en realidad recien estoy buscando alternativas en mundo libre para desarrollo web.
La pregunta concreta es, que software especifico de linux hace algo parecido a Dreamweaver 2004 en adelante..
Muchisimas gracias de antemano..
Alfon
hola estoy buscando un programa para diseño web, que tal es el Kompozer? lei en su web que tiene soporte HTML CSS y JavaScript, la pregunta es ¿Saben si tambien lo tiene para PHP? y si tiene ayuda tipo Intellicense del visual estudio o como el Dreamweaver? eso facilitaria la codificación.
De ante mano gracias por sus respuestas.
Salud2.
¿De verdad todas esas páginas las hiciste a código limpio? ¿Sólo con gedit e Inkscape? Eres un genio then! Felicidades por el website, tiene un diseño elegante y cómodo a la vista…
De todas formas seguí tu consejo y aunque tengo Kompozer he optado por manejar el código a mano, tengo conocimientos de HTML muy básicos, pero por ahora me puedo defender… Pero tengo una pregunta, ¿Como te manejas con los CSS? Quiero hacer una galería de imágenes… Y me estoy partiendo la cabeza y no nada… :S Si pudieras ayudarme con eso fuera un éxito… Gracias!
Algo así estaba buscando, ya que me quiero tener como opciones otros software en relación a diseño y desarrollo.
Tu comentas que en cuanto a código lo haces con el gedit; Si pudieras recomendar alguno de los mencionados en tu articulo, ¿Cual mencionarías?
Saludos @alfon, quizás Quanta Plus sea lo que buscas aunque te recomiendo que vayas por editores planos.
@ares3ag creo que un buen editor como gedit te ayudará bastante.
@Lukas gracias pero no soy un genio, ese es el modo estándar en que trabajan los diseñadores hoy en día, se debe cuidar mucho la elaboración del sitio web y para esto nada mejor que verle las tripas a tu criatura.
@Carlos gedit+inkscape+gimp+firefox(extensiones firebug, web developer), y creo que con eso tienes para empezar
Gracias por la Respuesta. Hay una duda, pero me la acabo de responder, aunque creo que quiza lo resolviste de la misma forma, ¿Para probar tu sitio en IE 7 y 8? yo he pensado en Wine o alguno similar.
claro @carlos, esa es una buena alternativa, quizás podrías probar playonlinux que facilita algo las cosas, también esta la opción de instalar una maquina virtual. Todo depende de como te sientas más comodo.
saludos