En titt på Bluegriffon, Mozillas webbredaktör

Det har gått ett tag sedan Paul berättade om det él. Att vara en trogen tjänare av klassikern BlåfiskJag utnyttjade det faktum att jag var tvungen att förbereda mallarna för ett nytt projekt för att röra med det här lovande programmet. Vi kommer att se dess funktioner i flera poster. Till att börja med: idag ser vi hur man installerar det och vilka alternativ din assistent ger oss.

Installation från förvar

getdeb är ett ganska känt spel- och applikationsförvarsprojekt i GNU / Linux-världen. Även om vi kan ladda ner programmappen från projektsida, vissa kommer att tycka att det är bekvämt att kunna ta emot uppdateringar från det här förvaret.

1.- Vi lägger till förvaret för vår version av Ubuntu (i mitt fall quantal-12.10, om du använder precision-12.04 ersätter du namnet).

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

2.- Vi importerar GPG-nyckeln från förvaret.

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

3.- Vi uppdaterar listan över tillgängliga paket för vårt system.

sudo apt-get update

4.- Vi installerar programmet.

sudo apt-get installera bluegriffon

Första kontakten med Bluegriffon

Från början kan vi se att programmet använder ett mycket tydligt gränssnitt och inget överbelastat. Liksom alla Mozilla-produkter presenterar det möjligheten att använda plugins eller tillägg för att utöka dess funktioner.

Precis som alla redaktörer "off the bat" tillhandahåller Bluegriffon en guide som vi kan skapa en sida / struktur på kort tid. Vi kommer att följa det steg för steg för att slutföra verifieringen av vad vi alla vet ... WYSIWYG är dyrt när det gäller kodrengöring ...

1.- Vi startar guiden genom menyn 'Arkiv> Ny guide'. Det första steget blir att välja vilken typ av språk vi ska använda.

2.- Vi kommer att fastställa sidans egenskaper: titel, språk, tecken, nyckelord ...

3.- Vi kan använda de typiska färgerna eller definiera css-egenskaperna för bakgrund, text och länkar.

4.- Vi kan också skapa en bakgrund, fast, rullbar eller mosaikbild.

5.- Den mest kraftfulla delen av guiden låter oss distribuera rader och kolumner efter smak med hjälp av css. Det är en mycket, mycket snabb procedur, men mycket farlig när det gäller rengöring av koden. CSS är mycket bra för stilar och en mängd effekter, men eftersom vi är nybörjare kan vi montera en väldigt fet som gör det svårt för oss att hantera den resulterande koden.

6.- Låt oss lägga till några rader / kolumner för att se hur det hanterar dem ...

7.- Och här har vi resultatet ...

Tja, vi har redan upptäckt att det lägger till sidhuvudet och sidfoten på egen hand. Är ett förskott. Om vi ​​trycker på globknappen kan vi visa sidan i vår webbläsare (logiskt kommer den att be oss spara den innan). Om vi ​​har definierat det kommer det inte att finnas några större problem. Annars måste vi ange var den körbara filen är (om du är nybörjare: i GNU / Linux finns de i '/ usr / bin').

Ok, väldigt trevligt ... låt oss se den glada resulterande koden ...

REDIOS! (Vad skulle sägas i mitt land ...). 400 rader CSS för en tabell med fyra rader. Så vackert, praktiskt och modulärt som CSS är, är det inte det bästa sättet att utforma detta. Men jag tror att vi alla visste att för att använda en WYSIWYG-redigerare måste du veta vad du gör, eller hur? Som ett exempel, här du har en 550 rads css-mall som ger mycket mer av sig själv än den vi har skapat.

Om du lär dig HTML och CSS bör du beväpna dig med en enkel redigerare och lära dig steg för steg. Under Windows har vi lidit av detta i många år: den välkända "DreamWeaver-effekten." Jag är säker på att alla med lite webbdesignkontroll visste att detta skulle hända oss.

Vi har en bra handfull mycket kompletta webbredigerare för GNU / Linux, men innan vi gråter eftersom det inte finns någon DreamWeaver måste du göra din del för att lära dig. En annan dag kommer vi att gå djupare med Bluegriffon, men det är en annan historia.