Uma olhada no Bluegriffon, editor da web da Mozilla

Já faz um tempo desde que Paul te falou sobre ele. Ser um fiel servidor do clássico Anchova, Aproveitei o fato de ter que preparar os templates de um novo projeto para mexer nesse programa promissor.

Veremos suas funcionalidades em várias entradas. Para começar: hoje veremos como instalá-lo e quais opções seu assistente nos oferece.

Instalação do repositório

getdeb é um projeto de repositório de jogos e aplicativos bastante famoso no mundo GNU / Linux. Embora possamos baixar a pasta do programa do página do projeto, alguns acharão conveniente receber atualizações deste repositório.

Você pode executar todas essas etapas a partir do Ubuntu Software Center, Synaptic, Software Origins e outros gerenciadores gráficos para simplificar a instalação, mas como minha intenção é que você aprenda algo útil, inicie o terminal com 'ctrl + alt + T' e siga os passos.

1.- Nós adicionamos o repositório para nossa versão Ubuntu (no meu caso quantal-12.10, se você usar precise-12.04 você substitui o nome).

sudo add-apt-repository 'deb http://archive.getdeb.net/ubuntu quantal-getdeb apps'

    2.- Importamos a chave GPG do repositório.

      wget -q -OR- http://archive.getdeb.net/getdeb-archive.key | sudo apt-key add -

        3.- Atualizamos a lista de pacotes disponíveis para nosso sistema.

          sudo apt-get update

            4.- Instalamos o programa.

              sudo apt-get install bluegriffon

              Primeiro contato com Bluegriffon

              Desde o início podemos ver que o programa usa uma interface muito clara e nada sobrecarregado. Como todos os produtos Mozilla, apresenta a possibilidade de usar plugins ou add-ons para expandir suas funcionalidades.

              Como todos os editores "iniciais", o Bluegriffon fornece um assistente com o qual podemos gerar uma página / estrutura em um curto espaço de tempo. Vamos seguir passo a passo para terminar de verificar o que todos nós sabemos ... WYSIWYG é caro em termos de limpeza de código ...

              1.- Iniciaremos o assistente através do menu 'Arquivo> Novo assistente'. O primeiro passo será escolher o tipo de linguagem que vamos usar.

              2.- Vamos estabelecer as propriedades da página: título, idioma, caracteres, palavras-chave ...

              3.- Podemos usar as cores típicas ou definir as propriedades css para fundo, texto e links.

              4.- Também podemos estabelecer uma imagem de fundo, fixa, rolável ou em mosaico.

              5.- A parte mais poderosa do assistente nos permite distribuir linhas e colunas para saborear usando css. É um procedimento muito, muito rápido, mas muito perigoso em termos de limpeza do código. CSS é muito bom para estilos e uma infinidade de efeitos, mas como somos novatos, podemos montar um muito gordo que torna difícil lidar com o código resultante.

              6.- Vamos adicionar algumas linhas / colunas para ver como ele as trata ...

              7.- E aqui temos o resultado ...

              Bem, já descobrimos que ele adiciona o cabeçalho e o rodapé por conta própria. É um avanço. Se pressionarmos o botão do globo, podemos visualizar a página em nosso navegador (logicamente, ele nos pedirá para salvá-la antes). Se o tivermos definido, não haverá nenhum grande problema. Caso contrário, teremos que especificar onde está o executável (se você for novato: no GNU / Linux eles estão em '/ usr / bin').

              Ok, muito bom ... vamos ver o código resultante feliz ...

              REDIOS! (O que seria dito na minha terra ...). 400 linhas de CSS para uma tabela de 4 linhas. Por mais bonito, prático e modular que seja o CSS, não é a melhor maneira de fazer o layout. Mas acho que todos nós sabíamos que para usar um editor WYSIWYG você tem que saber o que está fazendo, certo? Como exemplo, clique aqui você tem um modelo css de 550 linhas que oferece muito mais de si mesmo do que o que criamos.

              Se você está aprendendo HTML e CSS, deve se munir de um editor simples e aprender passo a passo. No Windows, sofremos com isso há muitos anos: o conhecido "efeito DreamWeaver". Tenho certeza de que qualquer pessoa com um pouco de controle de web design sabia que isso iria acontecer conosco.

              Temos um punhado de editores web muito completos para GNU / Linux, mas antes de chorar porque não existe DreamWeaver, você tem que fazer sua parte para aprender. Outro dia, iremos mais fundo com Bluegriffon, mas isso é outra história.


              Deixe um comentário

              Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

              *

              *

              1. Responsável pelos dados: Miguel Ángel Gatón
              2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
              3. Legitimação: Seu consentimento
              4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
              5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
              6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.

              1.   Caio Baltar dito

                Concordo totalmente, Nano. Estou muito confortável com o Bluefish (apesar de algumas limitações irritantes). O que realmente me incomoda é o editor CSS pago do Bluegriffon, que me incomoda muito ... xD Se eu tiver que abrir o Bluefish para editar o CSS, vou continuar nele ... 😀

              2.   nano dito

                Digo que falta integração com muitas coisas, quase todos os plugues são pagos e isso tira muitas vantagens.

                Por exemplo, com CSS poderia ter suporte para LESS ou SASS, o que seria ótimo, embora talvez um pouco complicado porque teria que compilar para CSS e então gerar a visualização. A verdade é que ok, CSS é ótimo e tudo, mas é horrível escrever muito código nele.

                Com o HTML bastaria integrar o emmet e a produtividade mudaria muito.

              3.   Jose dito

                Uhmmm, o editor Mozilla? Ou um fork do editor Mozilla, que se chama Kompozer.

                Ou ... estou confuso?

              4.   Caio Baltar dito

                Eles não são garfos, eles ainda são projetos Mozilla, mas são renomeados de tempos em tempos. O Bluegriffon vem da Kompozer e este da NVU. 😉

              5.   hug0 dito

                Muitas vezes fazemos isso, procuramos ferramentas que possam fazer a maior parte do trabalho por nós para fazê-lo rapidamente, o problema é que não aprendemos, não sabemos o que vem no código e o dia que temos que colocar as mãos nele que nem saberemos modificar.

              6.   Caio Baltar dito

                Olho! colocou centenas de linhas de CSS porque comecei a usar como novato, com um pouco mais de cuidado é mais do que possível que teria sido melhor ... 😀

              7.   Nano dito

                O problema que vejo aqui é que sim, como todo editor desse tipo, ele insere toneladas de lixo no código, 400 linhas para isso? Pussy, faço isso em 100 ou menos xD

                Outro ponto fraco é a falta de suporte para pré-processadores CSS ou muitos plug-ins e tecnologias interessantes, não sei, WYSIWYG me escorrega tanto, coloco-o sublimemente em save quando perde o foco e só tenho que mudar a janela e recarregar , que é mais um passo, mas tenho mais mil ferramentas à mão.

                A outra é que pelo menos não tenho como pagar pelos plugins bluegriffon, então nada, estou ferrado xD

              8.   Spomzper dito

                no meu caso tenho o ubuntu 13.04 como posso instalá-lo?

              9.   Natália dito

                Obrigado!!! sou um gênio! Eu não sabia mais o que tentar!

              10.   Carlos cantor dito

                Muito obrigado por sua contribuição para este fã de software livre. Realmente é um caminho sempre interessante e desafiador. Se você me permite, um SO sofisticado: http://www.ubuntustudio.org Muito útil, prático, eficiente e eficaz. Obrigado novamente por compartilhar seu trabalho conosco.

              11.   aldemar mejia dito

                Muito obrigado, foi muito útil, você é um gênio

              12.   Lorena Gomez dito

                Saudações, preciso de ajuda. Tenho o debian 7 instalado. Preciso instalar o bluegriffon e sigo os passos sugeridos e no momento de sudo apt-get update é Err http://archive.getdeb.net Quantal-getdeb / apps Fontes

                Errar http://archive.getdeb.net Quantal-getdeb / apps i386 Packages por favor, podem me ajudar, obrigado

                1.    vamos usar linux dito

                  Se eu não errar, parece que é simplesmente uma questão de os servidores estarem inativos. A solução? Seja paciente e tente novamente em algumas horas / dias.
                  Abraço! Paulo.