Unha ollada a Bluegriffon, o editor web de Mozilla

Pasou un tempo desde que Paul che falou el. Ser un fiel servo do clásico Peixe azul, Aproveitei que tiña que preparar os modelos dun novo proxecto para xogar con este prometedor programa. Veremos as súas funcionalidades en varias entradas. Para o comezo: hoxe veremos como instalalo e que opcións nos ofrece o seu asistente.

Instalación desde o repositorio

getdeb é un proxecto de repositorio de xogos e aplicacións bastante famoso no mundo GNU / Linux. Aínda que podemos descargar a carpeta do programa desde o páxina do proxecto, a algúns resultará conveniente poder recibir actualizacións deste repositorio.

1.- Engadimos o repositorio para a nosa versión de Ubuntu (no meu caso quantal-12.10, se usa precise-12.04 substitúe o nome).

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

2.- Importamos a clave GPG dende o repositorio.

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

3.- Actualizamos a lista de paquetes dispoñibles para o noso sistema.

update sudo apt-get

4.- Instalamos o programa.

sudo apt-get install bluegriffon

Primeiro contacto con Bluegriffon

Dende o principio podemos ver que o programa usa unha interface moi clara e nada sobrecargado. Como todos os produtos de Mozilla, presenta a posibilidade de usar complementos ou complementos para ampliar as súas funcionalidades.

Como todos os editores "off the bat", Bluegriffon proporciona un asistente co que podemos xerar unha páxina / estrutura en pouco tempo. Imos seguilo paso a paso para rematar de verificar o que todos sabemos ... WYSIWYG é caro en termos de limpeza de código ...

1.- Iniciaremos o asistente a través do menú 'Ficheiro> Novo asistente'. O primeiro paso será escoller o tipo de linguaxe que imos empregar.

2.- Estableceremos as propiedades da páxina: título, idioma, caracteres, palabras clave ...

3.- Podemos usar as cores típicas ou definir as propiedades css para o fondo, o texto e as ligazóns.

4.- Tamén podemos establecer unha imaxe de fondo, fixa, desprazable ou en mosaico.

5.- A parte máis poderosa do asistente permítenos distribuír filas e columnas ao gusto mediante css. É un procedemento moi, moi rápido, pero moi perigoso en termos de limpeza do código. CSS é moi bo para os estilos e multitude de efectos, pero como somos novatos podemos montar un moi gordo que nos dificulta o manexo do código resultante.

6.- Engadimos algunhas filas / columnas para ver como as manexa ...

7.- E aquí temos o resultado ...

Ben, xa descubrimos que engade a cabeceira e o pé de páxina por si só. É un avance. Se prememos o botón globo terráqueo, podemos ver a páxina no noso navegador (loxicamente pediranos que a gardemos antes). Se o definimos non haberá maior problema. Se non, teremos que especificar onde está o executable (se es novato: en GNU / Linux están en '/ usr / bin').

Ok, moi ben ... vexamos o feliz código resultante ...

REDIOS! (Que se diría na miña terra ...). 400 liñas de CSS para unha táboa de 4 filas. Tan fermoso, práctico e modular como é CSS, non é a mellor forma de deseñar isto. Pero creo que todos sabiamos que para usar un editor WYSIWYG tes que saber o que fas, non? Como exemplo, aquí tes un modelo CSS de 550 liñas que dá moito máis de si mesmo que o que creamos.

Se estás aprendendo HTML e CSS deberías armarte cun editor sinxelo e aprender paso a paso. En Windows padecemos isto durante moitos anos: o coñecido "efecto DreamWeaver". Estou seguro de que alguén cun pouco de control de deseño web sabía que isto nos ía pasar.

Temos un bo puñado de editores web completos para GNU / Linux, pero antes de chorar porque non hai DreamWeaver, tes que facer a túa parte para aprender. Outro día, afondaremos con Bluegriffon, pero esa é outra historia.