Een van de applicaties die ontbreekt op de Linux-desktop is een goede WYSIWYG HTML-editor. Er zijn er een paar geweest, zoals NVU en KompoZer, maar ze zijn al een tijdje niet actief ontwikkeld.

Ga BlueGriffon binnen. Gebouwd op de top van Gecko (de rendering-engine die wordt gebruikt door Firefox), kunt u met BlueGriffon webpagina's maken met HTML5, CSS3 en andere veelgebruikte webstandaarden.

Laten we eens kijken hoe webpagina's kunnen worden opgebouwd met BlueGriffon.

BlueGriffon installeren

Ga naar de BlueGriffon-downloadpagina. U kunt een installatieprogramma of een archief ophalen met de bestanden van het programma.

Als u het installatieprogramma hebt gedownload, opent u een terminalvenster en navigeert u naar de map waarin u het archief hebt gedownload. Voer vervolgens de volgende opdrachten uit:

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

Waarbij xxx de versie van BlueGriffon is (de huidige versie is 1.1.1) en [arch] de architectuur is van uw distributie (x86 voor 32-bits systemen of x86_64 voor 64-bits systemen). Volg de aanwijzingen. Het installatieprogramma kopieert de bestanden van het programma naar de map / usr / local / BlueGriffon .

Als u het archief hebt gedownload, pakt u het uit in een map op uw pad. Voeg dan handmatig een opstartprogramma voor de toepassing toe aan uw systeemmenu of voeg het pad naar de directory / usr / local / BlueGriffon toe aan uw systeempad.

Ermee beginnen

Wanneer u klaar bent om te gaan, dubbelklikt u op het pictogram dat het installatieprogramma op uw bureaublad plaatst of voert u het commando bluegriffon uit .

Selecteer Bestand -> Nieuw om een ​​nieuwe webpagina te maken. Je krijgt letterlijk een leeg canvas te zien, een beetje zoals een nieuw tekstverwerkingsdocument.

Net als bij een tekstverwerker, kunt u letterlijk beginnen met typen om uw document te maken. Met de knoppen en menu's op de werkbalk kunt u ook opmaak toepassen op uw pagina. Zoals? Dit is een sampling:

  • Koers- en alineastijlen
  • Lettertypekenmerken zoals vet en cursief
  • Afstemming van de tekst
  • streepjes
  • lijsten

U kunt ook links, tabellen, afbeeldingen, video, audio en formulieren invoegen met een klik op een knop of door een optie te selecteren in het menu Invoegen .

Dat is allemaal vrij standaard voor elke goede HTML-editor. Wat BlueGriffon onderscheidt, is de ondersteuning voor HTML5. HTML5 bevat een aantal nieuwe elementen die het onder andere gemakkelijker maken om audio, video, menu's en afzonderlijke secties aan een webpagina toe te voegen.

U kunt HTML5-elementen invoegen door Invoegen -> HTML 5 Element te selecteren en vervolgens het element uit de lijst te selecteren.

U hebt twee opties voor het toevoegen van opmaak met Cascading Style Sheets. Als u een stijlbladbestand hebt, kunt u dit koppelen aan uw webpagina door Invoegen -> Stijlbladen te selecteren . Klik op de knop + .

Klik op Gekoppeld aan het document en klik vervolgens op het pictogram naast het veld Href . Navigeer naar de map met het stijlbladbestand dat u aan uw webpagina wilt toevoegen. Nadat u het stylesheetbestand hebt toegevoegd, wordt dit weergegeven in het venster Stijlbladen invoegen of bewerken .

Als je klaar bent, kun je eindigen met een heel mooi opgemaakte webpagina.

Telkens wanneer u de HTML-code van de pagina wilt bekijken of bewerken, klikt u op source onder in het BlueGriffon-venster.

Diagrammen toevoegen

Vanzelfsprekend is de eenvoudigste manier om dat te doen, door het diagram in een ander programma te maken, het op te slaan als een webvriendelijk grafisch bestand en vervolgens een link naar de afbeelding in BlueGriffon in te voegen.

Maar als u alleen een eenvoudig diagram nodig heeft, kunt u de ingebouwde SVG-editor van BlueGriffon gebruiken. Klik op uw webpagina op de plaats waar u het diagram wilt plaatsen. Start vervolgens de editor door op de knop SVG Bewerken op de werkbalk te klikken.

De diagrammen die u kunt maken, zijn vrij eenvoudig, maar u kunt een aantal degelijke stroomdiagrammen en dergelijke maken. Wanneer u de editor sluit, plaatst BlueGriffon het diagram op uw webpagina.

Laatste gedachten

BlueGriffon kan u heel goed helpen bij het samenstellen van afzonderlijke webpagina's. Er is geen functie voor sitebeheer, maar de ondersteuning voor HTML5 is ongeëvenaard. En u kunt de mogelijkheden van BlueGriffon uitbreiden met add-ons. Je moet de add-ons kopen, maar als dat de ontwikkeling van de applicatie ondersteunt, dan zijn ze het waard.

Foto credit: svilen001