O editor de código da Bluefish é um aplicativo usado para desenvolver páginas da Web e scripts. Não é um editor WYSIWYG. O Bluefish é uma ferramenta usada para editar o código do qual uma página da Web ou script é criado. Ele é destinado a programadores que têm conhecimento de como escrever código HTML e CSS e tem modos de trabalhar com as linguagens de script mais comuns, como PHP e Javascript, além de muitas outras. O principal objetivo do editor Bluefish é facilitar a codificação e reduzir os erros. Bluefish é um software livre e de código aberto e versões estão disponíveis para Windows, Mac OSX, Linux e várias outras plataformas semelhantes a Unix. A versão que estou usando neste tutorial é o Bluefish no Windows 7.
A interface do Bluefish
A interface do Bluefish é dividida em várias seções. A maior seção é o painel de edição e é onde você pode editar diretamente seu código. No lado esquerdo do painel de edição está o painel lateral, que executa as mesmas funções de um gerenciador de arquivos, permitindo que você escolha os arquivos que deseja trabalhar e renomeie ou exclua arquivos.
A seção de cabeçalho na parte superior das janelas do Bluefish contém várias barras de ferramentas, que podem ser mostradas ou ocultadas através do menu Exibir.
As barras de ferramentas são a barra de ferramentas principal, que contém botões para executar funções comuns como salvar, copiar e colar, pesquisar e substituir e algumas opções de recuo de código. Você notará que não há botões de formatação, como negrito ou sublinhado.
Isso porque a Bluefish não formata código, é apenas um editor. Abaixo da barra de ferramentas principal está a barra de ferramentas HTML e o menu de trechos. Esses menus contêm botões e submenus que você pode usar para inserir automaticamente o código para a maioria dos elementos e funções de linguagem.
Usando a barra de ferramentas HTML no Bluefish
A barra de ferramentas HTML no Bluefish é organizada por guias que separam as ferramentas por categoria. As guias são:
- Barra Rápida - você pode fixar outras ferramentas nessa guia para itens que você usa com frequência.
- HTML 5 - fornece acesso a tags e elementos comuns no HTML 5.
- Padrão - Opções comuns de formatação HTML são acessadas nesta guia.
- Formatação - menos opções de formatação comuns são encontradas aqui.
- Tabelas - várias funções geradoras de tabelas, incluindo um assistente de tabela.
- Lista - ferramentas para gerar listas ordenadas, não ordenadas e de definição.
- CSS - Folhas de estilo podem ser criadas a partir desta guia, bem como código de layout.
- Formulários - Os elementos de formulário mais comuns podem ser inseridos nessa guia.
- Fontes - esta aba tem atalhos para trabalhar com fontes em HTML e CSS.
- Quadros - as funções mais comuns para trabalhar com formulários.
Clicar em cada guia fará com que os botões relacionados à categoria relevante apareçam na barra de ferramentas abaixo das guias.
03 de 04Usando o menu de trechos em Bluefish
Abaixo da barra de ferramentas HTML, há um menu chamado barra de trechos. Esta barra de menu possui submenus relacionados a diversas linguagens de programação. Cada item no menu insere um código comumente usado, como doctypes HTML e meta-informações, por exemplo.
Alguns dos itens de menu são flexíveis e geram código dependendo da tag que você deseja usar. Por exemplo, se você deseja adicionar um bloco de texto pré-formatado a uma página da Web, pode clicar no menu HTML na barra de trechos e escolher o item de menu "qualquer tag emparelhada".
Clicar nesse item abre uma caixa de diálogo que solicita que você insira a tag que deseja usar. Você pode inserir "pre" (sem os colchetes angulares) e a Bluefish insere uma tag de abertura e fechamento "pre" no documento:
.
04 de 04
Outras características do Bluefish
Embora o Bluefish não seja um editor WYSIWYG, ele permite que você visualize seu código em qualquer navegador que você tenha instalado no seu computador. Ele também suporta autocompletar de código, destaque de sintaxe, ferramentas de depuração, uma caixa de saída de script, plugins e modelos que podem dar a você um salto inicial para a criação de documentos com os quais você trabalha frequentemente.
