Página principal
| Foro de MundoPC.NET Foros de ayuda | Mapa Web Mapa del sitio  
 | ¡Intercambio de enlaces! |
¿Qué opinas?

¿Qué sistema móvil usas?

Ver resultados

Loading ... Loading ...
Archivos

Desarrollo de páginas web en Linux


Recuerda que puedes obtener ayuda sobre Linux en nuestro Foro de Soporte.

Artículo original de: Linux+DVD
Autor: Iván Alcaraz
El autor es estudiante de informática y usuario de GNU/Linux desde 2002, especializandose en la administración de sistemas y en la programación en .NET con Mono.
Se le puede escribir a la dirección: ivanalcaraz (arroba) gmail.com[ivanalcaraz arroba gmail.com]

En las próximas páginas encontraremos…

Página 1:
¿Qué es lo que necesitamos para desarrollar webs?
Quanta Plus.

Página 2:
Bluefish

Página 3:
Nvu

Página 4:
Screem

Página 5:
Comparativa
Resumen
Otros editores HTML
Editores de texto con funcionalidad de edición HTML

Página 6:
Otras herramientas para webmasters
Conclusiones

¿Qué es lo que necesitamos para desarrollar webs?

Un editor web es una aplicación que facilita la creación de páginas web. Inicialmente se pensaron para crear páginas web en HTML, pero hoy en día la gran mayoría soportan otros lenguajes como Javascript o CSS, incluso hay algunos, como los que vamos a ver en este artículo, que soportan PHP. A los editores web se les suelen llamar editores HTML, a pesar de lo dicho anteriormente.

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.
La decisión de usar un tipo de editor u otro forma parte de los gustos de cada desarrollador, si bien es verdad que una página creada por nosotros mediante un editor HTML de texto nos va a salir más optimizada que otra, echa con un editor WYSIWYG, ya que éstos últimos suelen insertar “código basura”.

En este artículo vamos a ver principalmente 4 editores HTML: Quanta Plus, Blue-fish, Nvu y Screem. Todos ellos software libre.

Comentario sobre las instalaciones de los editores
Tenemos disponibles los paquetes binarios para algunas distribuciones como Debian, Ubuntu (basadas en binarios deb), Mandriva o Fedora Core (basadas en binarios rpm), sólo es cuestión de buscarlos. Si no sabes por donde empezar a buscar, te aconsejo visitar estas páginas:

http://www.rpmfind.net
http://packa-ges.ubuntu.org
http://packages.debian.org

También podemos utilizar un sistema de gestión de paquetes como APT para instalarlos, esto nos resolverá los problemas de dependencias.

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.

Figura 1. Quanta Plus

Figura 1. Quanta Plus

Características
Quanta nos ofrece multitud de funcionalidades, vamos a mencionar las más interesantes:

  • Coloreado de sintaxis para todos los lenguajes soportados.
  • Cliente FTP integrado para colgar nuestra página de una manera fácil y rápida.
  • Cajas de diálogos contextuales, donde podremos elegir las etiquetas HTML que queremos utilizar.
  • Excelente navegador de directorios integrado, con el que accederemos a nuestros ficheros fácilmente.
  • Completo panel de previsualización en el que podremos ver nuestro resultado final.
  • Validador HTML integrado en la propia aplicación.
  • Soporte de extensiones/plugins para añadir funcionalidades extra.
  • Gran integración con el escritorio KDE, al estar desarrollado para él, lo que nos permitirá trabajar más a gusto con la aplicación si este es el escritorio que utilizamos.

La instalación es muy sencilla, el único requisito que necesitamos es tener las librerías de KDE instaladas. Si nuestro escritorio es KDE ya debemos tenerlas instaladas, en caso negativo, deberemos de instalar el paquete kdebase.
Teniendo ya todas las librerías necesarias instaladas, el proceso de instalación de Quanta desde código fuente es muy sencillo. Lo primero que hacemos es descargarnos de la web oficial de Quanta el fichero disponible en la sección Downloads. Lo descomprimimos y lo instalamos siguiendo el método genérico de una instalación de una aplicación en Linux.
Los comandos precedidos del signo del dólar son los comandos que debemos ejecutar como usuario, mientras que los que van con la almohadilla los tenemos que teclear como root:

$ tar xvfj kdewebdev-3.5.2.tar.bz2
$ cd kdewebdev-3.5.2
$ su root
Password:
# ./configure
# make
# make install

Y si todo ha ido bien ya deberíamos tenerlo instalado, lo ejecutamos mediante el comando “quanta” y listo.

Extensiones – Plugins
Quanta tiene soporte para añadir extensiones/plugins al editor, añadiéndole a éste funciones extra.
Podemos instalarlas en el menú Settings–>Configure Plugins…, aquí nos da la posibilidad de añadir, configurar o quitar plugins.
Por defecto vemos que nos trae unos cuantos, vamos a describirlos:

  • CVS Management (Cervisia): un front-end para CVS. Nos facilita el control de las distintas versiones.
  • KFileReplace: entre otras cosas, posibilita buscar múltiples líneas en múltiples ficheros y reemplazar con comodines.
  • KImageMapEditor: permite editar mapas de imagen para crear varias zonas de enlace en una misma imagen.
  • Konsole: nos permite tener una terminal konsole integrada en Quanta.
  • Link Checker: verifica que el documento HTML no tenga enlaces rotos.
  • XSLT Debugger: depurador de documen-tos XSLT.

Related Posts Plugin for WordPress, Blogger...
Actualizado el 22 noviembre 2010 - 9:40

2 comentarios para “Desarrollo de páginas web en Linux”

  • julio dice:

    Excelente esta in formacion ya vamos a trabajar con mejores herramientas, muy didactico esta inofrmacio9n continuen asi y adlente con los demas proyectos.

  • Metafaniel dice:

    Gracias por tu conciso y claro artículo. Ahora tengo varias herramientas para seguir trabajando con eficiencia ahora en Linux pudiéndome olvidar por fin de Güindous.

    Gracias y esperemos el proyecto UIRA madure pronto y nos ofrezca una alternativa a Flash en Linux. Salu2 ;)

Deja un comentario

Suscríbete

Recibe nuestro boletín

Escribe tu correo electrónico

¿Tienes dudas? Haz clic aquí

Visítanos en facebook Visítanos en twitter Suscríbete a nuestro Feed

Enlaces

¿Quieres intercambiar un enlace con MundoPC.NET ?

Haz clic en el botón y averigua cómo

MundoPC.NET
Cursos