Το Bluefish πρόγραμμα επεξεργασίας κώδικα είναι μια εφαρμογή που χρησιμοποιείται για την ανάπτυξη ιστοσελίδων και σεναρίων. Δεν είναι πρόγραμμα επεξεργασίας WYSIWYG. Το Bluefish είναι ένα εργαλείο που χρησιμοποιείται για την επεξεργασία του κώδικα από τον οποίο δημιουργείται μια ιστοσελίδα ή ένα σενάριο. Προορίζεται για προγραμματιστές που γνωρίζουν τη σύνταξη HTML και CSS κώδικα και έχει τρόπους εργασίας με τις πιο κοινές γλώσσες σεναρίου όπως PHP και Javascript, καθώς και πολλές άλλες. Ο κύριος σκοπός του προγράμματος επεξεργασίας Bluefish είναι να διευκολύνει την κωδικοποίηση και να μειώσει τα σφάλματα. Το Bluefish είναι δωρεάν και λογισμικό ανοικτού κώδικα και οι εκδόσεις είναι διαθέσιμες για Windows, Mac OSX, Linux και διάφορες άλλες πλατφόρμες τύπου Unix. Η έκδοση που χρησιμοποιώ σε αυτό το σεμινάριο είναι το Bluefish στα Windows 7.
01
από 04
Η διασύνδεση Bluefish
Το στιγμιότυπο οθόνης είναι ευγενική προσφορά του Jon Morin
Η διεπαφή Bluefish χωρίζεται σε διάφορες ενότητες. Η μεγαλύτερη ενότητα είναι το παράθυρο επεξεργασίας και εδώ μπορείτε να επεξεργαστείτε απευθείας τον κωδικό σας. Στην αριστερή πλευρά του πλαισίου επεξεργασίας βρίσκεται το πλαϊνό πλαίσιο, το οποίο εκτελεί τις ίδιες λειτουργίες με έναν διαχειριστή αρχείων, επιτρέποντάς σας να επιλέξετε τα αρχεία στα οποία θέλετε να εργαστείτε και να μετονομάσετε ή να διαγράψετε αρχεία.
Η ενότητα κεφαλίδας στο επάνω μέρος των παραθύρων Bluefish περιέχει πολλές γραμμές εργαλείων, οι οποίες μπορούν να εμφανιστούν ή να κρυφτούν μέσω του μενού Προβολή.
Οι γραμμές εργαλείων είναι η κύρια γραμμή εργαλείων, η οποία περιέχει κουμπιά για την εκτέλεση κοινών λειτουργιών, όπως αποθήκευση, αντιγραφή και επικόλληση, αναζήτηση και αντικατάσταση και ορισμένες επιλογές εσοχής κώδικα. Θα παρατηρήσετε ότι δεν υπάρχουν κουμπιά μορφοποίησης όπως έντονα ή υπογραμμισμένα.
Αυτό συμβαίνει επειδή το Bluefish δεν μορφοποιεί κώδικα, είναι μόνο ένας συντάκτης. Κάτω από την κύρια γραμμή εργαλείων είναι το HTML γραμμή εργαλείων και το απόσπασμα μενού. Αυτά τα μενού περιέχουν κουμπιά και υπομενού που μπορείτε να χρησιμοποιήσετε για την αυτόματη εισαγωγή κώδικα για τα περισσότερα γλωσσικά στοιχεία και λειτουργίες.
02
από 04
Χρήση της γραμμής εργαλείων HTML στο Bluefish
Το στιγμιότυπο οθόνης είναι ευγενική προσφορά του Jon Morin
Η γραμμή εργαλείων HTML στο Bluefish είναι διατεταγμένη από καρτέλες που διαχωρίζουν τα εργαλεία ανά κατηγορία. Οι καρτέλες είναι:
- Γρήγορη γραμμή - μπορείτε να καρφιτσώσετε άλλα εργαλεία σε αυτήν την καρτέλα για αντικείμενα που χρησιμοποιείτε συχνά.
- HTML 5 - σας δίνει πρόσβαση σε κοινές ετικέτες και στοιχεία στο HTML 5.
- Πρότυπο - οι κοινές επιλογές μορφοποίησης HTML έχουν πρόσβαση σε αυτήν την καρτέλα.
- Μορφοποίηση - υπάρχουν λιγότερο κοινές επιλογές μορφοποίησης εδώ.
- Πίνακες - διάφορες λειτουργίες δημιουργίας πινάκων, συμπεριλαμβανομένου ενός οδηγού πίνακα.
- Λίστα - εργαλεία για τη δημιουργία λιστών ταξινομημένων, μη ταξινομημένων και ορισμών.
- CSS - τα φύλλα στυλ μπορούν να δημιουργηθούν από αυτήν την καρτέλα καθώς και από τον κώδικα διάταξης.
- Έντυπα - τα πιο κοινά στοιχεία φόρμας μπορούν να εισαχθούν από αυτήν την καρτέλα.
- Γραμματοσειρές - αυτή η καρτέλα έχει συντομεύσεις για να λειτουργεί με γραμματοσειρές σε HTML και CSS.
- Πλαίσια - τις πιο κοινές λειτουργίες για εργασία με φόρμες.
Κάνοντας κλικ σε κάθε καρτέλα θα εμφανιστούν κουμπιά που σχετίζονται με τη σχετική κατηγορία στη γραμμή εργαλείων κάτω από τις καρτέλες.
03
από 04
Χρήση του μενού αποσπάσματα στο Bluefish
Το στιγμιότυπο οθόνης είναι ευγενική προσφορά του Jon Morin
Κάτω από τη γραμμή εργαλείων HTML βρίσκεται ένα μενού που ονομάζεται γραμμή αποσπάσματος. Αυτή η γραμμή μενού έχει υπομενού που σχετίζονται με μια ποικιλία γλωσσών προγραμματισμού. Κάθε στοιχείο στο μενού εισάγει κώδικα που χρησιμοποιείται συνήθως, όπως για παράδειγμα τύπους HTML και μετα-πληροφορίες.
Μερικά από τα στοιχεία του μενού είναι ευέλικτα και δημιουργούν κώδικα ανάλογα με την ετικέτα που θέλετε να χρησιμοποιήσετε. Για παράδειγμα, εάν θέλετε να προσθέσετε ένα προσχηματισμένο μπλοκ κειμένου σε μια ιστοσελίδα, μπορείτε να κάνετε κλικ στο μενού HTML στη γραμμή αποσπασμάτων και να επιλέξετε το στοιχείο μενού "οποιαδήποτε αντιστοιχισμένη ετικέτα".
Κάνοντας κλικ σε αυτό το στοιχείο ανοίγει ένα παράθυρο διαλόγου που σας ζητά να εισαγάγετε την ετικέτα που θέλετε να χρησιμοποιήσετε. Μπορείτε να εισαγάγετε το «προ» (χωρίς αγκύλες γωνίας) και το Bluefish εισάγει μια ετικέτα ανοίγματος και κλεισίματος «προ» στο έγγραφο:
.
04
από 04
Άλλα χαρακτηριστικά του Bluefish
Το στιγμιότυπο οθόνης είναι ευγενική προσφορά του Jon Morin
Ενώ το Bluefish δεν είναι Πρόγραμμα επεξεργασίας WYSIWYG, έχει τη δυνατότητα να σας επιτρέπει να κάνετε προεπισκόπηση του κωδικού σας σε οποιοδήποτε πρόγραμμα περιήγησης που έχετε εγκαταστήσει στον υπολογιστή σας. Υποστηρίζει επίσης αυτόματη συμπλήρωση κώδικα, επισήμανση σύνταξης, εργαλεία εντοπισμού σφαλμάτων, ένα πλαίσιο εξόδου σεναρίου, πρόσθετα και πρότυπα που μπορούν να σας βοηθήσουν να δημιουργήσετε έγγραφα που εργάζεστε συχνά με.