Una ullada a Bluegriffon, l'editor web de Mozilla

Ja fa un temps que Pau us va parlar de él. Sent un servidor fidel de l'clàssic Peix blau, He aprofitat que havia de preparar les plantilles d'un nou projecte per trastejar amb aquest prometedor programa. Anirem veient les seves funcionalitats en diverses entrades. Pel principi: avui veurem com instal·lar-lo i quines opcions ens dóna el seu assistent.

Instal·lació des repositori

Getdeb és un projecte de repositoris de jocs i aplicacions bastant famós en el món GNU / Linux. Encara que podem descarregar la carpeta d'el programa des de la pàgina de el projecte, A alguns els resultarà còmode poder rebre les actualitzacions des d'aquest repositori.

1.- Afegim el repositori per a la nostra versió d'Ubuntu (en el meu cas quantal-12.10, si feu servir precisi-12.04 substituïu el nom).

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

2.- Importem la clau GPG de l'repositori.

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

3.- Actualitzem la llista de paquets disponibles per al nostre sistema.

sudo apt-get update

4.- Instal·lem el programa.

suo apt-get install bluegriffon

Primer contacte amb Bluegriffon

Des d'un principi podem observar que el programa fa servir una interfície molt clara i gens carregada. Com tot producte de Mozilla, presenta la possibilitat d'usar plugins o complements per ampliar les seves funcionalitats.

Com tots els editors «d'el pal», Bluegriffon proporciona un assistent amb el qual podem generar una pàgina / estructura en poc temps. Anem a seguir-pas a pas per acabar verificant el que tots sabem ... el WYSIWYG surt car en motius de neteja de codi ...

1.- Llançarem l'assistent mitjançant el menú 'Fitxer> Nou Assistent'. El primer pas serà escollir el tipus de llenguatge que farem servir.

2.- Establirem les propietats de la pàgina: títol, idioma, caràcters, paraules clau ...

3.- Podrem utilitzar els colors típics o definir ia les propietats css per a fons, text i enllaços.

4.- També podrem establir una imatge de fons, fixa, desplaçable o en mosaic.

5.- La part més poderosa de l'assistent ens permet distribuir files i columnes a l'gust mitjançant css. És un procediment molt, molt ràpid, però molt perillós pel que fa a neteja de el codi. El css està molt bé per als estils i multitud d'efectes, però com siguem uns novells podem muntar una ben grossa que ens dificulti el maneig de el codi resultant.

6.- Anem a afegir unes quantes files / columnes per veure què tal les maneja ...

7.- I aquí tenim el resultat ...

Bé, ja hem descobert que afegeix la capçalera i el peu de pàgina per si només. És un avanç. Si premem el botó de l'globus terraqüi podrem visualitzar la pàgina en el nostre navegador (lògicament, ens demanarà que la guardem abans). Si ho hem definit no hi haurà problema. En cas contrari, haurem d'especificar on està l'executable (si sou novells: en GNU / Linux estan en '/ usr / bin').

D'acord, molt bonic ... anem a veure el maleït codi resultant ...

Redós! (Que es diria a la meva terra ...). 400 línies de CSS per a una taula de 4 files. Per molt bonic, pràctic i modular que sigui el CSS, no és la millor manera de maquetar això. Però crec que tots sabíem que per utilitzar un editor WYSIWYG has de saber el que estàs fent, no? Com a exemple, aquí teniu una plantilla css de 550 línies que dóna molt més de si que la que hem creat.

Si estàs aprenent HTML i CSS hauries d'armar-te amb un editor senzill i aprendre pas a pas. Sota Windows hem patit això durant molts anys: el conegut "efecte DreamWeaver». Estic segur que qualsevol que controli una mica de disseny web sabia que això anava a passar-nos.

Tenim un bon grapat d'editors web molt complets per a GNU / Linux, però abans de plorar perquè no existeix DreamWeaver heu de posar de la vostra part per aprendre. Un altre dia, ens ficarem més en profunditat amb Bluegriffon, però això, ja és una altra història.