Μία από τις εφαρμογές που λείπουν από την επιφάνεια εργασίας του Linux είναι ένας καλός επεξεργαστής WYSIWYG HTML. Υπήρξαν μερικοί, όπως το NVU και το KompoZer, αλλά δεν έχουν αναπτυχθεί ενεργά για λίγο.

Εισάγετε το BlueGriffon. Χτισμένο πάνω από το Gecko (η μηχανή rendering που χρησιμοποιείται από τον Firefox), το BlueGriffon σάς δίνει τη δυνατότητα να δημιουργείτε ιστοσελίδες χρησιμοποιώντας HTML5, CSS3 και άλλα ευρέως χρησιμοποιούμενα πρότυπα ιστού.

Ας ρίξουμε μια ματιά στο πώς να οικοδομήσουμε ιστοσελίδες με το BlueGriffon.

Εγκατάσταση του BlueGriffon

Προχωρήστε στη σελίδα λήψης του BlueGriffon. Μπορείτε είτε να πάρετε ένα πρόγραμμα εγκατάστασης ή ένα αρχείο που περιέχει τα αρχεία του προγράμματος.

Αν κατεβάσατε το πρόγραμμα εγκατάστασης, ανοίξτε ένα παράθυρο τερματικού και μεταβείτε στον κατάλογο στον οποίο κατεβάσατε το αρχείο. Στη συνέχεια, εκτελέστε τις ακόλουθες εντολές:

 chmod + x BlueGriffon-xxx-Linux- [arch] - Εγκαταστήστε sudo ./BlueGriffon-xxx-Linux-[arch]-Install

Όπου xxx είναι η έκδοση του BlueGriffon (η τρέχουσα έκδοση είναι 1.1.1) και το [arch] είναι η αρχιτεκτονική της διανομής σας (x86 για συστήματα 32 bit ή x86_64 για συστήματα 64 bit). Ακολουθήστε τις υποδείξεις. Το πρόγραμμα εγκατάστασης αντιγράφει τα αρχεία του προγράμματος στο φάκελο / usr / local / BlueGriffon .

Εάν έχετε κατεβάσει το αρχείο, απλά το εξάγετε σε έναν κατάλογο της διαδρομής σας. Στη συνέχεια, είτε προσθέστε με μη αυτόματο τρόπο ένα πρόγραμμα εκκίνησης για την εφαρμογή στο μενού του συστήματός σας ή προσθέστε τη διαδρομή στον κατάλογο του συστήματος / usr / local / BlueGriffon στη διαδρομή του συστήματός σας.

Ξεκινώντας

Όταν είστε έτοιμοι να πάτε, κάντε διπλό κλικ στο εικονίδιο που τοποθετεί το πρόγραμμα εγκατάστασης στην επιφάνεια εργασίας σας ή εκτελέστε την εντολή bluegriffon .

Επιλέξτε Αρχείο -> Νέο για να δημιουργήσετε μια νέα ιστοσελίδα. Κυριολεκτικά παρουσιάζετε έναν κενό καμβά, σαν ένα νέο έγγραφο επεξεργασίας κειμένου.

Όπως και με έναν επεξεργαστή κειμένου, μπορείτε να ξεκινήσετε την πληκτρολόγηση για να δημιουργήσετε το έγγραφό σας. Χρησιμοποιώντας τα κουμπιά και τα μενού στη γραμμή εργαλείων, μπορείτε επίσης να εφαρμόσετε τη μορφοποίηση στη σελίδα σας. Σαν τι? Ακολουθεί μια δειγματοληψία:

  • Στυλ γραμμάτων και παραγράφων
  • Χαρακτηριστικά γραμματοσειράς όπως τολμηρή και πλάγια γραφή
  • Ευθυγράμμιση του κειμένου
  • Εσοχές
  • Τόπος αγώνων

Μπορείτε επίσης να εισάγετε συνδέσμους, πίνακες, εικόνες, βίντεο, ήχο και φόρμες με ένα πάτημα ενός κουμπιού ή επιλέγοντας μια επιλογή από το μενού Εισαγωγή .

Αυτό είναι λίγο πολύ πρότυπο για κάθε καλό επεξεργαστή HTML. Αυτό που θέτει το BlueGriffon εκτός είναι η υποστήριξη του για το HTML5. Το HTML5 περιλαμβάνει πολλά νέα στοιχεία που, μεταξύ άλλων, διευκολύνουν την προσθήκη ήχου, βίντεο, μενού και ξεχωριστών ενοτήτων σε μια ιστοσελίδα.

Μπορείτε να εισαγάγετε στοιχεία HTML5 επιλέγοντας Insert -> HTML 5 Element και κατόπιν επιλέγοντας το στοιχείο από τη λίστα.

Έχετε δύο επιλογές για την προσθήκη μορφοποίησης χρησιμοποιώντας Φύλλα στυλ Cascading. Εάν έχετε ένα αρχείο φύλλου στυλ, μπορείτε να το συνδέσετε με την ιστοσελίδα σας επιλέγοντας Insert -> Stylesheets . Κάντε κλικ στο κουμπί + .

Κάντε κλικ στην επιλογή Συνδεδεμένο στο έγγραφο και, στη συνέχεια, κάντε κλικ στο εικονίδιο δίπλα στο πεδίο Href . Μεταβείτε στον κατάλογο που περιέχει το αρχείο φύλλου στυλ που θέλετε να προσθέσετε στην ιστοσελίδα σας. Αφού προσθέσετε το αρχείο φύλλου στυλ, εμφανίζεται στο παράθυρο " Εισαγωγή ή επεξεργασία στυλ" .

Όταν τελειώσετε, μπορείτε να τελειώσετε με μια πολύ ωραία διαμορφωμένη ιστοσελίδα.

Οποτεδήποτε θέλετε να προβάλετε ή να επεξεργαστείτε τον κώδικα HTML της σελίδας, κάντε κλικ στην πηγή στο κάτω μέρος του παραθύρου BlueGriffon.

Προσθήκη διαγραμμάτων

Προφανώς, ο ευκολότερος τρόπος για να γίνει αυτό είναι να δημιουργήσετε το διάγραμμα σε ένα άλλο πρόγραμμα, να το αποθηκεύσετε ως φιλικό προς το διαδίκτυο γραφικό αρχείο και στη συνέχεια να εισαγάγετε έναν σύνδεσμο προς την εικόνα στο BlueGriffon.

Αλλά αν χρειάζεστε ένα απλό διάγραμμα, μπορείτε να χρησιμοποιήσετε τον ενσωματωμένο επεξεργαστή SVG του BlueGriffon. Στην ιστοσελίδα σας, κάντε κλικ όπου θέλετε να τοποθετήσετε το διάγραμμα. Στη συνέχεια, ξεκινήστε τον επεξεργαστή κάνοντας κλικ στο κουμπί Επεξεργασία SVG στη γραμμή εργαλείων.

Τα διαγράμματα που μπορείτε να δημιουργήσετε είναι αρκετά βασικά, αλλά μπορείτε να δημιουργήσετε μερικά αξιοπρεπή διαγράμματα ροής και τα παρόμοια. Όταν κλείνετε τον επεξεργαστή, η BlueGriffon τοποθετεί το διάγραμμα στην ιστοσελίδα σας.

Τελικές σκέψεις

Το BlueGriffon κάνει πολύ καλή δουλειά για να σας βοηθήσει να δημιουργήσετε μοναδικές ιστοσελίδες. Δεν υπάρχει δυνατότητα διαχείρισης ιστότοπου, αλλά η υποστήριξή του για το HTML5 δεν έχει καμία σχέση. Και μπορείτε να επεκτείνετε τις δυνατότητες του BlueGriffon με πρόσθετα. Πρέπει να αγοράσετε τα πρόσθετα, αλλά αν αυτό υποστηρίζει την ανάπτυξη της εφαρμογής τότε αξίζει τον κόπο.

Φωτογραφική πίστωση: svilen001