Έχει περάσει αρκετός χρόνος από τότε που υλοποιήθηκε το πρόγραμμα κατάρτισης για Κατασκευή Ιστοσελίδων (Web Design). Αυτό το άρθρο δεν υπήρξε η δυνατότητα να δημοσιευθεί νωρίτερα. Βέβαια ξεκίνησε να γράφεται με την λήξη των μαθημάτων. Όμως δεν ολοκληρώθηκε τότε. Ορίστε το άρθρο ολοκληρωμένο πλέον…

Κατασκευή Ιστοσελίδων (Web Design) – Η Γραφικές Τέχνες Σταφυλάς καταρτίζονται.
Το πρόγραμμα κατάρτισης για Κατασκευή Ιστοσελίδων (Web Design) τελείωσε… Ώρα για να κάνουμε τον απολογισμό. Με την συνεργασία του ΟΑΕΔ (Δ.ΥΠ.Α) και του Διαβαλκανικού Κέντρου Επιχειρηματικής Ανάπτυξης Α.Ε. υλοποιήθηκε το πρόγραμμα κατάρτισης «Ειδικός Σχεδιασμός Ιστοσελίδων & Εφαρμογών». Ο σκοπός του Προγράμματος ήταν ο εκπαιδευόμενος να εμπλουτίσει τις γνώσεις του σχετικά με τη δημιουργία, την παραμετροποίηση και τη συντήρηση – διαχείριση ενός ιστότοπου. Θα γινόταν ακολουθώντας όλες τις σύγχρονες τεχνικές προγραμματισμού σε επίπεδο online περιεχομένου.
Η κατάρτιση για την Κατασκευή Ιστοσελίδων, χωριζόταν σε έξι βασικές ενότητες, που διδάχτηκαν στην αίθουσα και με τηλεκατάρτιση. Αυτές ήταν: η γλώσσα HTML, η γλώσσα HTML 5, το CSS, η γλώσσα JavaScript, τα CMS και το Digital Marketing. Επιπρόσθετα στο πρόγραμμα περιλαμβάνονταν άλλες 3 ενότητες, χωρίς να διδαχτούν από τους εκπαιδευτές. Οι οποίες ήταν: Επικοινωνιακές Δεξιότητες (Assorted Communication), Τεχνικές Διαχείρισης Χρόνου (Time Management) και Ικανότητα Συνεργασίας σε Ομάδα (Teamwork). Παρακάτω δίνονται περισσότερες πληροφορίες για την κάθε ενότητα. Υπήρχε ύλη και για τις εννέα ενότητες σε διαφάνειες, στις οποίες οι καταρτιζόμενοι είχαν πρόσβαση από πλατφόρμα του προγράμματος. Η ύλη αυτή περιλαμβανόταν στην ασύγχρονη κατάρτιση.
Το Διαβαλκανικό Κέντρο προμήθευσε τους φιλόξενους χώρους του και προσέλαβε δυο καλά καταρτισμένους εκπαιδευτικούς να διεξάγουν τα μαθήματα. Ο ένας ανέλαβε τα μαθήματα στις αίθουσες του Διαβαλκανικού Κέντρου με φυσική παρουσία και ο άλλος τα μαθήματα της τηλεκατάρτισης. Στο Διαβαλκανικό Κέντρο υπάρχουν αίθουσες με ηλεκτρονικό υπολογιστή για κάθε καταρτιζόμενο, εργαλείο σημαντικό για την κατασκευή ιστοσελίδων. Επίσης υπάρχει και ένα ευγενικό, έτοιμο να σε εξυπηρετήσει προσωπικό. Άνθρωποι επαγγελματίες που ξέρουν να κάνουν καλά την δουλειά τους. Αυτό που χρειάζεται λίγο προσοχή είναι η πρόσβαση στο διαδίκτυο, όπου ορισμένες φορές λόγω της υπερφόρτωσης, είχαμε αργή ταχύτητα του δικτύου.
Το πρόγραμμα για την εκμάθηση κατασκευής ιστοσελίδων
Όσον αφορά το ίδιο το πρόγραμμα, θα σχολιάσουμε κάθε ενότητα του προγράμματος στην συνέχεια του άρθρου, αλλά και σε μελλοντικά άρθρα. Σε γενικές γραμμές η ύλη της ασύγχρονης κατάρτισης ήταν αρκετά πληροφοριακή. Ο καταρτιζόμενος με τις γνώσεις που αποκτά από την ύλη αυτή είναι σε θέση να μπορεί να κατασκευάσει μια ιστοσελίδα. Η παρουσίασή της ήταν πολύ καλά δουλευμένη. Ένα μειονέκτημα ήταν ότι σε μερικές ενότητες υπήρχε μεγάλος όγκος ύλης. Επίσης σε αρκετά σημεία υπήρχαν λάθη, άλλες φορές ασήμαντα αλλά σε μερικές περιπτώσεις κραυγαλέα. Όμως για αυτό είχαμε και τα μαθήματα δια ζώσης και με τηλεκπαίδευση, ώστε να διορθώνονται τα λάθη. Οι καλά καταρτισμένοι καθηγητές κάλυπταν τα προβλήματα με την ύλη.
Η ουσία είναι ότι η κατάρτιση πέτυχε τον σκοπό της. Και θα εξηγήσουμε γιατί μπορούμε να το πούμε αυτό. Με τις γνώσεις που αποκτήθηκαν από το πρόγραμμα αυτό, είναι εφικτή η κατασκευή ιστοσελίδας από τον καταρτιζόμενο. Και όχι μόνο χρησιμοποιώντας κάποιο CMS που σου δίνει την δυνατότητα να κατασκευάσεις μια ιστοσελίδα χωρίς να ξέρεις να γράφεις κώδικα HTML.
Συγκεκριμένα πατώντας εδώ μπορείτε να δείτε μια πλήρη ιστοσελίδα που δημιουργήθηκε όλη με κώδικα HTML γραμμένο στο χέρι και όχι έτοιμο. Σε αυτήν την ιστοσελίδα υπάρχουν οι σημειώσεις μας από την διδακτέα ύλη. Επίσης υπάρχουν οι ασκήσεις που έγιναν στην τάξη αλλά και στην τηλεκατάρτιση. Την στιγμή που γράφεται αυτό το άρθρο δεν είναι ακόμα ολοκληρωμένη, αλλά είναι λειτουργική πλήρως. Ακόμα χρειάζεται να προστεθούν οι σημειώσεις από την θεωρεία σε αρκετές ενότητες. Μια επίπονη διαδικασία, να γραφτούν με την γλώσσα HTML. Όσον αφορά τις ασκήσεις, χρειάζεται ακόμα σε αρκετές να προστεθούν επεξηγηματικά σχόλια.
Τα μαθήματα – Γλώσσα HTML
Αλλά ας γυρίσουμε στα μαθημάτων που διδάχτηκαν. Τα μαθήματα ξεκίνησαν με τις ενότητες της γλώσσας HTML και HTML 5. Η βάση, η ραχοκοκαλιά κάθε ιστοσελίδας. Η γλώσσα που χρησιμοποιείται για να κατασκευάσουμε μια ιστοσελίδα. Τώρα ουσιαστικά χρησιμοποιείται η HTML 5 αλλά χρειάστηκε να διδαχτεί πρώτα η HTML, αρχική έκδοση της γλώσσας. Με αυτόν τον τρόπο ο μαθητευόμενος καταλαβαίνει καλύτερα την χρήση της HTML με την πιο απλή την αρχική.
Με την εξέταση της HTML 5 ο καταρτιζόμενος βλέπει πρώτα από όλα τις διαφορές με την αρχική. Γίνεται αναφορά στις νέες προσθήκες και τις νέες δυνατότητες που φέρνουν. Καθώς πλέον ζητούνται πιο απαιτητικά πράγματα στις ιστοσελίδες χρειάζονται νέα στοιχεία στην γλώσσα. Όλες οι ιστοσελίδες κατασκευάζονται πλέον με την HTML 5.
Τόση ώρα μιλάμε για την γλώσσα HTML και δεν έχουμε αναφέρει το πιο βασικό. Τι σημαίνει το ακρωνύμιο HTML. HyperText Markup Language και στα ελληνικά «γλώσσα σήμανσης υπερκειμένου». Ουσιαστικά αυτή η γλώσσα διαβάζεται από τους φυλλομετρητές, πιο γνωστά ως browsers και εμφανίζει στην οθόνη το περιεχόμενο. Τους φυλλομετρητές πιο σύγχρονα τους ονομάζουμε και πρόγραμμα περιήγησης Ιστού. Μεταφράζει ότι έχει γραφτεί στο αρχείο HTML σε υπερκείμενο και εμφανίζει το αποτέλεσμα στον χρήστη. Περισσότερη ανάλυση θα κάνουμε σε άρθρο μελλοντικά.

Το CSS και η JavaScript
Επόμενη ενότητα ήταν η παρουσίαση του CSS. Βασικό κομμάτι στην κατασκευή ιστοσελίδων. CSS είναι το ακρωνύμιο Cascading Style Sheets. Στα ελληνικά μπορεί να οριστεί ως διαδοχικά φύλλα ύφους ή επάλληλα φύλλα ύφους. Εν συντομία το CSS δίνει στυλ στο αρχείο html. Ελέγχει την εμφάνιση που θα έχει το αρχείο html κατά την μεταφορά στην οθόνη. Επίσης παρουσιάζεται σε αυτήν την ενότητα και το Responsive Design. Το Responsive Design βοηθά να είναι οι ιστοσελίδες το ίδιο εμφανίσιμες και χρηστικές σε όλες τις συσκευές. Περισσότερα θα αναπτύξουμε σε μελλοντικό άρθρο με παραδείγματα κλπ.

Στην συνέχεια ασχοληθήκαμε με την ενότητα που αφορά την JavaScript. Η JavaScript (JS) είναι μια διερμηνευμένη γλώσσα προγραμματισμού για ηλεκτρονικούς υπολογιστές. Με απλά λόγια, με την JavaScript δίνεται η δυνατότητα να επιδρά ο χρήστης κατά την ανάγνωση από τον browser της σελίδας html. Ανάλογα με τις επιλογές του μπορεί να αλλάξει χαρακτηριστικά της ιστοσελίδας. Έτσι παρεμβαίνει δυναμικά σε αυτό που εμφανίζεται στην οθόνη του. Είναι μια γλώσσα σεναρίων, δυναμική με ασθενείς τύπους και χρησιμοποιεί συναρτήσεις ως αντικείμενα πρώτης τάξης.
Σε αυτήν την ενότητα γίνεται και μια πρώτη επαφή με τα αρχεία JSON και την JQuery. Πληροφοριακά το JSON βγαίνει από το JavaScript Object Notation. Το αρχείο JSON είναι μια ανοιχτή μορφή αρχείου για την κοινή χρήση και αποθήκευση δεδομένων διαφόρων τύπων. Η JQuery είναι μια βιβλιοθήκη της JavaScript σχεδιασμένη να απλοποιήσει την υλοποίηση σεναρίων της. Περισσότερα θα εξηγηθούν σε μελλοντικό άρθρο.

Τα CMS
Η επόμενη ενότητα στο σεμινάριο κατασκευής ιστοσελίδων ήταν τα CMS. Content Management Systems (CMS) που σημαίνει Σύστημα Διαχείρισης Περιεχομένου. Τα CMS είναι εφαρμογές που βοηθούν κάποιον να διαχειρίζεται το περιεχόμενο μιας ιστοσελίδας. Το περιεχόμενο μπορεί να είναι κείμενο, εικόνες, πίνακες κλπ. Η διαχείριση γίνεται με εύκολο τρόπο και χωρίς γνώση html, css και JavaScript. Πολύ γνωστά CMS είναι τα WordPress, Joomla και Drupal. Με τα 2 πρώτα κατασκευάζονται οι περισσότερες ιστοσελίδες αυτήν την στιγμή. Όμως ας αφήσουμε μελλοντικό άρθρο να ασχοληθεί με περισσότερες λεπτομέρειες για τα CMS.

Digital Marketing και άλλες θεωρητικές ενότητες
Το πρόγραμμα Κατασκευής Ιστοσελίδων, είχε στην συνέχεια την ενότητα Digital Marketing. Πολύ σύντομα είδαμε μερικές αρχές για την προώθηση των ιστοσελίδων με το SEO. Η διδασκαλία επικεντρώθηκε στο Google Analytics. Εξήγηση και χρήση του για την προώθηση ιστοσελίδων. Πολύ σύντομα και απλά. Αλλά ας ασχοληθούμε περισσότερο αργότερα.
Και θα ολοκληρώσουμε με τις ενότητες που δεν διδάχθηκαν στην αίθουσα. Ήταν οι Επικοινωνιακές Δεξιότητες (Assorted Communication), Τεχνικές Διαχείρισης Χρόνου (Time Management) και Ικανότητα Συνεργασίας σε Ομάδα (Teamwork). Χρήσιμες αρχές και μοντέλα για να κάνουν την ζωή μας καλύτερη. Για να γίνουμε πιο παραγωγικοί και χρήσιμοι. Να συνεργαζόμαστε καλύτερα. Την ύλη την έχω μαζέψει στην ιστοσελίδα που έφτιαξα και μπορείτε να την βρείτε πατώντας στα link: Επικοινωνιακές Δεξιότητες – Τεχνικές Διαχείρισης Χρόνου – Ικανότητα Συνεργασίας σε Ομάδα.
Θα τα πούμε σύντομα με περισσότερο υλικό και ενδιαφέρουσες εφαρμογές όσων μάθαμε σε αυτό το όμορφο σεμινάριο. Προσωπικά συστήνω ανεπιφύλακτα την παρακολούθηση τέτοιων σεμιναρίων. Με αυτά έχω μάθει πολύ χρήσιμα πράγματα για την εργασία μου. Μια εισαγωγή στην κατασκευή ιστοσελίδων.