Instalando o Blue Griffon no Ubuntu: o “DreamWeaver do Linux”

Captura de tela de 2013-03-04 11_42_36
Share
banner

Desde que eu decidi migrar de vez para o mundo Linux (e isso faz tempo… rs), tomei a postura de tentar extinguir as possibilidades de aplicações para Linux antes de tentar “emular” algum software de Windows (com Wine ou Play On Linux), afim de executar alguma tarefa específica.

Dentro desta ideia, hoje eu vou lhes apresentar o Blue Griffon: o Dreamweaver do mundo Linux.

Ele é um poderoso editor HTML que, assim como o Blue Fish e o Aptana, servem de plataforma de desenvolvimento web para usuários Linux. Porém o seu principal diferencial, e dai o motivo de ser chamado “Dreamweaver do Linux“, é ser um editor  WYSIWYG – “What You See Is What You Get” e quer dizer “O que você vê é o que você obtém”, ou seja, você pode desenvolver uma página web sem saber nada (ou quase nada) de HTML.

O Blue Griffon é um editor de multi-plataforma  que permite criar e editar arquivos de formatos HTML (HTML 4, XML, XHTML e HTML 5) , bem como arquivos de CSS3,  com a opção de adicionar imagens, assim como faz o Dreamweaver.

Instalação

O Blue Griffon está disponível para as principais distribuições Linux, assim como para Windows e Mac. Existem diversos tutoriais na internet (como este e este) que vão abordar a instalação do Griffon através de pacotes .DEB, porém a última versão da aplicação só foi disponibilizada em pacotes “TarBall”. Vamos lá:

Acesse a página de downloads e baixe o pacote específico para sua versão/distribuição/arquitetura. Note que para o Ubuntu, a página cita o Ubuntu 12.04, porém o Blue Griffon pode ser instalado normalmente no 12.10 e 13.04.

Após o download, abra seu terminal e execute os seguintes comandos:

cd Downloads

sudo mv bluegriffon* /opt

cd /opt

sudo tar -jxvf bluegriffon*

cd bluegriffon

Ok. Até este momento a instalação ocorreu de forma comum para qualquer distribuição, e à partir daqui iremos realizar alguns procedimentos específicos para o Ubuntu. Vamos lá:

Vamos criar um script para execução do Blue Griffon:

sudo gedit /usr/bin/bluegriffon

Cole o código abaixo nele.

#!/bin/sh
#export MOZILLA_FIVE_HOME=”/usr/lib/mozilla/”
export BLUEGRIFFON_HOME=”/optbluegriffon”
$BLUEGRIFFON_HOME/bluegriffon $*

Agora vamos dar permissões corretas para o arquivo:

sudo chmod 755 /usr/bin/bluegriffon
sudo chmod -R +r /opt/bluegriffon
sudo chmod +x `sudo find /opt/bluegriffon -type d`

Vamos criar um atalho legal para o nosso Blue Griffon, porém antes clique aqui para fazer o download do ícone do programa. Após o download, rode o comando a seguir:

sudo gedit /usr/share/applications/bluegriffon.desktop

cole o código abaixo:

[Desktop Entry]
Encoding=UTF-8
Name=Blue Griffon
Comment=IDE for Web Development
Exec=/opt/bluegriffon/bluegriffon
Icon=/opt/bluegriffon/bluegriffon128.png
Terminal=false
Type=Application
Categories=GNOME;Application;Development;
StartupNotify=true

Pronto! Basta procurar por blue no Dash e abrir o Blue Griffon.

Digite blue no Dash do Unity para procurar pelo Blue Griffon

Digite blue no Dash do Unity para procurar pelo Blue Griffon

Abaixo temos algumas imagens da aplicação em funcionamento e um vídeo, demonstrando como inserir imagens em uma página de forma visual. Divirta-se!

Este slideshow necessita de JavaScript.

 

PUBLICIDADE


Quer continuar por dentro das novidades do Blog Seja Livre? Siga o nosso perfil no TWITTER, curta a nossa página no FACEBOOK ou adicione o Blog Seja Livre nos seus círculos do GOOGLE+. Se você usa ORKUT, nós também estamos lá, inclusive no IDENTI.CA e Linkedin.

Sobre o Autor

Blogueiro, fundador do Blog Seja Livre, Nerd inveterado, louco por Linux e músico nas horas vagas. Atualmente é o Editor Chefe, Consultor de SEO e Webdesign do Seja Livre, e possui algumas certificações em Linux e Administração de Redes. É usuário Ubuntu e membro do LoCo Team Ubuntu-BR-SP e da Comunidade Ubuntu-BR.

  • jonathan rocha

    Bom dia, não consegui fazer o atalho funcionar no meu Ubuntu 14.04 TLS.
    Fiz todos os procedimentos descritos, porém aparece a seguintes mensagens.

    no terminal:
    (process:20748): GLib-CRITICAL **: g_slice_set_config: assertion ‘sys_page_size == 0′ failed
    Error: Access was denied while trying to open files in your profile directory.

    E na parte de interface:
    Your BlueGriffon profile cannot be loaded. It may be missing or inaccessible.

    Alguém poderia me ajudar?

    O engraçado que se eu entrar na pasta cd /opt/bluegriffon e digitar o comando:
    sudo ./bluegriffon

    abre normalmente o programa, porém quero só clicar no atalho e o mesmo funcionar como faço isto?
    =D

  • Dorgelo Matos

    Excelente dica! Parabéns pelo Blog.
    Virei frequentador assíduo.

  • Pingback: Instalando o Bluegriffon via PPA no Ubuntu e Linux Mint [DreamWeaver do Linux] | Blog Seja Livre()

  • Jonatas Miranda Gama

    Instalei no Fedora 20, ficou bom ,porém ocorreram alguns erros ao editar arquivos .php mas no geral gostei dele. Parabéns e obrigado pelas dicas.

  • http://www.flizer.com.br Elias

    Muito bom Vinicios
    Era o que eu queria a um tempo a atráz.

    O passo a passo funcionou do começo ao fim.

    obrigado.

  • Alessandro Freire

    Muito obrigado, funcionou perfeitamente, ótimo software.

  • Abdenago Neto

    Funcionou perfeito!

  • Anndrey Francys

    Instalei no Pear OS 8, funcionou perfeitamente. Obrigado.

    • jonathan rocha

      Bom dia, não consegui fazer o atalho funcionar no meu Ubuntu 14.04 TLS.
      Fiz todos os procedimentos descritos, porém aparece a seguintes mensagens.

      no terminal:
      (process:20748): GLib-CRITICAL **: g_slice_set_config: assertion ‘sys_page_size == 0′ failed
      Error: Access was denied while trying to open files in your profile directory.

      E na parte de interface:
      Your BlueGriffon profile cannot be loaded. It may be missing or inaccessible.

      Alguém poderia me ajudar?

      O engraçado que se eu entrar na pasta cd /opt/bluegriffon e digitar o comando:
      sudo ./bluegriffon

      abre normalmente o programa, porém quero só clicar no atalho e o mesmo funcionar como faço isto?

  • Eder Dias Ribeiro

    eu não consegui instalar a imagem no icone como faço

    • Eduardo Borges

      Tens que copiar para a pasta onde instalou o blue-griffon. Use o sudo caso não tenha permissão.

      “sudo mv bluegriffon128.png /opt/bluegriffon”