Ett av de program som saknas från Linux-skrivbordet är en bra WYSIWYG HTML-editor. Det har varit några, som NVU och KompoZer, men de har inte utvecklats aktivt ett tag.

Ange BlueGriffon. Byggd på toppen av Gecko (återgivningsmotorn som används av Firefox), gör BlueGriffon dig att skapa webbsidor med hjälp av HTML5, CSS3 och andra allmänt använda webbstandarder.

Låt oss ta en titt på hur man bygger webbsidor med BlueGriffon.

Installera BlueGriffon

Gå vidare till BlueGriffons nedladdningssida. Du kan antingen fånga ett installationsprogram eller ett arkiv som innehåller programmets filer.

Om du hämtade installationsprogrammet öppnar du ett terminalfönster och navigerar till katalogen där du hämtade arkivet. Kör sedan följande kommandon:

 chmod + x BlueGriffon-xxx-Linux- [arch] -Install sudo ./BlueGriffon-xxx-Linux-[arch]-Install

Var xxx är versionen av BlueGriffon (den nuvarande versionen är 1.1.1) och [arch] är arkitekturen för din distribution (x86 för 32-bitars system eller x86_64 för 64-bitars system). Följ anvisningarna. Installatören kopierar programmets filer till mappen / usr / local / BlueGriffon .

Om du hämtade arkivet, extrahera du det till en katalog i din sökväg. Sedan kan du antingen manuellt lägga till en startprogram för programmet till din systemmeny eller lägga till sökvägen till katalogen / usr / local / BlueGriffon till din systemväg .

Komma igång

När du är redo att gå, dubbelklickar du på ikonen som installationsprogrammet placerar på skrivbordet eller kör kommandot bluegriffon .

Välj Arkiv -> Ny om du vill skapa en ny webbsida. Du presenteras bokstavligen med en blank duk, som en ny textbehandlingsdokument.

Som med en textbehandlare kan du bokstavligen börja skriva för att skapa ditt dokument. Med knapparna och menyerna på verktygsfältet kan du också använda formatering på din sida. Som vad? Här är ett urval:

  • Rubrik och styckeformat
  • Font attribut som fet och kursiv
  • Anpassning av texten
  • indrag
  • listor

Du kan också infoga länkar, tabeller, bilder, video, ljud och formulär med ett knapptryck eller genom att välja ett alternativ från menyn Infoga .

Det är alldeles ganska standard för alla bra HTML-redigerare. Vad som sätter BlueGriffon från varandra är dess stöd för HTML5. HTML5 innehåller ett antal nya element som bland annat gör det enklare att lägga till ljud, video, menyer och distinkta avsnitt på en webbsida.

Du kan infoga HTML5-element genom att välja Insert -> HTML 5 Element och sedan välja elementet från listan.

Du har två alternativ för att lägga till formatering med hjälp av Cascading Style Sheets. Om du har en stilarkfil kan du länka den till din webbsida genom att välja Insert -> Stylesheets . Klicka på + -knappen.

Klicka på Länkade till dokumentet och klicka sedan på ikonen bredvid Href- fältet. Navigera till katalogen som innehåller den stilarkfil som du vill lägga till på din webbsida. När du har lagt till stilarkfilen visas den i fönstret Infoga eller redigera stylesheets .

När du är klar kan du sluta med en mycket snygg formaterad webbsida.

När som helst du vill visa eller redigera HTML-koden på sidan klickar du på källa längst ner i BlueGriffon-fönstret.

Lägga till diagram

Det enklaste sättet att göra det är att skapa diagrammet i ett annat program, spara det som en webbvänlig grafisk fil och sätt sedan in en länk till bilden i BlueGriffon.

Men om du bara behöver ett enkelt diagram kan du använda BlueGriffons inbyggda SVG-editor. På din webbsida, klicka där du vill placera diagrammet. Starta sedan redigeraren genom att klicka på SVG Edit- knappen på verktygsfältet.

De diagram du kan skapa är ganska grundläggande, men du kan bygga några anständiga flödesschema och liknande. När du stänger redigeraren placerar BlueGriffon diagrammet på din webbsida.

Slutgiltiga tankar

BlueGriffon gör ett mycket bra jobb för att hjälpa dig att bygga enstaka webbsidor. Det finns ingen webbplatshanteringsfunktion, men dess stöd för HTML5 är oöverträffad. Och du kan expandera på BlueGriffons möjligheter med tillägg. Du måste köpa tilläggen, men om det stödjer applikationens utveckling så är de värda det.

Fotokredit: svilen001