Programas para crear paginas Web en Linux
Hay dos tipos de editores HTML: los editores de texto y los WYSIWYG (What You See Is What You Get – Lo Que Ves Es Lo Que Obtienes).
Los editores HTML de texto son por lo general bastante simples, un editor de texto con funcionalidades añadidas como el coloreado de sintaxis, mientras que los editores WYSIWYG nos permiten desarrollar una página web viendo directamente el resultado final, sin que nosotros veamos nada de código HTML.
Quanta Plus
Quanta es un editor web desarrollado para el escritorio KDE. Soporta una multitud de lenguajes como HTML, Javascript, CSS, PHP, SQL, XML, ColdFusion, Perl, DTML, Zope o C++, lo que hace que hoy por hoy sea uno de los editores más utilizados en el desarrollo de páginas web en Linux.
Este editor es un híbrido entre un editor web de texto y uno WYSIWYG o VPL (Visual Page Layout) ya que nos permite tanto hacer la página viendo el resultado final como directamente desde código.
sudo apt-get install quanta
Bluefish
Bluefish es otro potente editor web, muy similar a Quanta en características pero desarrollado para el escritorio GNOME, que utiliza las librerías GTK2. Al igual que Quanta, soporta una multitud de lenguajes tales como HTML, Javascript, CSS, PHP, Java, JSP, C, SQL, ColdFusion, XML, Perl, o Python entre otros.
Este editor al contrario que Quanta, es solo de texto. Es por ello que está destinado más a webmasters con experiencia, convirtiéndose a la vez en una herramienta deaprendizaje del lenguaje HTML para usuarios nóveles.
sudo apt-get install bluefish
Nvu
Es una alternativa de código abierto seria a aplicaciones propietarias como Macromedia Dreamweaver. Soporta lenguajes como HTML, CSS, Javascript, PHP, ASP o JSP.
Este editor también es un híbrido, aunque está más orientado a funcionar como editor WYSIWYG, nos permite modificar la página web desde código. Quizás sea el mejor editor web para usuarios nóveles, debido a su avanzado WYSIWYG y a la ayuda de los usuarios que tiene detrás en sus foros.
KompoZer
KompoZer es un editor HTML WYSIWYG basado en Nvu. Es mayormente mantenido por una comunidad de usuarios, la misma que bifurcó el proyecto.
En marzo de 2007 fue comentado en Download.com, que lo consideró una de las mejores alternativas libres a Adobe CS3, y lo comparó favorablemente con Adobe Dreamweaver.
sudo apt-get install kompozer
Screem
Este discreto editor web desarrollado para GNOME es muy completo para el tamaño que ocupa. No tiene nada que envidiar a otros editores web de texto, tiene todo lo necesario para hacer que el desarrollo de nuestra página web en HTML, CSS y Javascript sea más fácil.
Este editor es de tipo texto, en su propia página web señalan que no se trata de un editor WYSIWYG ya que éstos no crean un código HTML “limpio”, lo que puede hacer que nuestra web no se vea correctamente desde todos los navegadores, al no seguir el estándar.
Aptana
Utiliza un IDE centrado en JavaScript, pensado para el diseño dinámico de sitios web. Implementa un asistente de código para JavaScript, HTML y CSS, en el que se incluyen también varias funciones predefinidas en JavaScript. Permite la observación del código incluido en una pequeña imagen emergente (snapshot). Incluye los protocolos FTP y SFTP para subir archivos al servidor y realizar sincronizaciones con nuestro ordenador. Implementa también un depurador de código.
Descarga
Aptana 2
Aptana 3 (beta)
Web Developer Tools (WDT)
es un conjunto de utilidades que ayudan a controlar y crear páginas web.Se compone de varias herramientas tanto online como offline.
Algunas de ellas son:
Compresor Javascript
Compresor CSS
Generador de botones
Administrador de colores
Terminal VTE
Editor HTML 5
Gestor de tareas
Herramienta para minimizar JS
Analizador de sitios web (Yslow+PageSpeed)
Y muchas más.
Descarga .Deb
http://www.ubuntips.com.ar/2011/03/27/web-developer-tools-2-6-6
Geany, un IDE multiplataformas
(a sugerencia de gamingtk , 8MoCoSo7)
es un entorno de desarrollo integrado (IDE) construido a partir de las librerías GTK2 que soporta la programación en un gran número de lenguajes, entre los que se encuentran C, C++, C#, Fortran, HTML, Java, JavaScript, PHP, Perl, Pascal, Python, Ruby, SQL, LaTeX o Diff.
sudo apt-get install geany
P.D: Es absolutamente necesario instalarlo junto con el metapaquete build-essential, de lo contrario, es posible que ni siquiera se pueda compilar.
Para hacerlo, basta con escribir:
sudo apt-get install build-essential
Y para instalarlo con todos los plugins nuevos:
sudo apt-get install geany-plugins geany-plugins-common
Editores de texto con funcionalidad de editores HTML
Además de los ya mencionados editores HTML, tenemos otros editores de texto que nos pueden servir como editores HTML, incorporando funciones como el coloreado de sintaxis. Esto tiene la ventaja de que podemos desarrollar nuestra página web sin necesidad de instalar ningún editor externo, tan sólo con los que vienen ya incluídos en nuestra distro de Linux favorita.
A continuación, vamos a ver unos cuantos, tanto para consola como para el escritorio.
Para la consola tenemos:
Vim: Este sencillo, pero potente editor de texto tiene la función de coloreado de sintaxis, que se activa tecleando “:syntax on” mientras se visualiza el fichero a editar. Esto activará el coloreado de sintaxis para este script, si queremos que se active siempre por defecto, tenemos que editar el fichero de configuración de vim, /etc/.vimrc y añadir al final “syntax on”.
Emacs: El eterno rival de Vim y quizás el editor de texto más completo disponible para Linux, soporta también el coloreado de sintaxis para casi todos los lenguajes de programación conocidos. Para activar el coloreado de sintaxis, abrimos el fichero a editar y vamos a Options–>Syntax Highlighting.
Para el escritorio tenemos los siguientes editores de texto:
Gedit: El editor de texto del escritorio GNOME. El coloreado de sintaxis se activará automáticamente cuando abramos el fichero a editar, según la extensión que tenga. Soporta HTML, C, C++, Java, XML, Python y Perl entre otros.
Nedit: Al igual que Gedit, el coloreado de sintaxis se activa automáticamente al abrir un fichero según la extensión. Los lenguajes que soporta son: HTML, C, C++, Java, Ada, Fortran, Pascal, Yacc, Perl, Python, Tcl, Csh, Awk, LaTeX, VHDL, Verilog y más. Como vemos, Nedit es un gran editor de texto para programadores.
Kate: El editor de texto del escritorio KDE. El coloreado de sintaxis también se activa automáticamente, aunque podemos cambiar el highlight utilizado en cualquier momento. Este editor es utilizado por grandes aplicaciones, como el editor HTML Quanta o Kdevelop (IDEde KDE). Soporta HTML, CSS, Java-script, XML, ASP, C, C++, JSP o PostScript entre muchos otros
Gracias a: Fernando Fdez.
Hay dos tipos de editores HTML: los editores de texto y los WYSIWYG (What You See Is What You Get – Lo Que Ves Es Lo Que Obtienes).
Los editores HTML de texto son por lo general bastante simples, un editor de texto con funcionalidades añadidas como el coloreado de sintaxis, mientras que los editores WYSIWYG nos permiten desarrollar una página web viendo directamente el resultado final, sin que nosotros veamos nada de código HTML.
Quanta Plus
Quanta es un editor web desarrollado para el escritorio KDE. Soporta una multitud de lenguajes como HTML, Javascript, CSS, PHP, SQL, XML, ColdFusion, Perl, DTML, Zope o C++, lo que hace que hoy por hoy sea uno de los editores más utilizados en el desarrollo de páginas web en Linux.
Este editor es un híbrido entre un editor web de texto y uno WYSIWYG o VPL (Visual Page Layout) ya que nos permite tanto hacer la página viendo el resultado final como directamente desde código.
sudo apt-get install quanta
Bluefish
Bluefish es otro potente editor web, muy similar a Quanta en características pero desarrollado para el escritorio GNOME, que utiliza las librerías GTK2. Al igual que Quanta, soporta una multitud de lenguajes tales como HTML, Javascript, CSS, PHP, Java, JSP, C, SQL, ColdFusion, XML, Perl, o Python entre otros.
Este editor al contrario que Quanta, es solo de texto. Es por ello que está destinado más a webmasters con experiencia, convirtiéndose a la vez en una herramienta deaprendizaje del lenguaje HTML para usuarios nóveles.
sudo apt-get install bluefish
Nvu
Es una alternativa de código abierto seria a aplicaciones propietarias como Macromedia Dreamweaver. Soporta lenguajes como HTML, CSS, Javascript, PHP, ASP o JSP.
Este editor también es un híbrido, aunque está más orientado a funcionar como editor WYSIWYG, nos permite modificar la página web desde código. Quizás sea el mejor editor web para usuarios nóveles, debido a su avanzado WYSIWYG y a la ayuda de los usuarios que tiene detrás en sus foros.
KompoZer
KompoZer es un editor HTML WYSIWYG basado en Nvu. Es mayormente mantenido por una comunidad de usuarios, la misma que bifurcó el proyecto.
En marzo de 2007 fue comentado en Download.com, que lo consideró una de las mejores alternativas libres a Adobe CS3, y lo comparó favorablemente con Adobe Dreamweaver.
sudo apt-get install kompozer
Screem
Este discreto editor web desarrollado para GNOME es muy completo para el tamaño que ocupa. No tiene nada que envidiar a otros editores web de texto, tiene todo lo necesario para hacer que el desarrollo de nuestra página web en HTML, CSS y Javascript sea más fácil.
Este editor es de tipo texto, en su propia página web señalan que no se trata de un editor WYSIWYG ya que éstos no crean un código HTML “limpio”, lo que puede hacer que nuestra web no se vea correctamente desde todos los navegadores, al no seguir el estándar.
Aptana
Utiliza un IDE centrado en JavaScript, pensado para el diseño dinámico de sitios web. Implementa un asistente de código para JavaScript, HTML y CSS, en el que se incluyen también varias funciones predefinidas en JavaScript. Permite la observación del código incluido en una pequeña imagen emergente (snapshot). Incluye los protocolos FTP y SFTP para subir archivos al servidor y realizar sincronizaciones con nuestro ordenador. Implementa también un depurador de código.
Descarga
Aptana 2
Aptana 3 (beta)
Web Developer Tools (WDT)
es un conjunto de utilidades que ayudan a controlar y crear páginas web.Se compone de varias herramientas tanto online como offline.
Algunas de ellas son:
Compresor Javascript
Compresor CSS
Generador de botones
Administrador de colores
Terminal VTE
Editor HTML 5
Gestor de tareas
Herramienta para minimizar JS
Analizador de sitios web (Yslow+PageSpeed)
Y muchas más.
Descarga .Deb
http://www.ubuntips.com.ar/2011/03/27/web-developer-tools-2-6-6
Geany, un IDE multiplataformas
(a sugerencia de gamingtk , 8MoCoSo7)
es un entorno de desarrollo integrado (IDE) construido a partir de las librerías GTK2 que soporta la programación en un gran número de lenguajes, entre los que se encuentran C, C++, C#, Fortran, HTML, Java, JavaScript, PHP, Perl, Pascal, Python, Ruby, SQL, LaTeX o Diff.
sudo apt-get install geany
P.D: Es absolutamente necesario instalarlo junto con el metapaquete build-essential, de lo contrario, es posible que ni siquiera se pueda compilar.
Para hacerlo, basta con escribir:
sudo apt-get install build-essential
Y para instalarlo con todos los plugins nuevos:
sudo apt-get install geany-plugins geany-plugins-common
Editores de texto con funcionalidad de editores HTML
Además de los ya mencionados editores HTML, tenemos otros editores de texto que nos pueden servir como editores HTML, incorporando funciones como el coloreado de sintaxis. Esto tiene la ventaja de que podemos desarrollar nuestra página web sin necesidad de instalar ningún editor externo, tan sólo con los que vienen ya incluídos en nuestra distro de Linux favorita.
A continuación, vamos a ver unos cuantos, tanto para consola como para el escritorio.
Para la consola tenemos:
Vim: Este sencillo, pero potente editor de texto tiene la función de coloreado de sintaxis, que se activa tecleando “:syntax on” mientras se visualiza el fichero a editar. Esto activará el coloreado de sintaxis para este script, si queremos que se active siempre por defecto, tenemos que editar el fichero de configuración de vim, /etc/.vimrc y añadir al final “syntax on”.
Emacs: El eterno rival de Vim y quizás el editor de texto más completo disponible para Linux, soporta también el coloreado de sintaxis para casi todos los lenguajes de programación conocidos. Para activar el coloreado de sintaxis, abrimos el fichero a editar y vamos a Options–>Syntax Highlighting.
Para el escritorio tenemos los siguientes editores de texto:
Gedit: El editor de texto del escritorio GNOME. El coloreado de sintaxis se activará automáticamente cuando abramos el fichero a editar, según la extensión que tenga. Soporta HTML, C, C++, Java, XML, Python y Perl entre otros.
Nedit: Al igual que Gedit, el coloreado de sintaxis se activa automáticamente al abrir un fichero según la extensión. Los lenguajes que soporta son: HTML, C, C++, Java, Ada, Fortran, Pascal, Yacc, Perl, Python, Tcl, Csh, Awk, LaTeX, VHDL, Verilog y más. Como vemos, Nedit es un gran editor de texto para programadores.
Kate: El editor de texto del escritorio KDE. El coloreado de sintaxis también se activa automáticamente, aunque podemos cambiar el highlight utilizado en cualquier momento. Este editor es utilizado por grandes aplicaciones, como el editor HTML Quanta o Kdevelop (IDEde KDE). Soporta HTML, CSS, Java-script, XML, ASP, C, C++, JSP o PostScript entre muchos otros
Gracias a: Fernando Fdez.