|
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.
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, 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.