O editor de código Bluefish é unha aplicación usada para desenvolver páxinas web e scripts. Non é un editor WYSIWYG. Bluefish é unha ferramenta usada para editar o código do que se creou unha páxina web ou script. Está destinado a programadores que teñen coñecemento de escribir código HTML e CSS e teñen modos de traballar coas linguas de script máis comúns como PHP e Javascript, así como moitos outros. O principal obxectivo do editor de Bluefish é facilitar a codificación e reducir os erros. Bluefish é software libre e de código aberto e as versións están dispoñibles para Windows, Mac OSX, Linux e varias outras plataformas como Unix. A versión que estou usando neste tutorial é Bluefish en Windows 7.
01 de 04
A interface Bluefish
A interface Bluefish. Cortesía en pantalla Jon Morin
A interface Bluefish está dividida en varias seccións. A sección máis grande é o panel de edición e aquí é onde podes editar o teu código directamente. No lado esquerdo do panel de edición está o panel lateral, que realiza as mesmas funcións que un xestor de ficheiros, o que lle permite seleccionar os ficheiros nos que desexa traballar e renomear ou eliminar arquivos.
A sección de cabeceira na parte superior das ventás de Bluefish contén varias barras de ferramentas, que se poden mostrar ou ocultar a través do menú Ver.
As barras de ferramentas son a barra de ferramentas principal, que contén botóns para realizar funcións comúns como gardar, copiar e pegar, buscar e reemplazar e algunhas opcións de indentación de código. Notarás que non hai botóns de formato como en negra ou subliñado.
Isto é porque Bluefish non ten formato de código, só é un editor. Abaixo, a barra de ferramentas principal é a barra de ferramentas HTML eo menú de fragmentos. Estes menús conteñen botóns e submenús que pode usar para inserir código automaticamente para a maioría dos elementos e funcións do idioma.
02 de 04
Usando a barra de ferramentas HTML en Bluefish
Usando a barra de ferramentas HTML en Bluefish. Cortesía en pantalla Jon Morin
A barra de ferramentas HTML en Bluefish está ordenada por separadores que separan as ferramentas por categoría. As pestanas son:
Barra rápida: pode engadir outras ferramentas a esta pestana para os elementos que usa con frecuencia.
HTML 5: dá acceso a etiquetas e elementos comúns en HTML 5.
Estándar: accédese ás opcións de formato HTML común nesta pestana.
Formato: aquí atoparás opcións de formato menos común.
Táboas - varias funcións xeradoras de táboas, incluído un asistente de táboa.
Lista: ferramentas para xerar listas ordenadas, non ordenadas e de definición.
CSS: pódense crear follas de estilo dende esta lingüeta, así como o código de deseño.
Formularios: pódense inserir elementos de formulario máis comúns desde esta lingüeta.
Fontes: esta lingüeta ten accesos directos para traballar con fontes en HTML e CSS.
Marcos: as funcións máis comúns para traballar con formularios.
Ao facer clic en cada pestana aparecerán botóns relacionados coa categoría relevante na barra de ferramentas debaixo das pestanas.
03 de 04
Usar o menú de fragmentos en Bluefish
Usar o menú de fragmentos en Bluefish. Cortesía en pantalla Jon Morin
Abaixo da barra de ferramentas HTML hai un menú chamado a barra de fragmentos. Esta barra de menú ten submenús relacionados con varios idiomas de programación. Cada elemento do menú insire o código que se utiliza habitualmente, como por exemplo as doctypes HTML e a meta información.
Algúns dos elementos do menú son flexibles e xeran código de acordo coa etiqueta que desexa usar. Por exemplo, se desexa engadir un bloque predefinido de texto a unha páxina web, pode facer clic no menú HTML na barra de fragmentos e seleccionar o elemento do menú "calquera etiqueta vinculada".
Ao facer clic neste elemento ábrese un diálogo que lle pide que ingrese a etiqueta que desexa usar. Pode introducir "pre" (sen os soportes angulares) e Bluefish insire unha etiqueta de apertura e de peche "pre" no documento:
.
04 de 04
Outras características de Bluefish
Outras características de Bluefish. Cortesía en pantalla Jon Morin
Aínda que o Bluefish non é un editor de WYSIWYG, ten a capacidade de permitirche ver o teu código en calquera navegador que teña instalado no teu computador. Tamén admite a finalización automática de código, o resaltado de sintaxe, as ferramentas de depuración, unha caixa de saída de script, complementos e modelos que poden darlle un salto de inicio para a creación de documentos cos que traballa con frecuencia.