El editor de código de Bluefish es una aplicación que se usa para desarrollar páginas web y scripts. No es un editor WYSIWYG. Bluefish es una herramienta que se utiliza para editar el código desde el que se crea una página web o un script. Está destinado a programadores que tienen conocimientos sobre cómo escribir código HTML y CSS y tienen modos para trabajar con los lenguajes de scripts más comunes, como PHP y Javascript, así como con muchos otros. El propósito principal del editor de Bluefish es facilitar la codificación y reducir los errores. Bluefish es un software gratuito y de código abierto y hay versiones disponibles para Windows, Mac OSX, Linux y otras plataformas similares a Unix. La versión que estoy usando en este tutorial es Bluefish en Windows 7.
La interfaz de Bluefish
La interfaz de Bluefish está dividida en varias secciones. La sección más grande es el panel de edición y aquí es donde puede editar directamente su código. En el lado izquierdo del panel de edición se encuentra el panel lateral, que realiza las mismas funciones que un administrador de archivos, lo que le permite elegir los archivos en los que desea trabajar y renombrar o eliminar archivos.
La sección del encabezado en la parte superior de las ventanas de Bluefish contiene varias barras de herramientas, que se pueden mostrar u ocultar a través del menú Ver.
Las barras de herramientas son la barra de herramientas principal, que contiene botones para realizar funciones comunes como guardar, copiar y pegar, buscar y reemplazar, y algunas opciones de sangría de código. Notará que no hay botones de formato como negrita o subrayado.
Eso es porque Bluefish no da formato al código, es solo un editor. Debajo de la barra de herramientas principal se encuentra la barra de herramientas HTML y el menú de fragmentos. Estos menús contienen botones y submenús que puede usar para insertar automáticamente el código para la mayoría de los elementos y funciones del idioma.
Usando la barra de herramientas HTML en Bluefish
La barra de herramientas HTML en Bluefish está organizada por pestañas que separan las herramientas por categoría. Las pestañas son:
- Barra rapida - puede fijar otras herramientas en esta pestaña para los elementos que usa con frecuencia.
- HTML 5 - le da acceso a etiquetas y elementos comunes en HTML 5.
- Estándar - En esta pestaña se accede a las opciones comunes de formato HTML.
- Formateo - Las opciones de formato menos comunes se encuentran aquí.
- Mesas - varias funciones de generación de tablas, incluyendo un asistente de tablas.
- Lista - Herramientas para generar listas ordenadas, desordenadas y de definición.
- CSS - Las hojas de estilo se pueden crear desde esta pestaña, así como el código de diseño.
- Formas - Los elementos de formulario más comunes se pueden insertar desde esta pestaña.
- Fuentes - Esta pestaña tiene accesos directos para trabajar con fuentes en HTML y CSS.
- Marcos - Las funciones más comunes para trabajar con formularios.
Al hacer clic en cada pestaña, los botones relacionados con la categoría relevante aparecerán en la barra de herramientas debajo de las pestañas.
03 de 04Usando el menú de fragmentos en Bluefish
Debajo de la barra de herramientas HTML hay un menú llamado barra de fragmentos. Esta barra de menú tiene submenús relacionados con una variedad de lenguajes de programación. Cada elemento en el menú inserta código comúnmente usado, como documentos de HTML y metainformación, por ejemplo.
Algunos de los elementos del menú son flexibles y generan código dependiendo de la etiqueta que desee utilizar. Por ejemplo, si desea agregar un bloque de texto preformateado a una página web, puede hacer clic en el menú HTML en la barra de fragmentos y elegir el elemento de menú "cualquier etiqueta emparejada".
Al hacer clic en este elemento, se abre un cuadro de diálogo que le solicita que ingrese la etiqueta que desea usar. Puede ingresar "pre" (sin los corchetes angulares) y Bluefish inserta una etiqueta de apertura y cierre "pre" en el documento:
.
04 de 04
Otras características de Bluefish
Si bien Bluefish no es un editor WYSIWYG, tiene la capacidad de permitirle obtener una vista previa de su código en cualquier navegador que tenga instalado en su computadora. También admite la finalización automática de código, el resaltado de sintaxis, las herramientas de depuración, un cuadro de salida de script, complementos y plantillas que pueden brindarle un buen comienzo para crear documentos con los que trabaja con frecuencia.
