balatsoukas.comΜαθήματα html για την κατασκευή site. Εκπαίδευση ενηλίκων στην κατασκευή ιστοσελίδων. Εκπαίδευση σε σεμινάρια html και ιδιαίτερα μαθήματα κατασκευής site.
Τα μαθήματα html αποτελούν το πρώτο βήμα για την εκπαίδευση στην κατασκευή ιστοσελίδων. Κάθε αξιόλογο σεμινάριο κατασκευής ιστοσελίδων καλό είναι να ξεκινάει με εκπαίδευση html. Σε γενικές γραμμές η γλώσσα html δεν θεωρείται δύσκολη συνεπώς η διάρκεια ενός σεμιναρίου html θα έχει μικρή διάρκεια. Υπάρχει βέβαια και η δυνατότητα για ιδιαίτερα μαθήματα html ώστε η πρόοδος του εκπαιδευόμενου να είναι πολύ πιο γρήγορη. Ειδικά για την εκπαίδευση ενηλίκων στη γλώσσα html καλό θα είναι να προηγηθεί ένα σύντομο ιδιαίτερο μάθημα ώστε να καλυφθούν τυχόν κενά η τυχόν λανθασμένη αντίληψη του εκπαιδευόμενου πάνω σε θέματα κατασκευή ιστοσελίδων. Ο Νίκος Μπαλατσουκας ασχολείται με την κατασκευή ιστοσελίδων από το 1996 και διαθέτει όλη τη γνώση και την εμπειρία για να εκπαιδεύσει οποιονδήποτε σε θέματα κατασκευής ιστοσελίδων και ειδικότερα στα σεμινάρια html.
Η γλώσσα html αποτελεί τη βασικότερη γνώση που πρέπει να έχει όποιος αποφασίσει να ασχοληθεί με την κατασκευή ιστοσελίδων. Προέρχεται από τα αρχικά των λέξεων HyperText Markup Language και ουσιαστικά αποτελεί τη γλώσσα εμφάνισης περιεχομένου στο διαδίκτυο αλλά και διασύνδεσης σελίδων μεταξύ τους. Αυτό που έρχεται στο φυλλομετρητή (browsers) όταν πλοηγούμαστε είναι η κωδικοποίηση html και css. Όλα τα συστήματα διαχείρισης περιεχομένου (Content Management Systems) στην έξοδο βγάζουν κώδικα html.Η λέξη HTML προέρχεται από τα αρχικά των λέξεων HyperText Markup Language.
Στο ακόλουθο παράδειγμα βλέπουμε μια τυπική δομή ιστοσελίδας html. Αποτελεί ένα παράδειγμα που χρησιμοποιούμε στα μαθήματα html διότι επιτρέπει στον εκπαιδευόμενο να κατανοήσει τη λογική της γλώσσας html καθώς και του συνδυασμού με το css. Μπορείτε να εμβαθύνετ επερισσότερο στο css παρακολουθώντας τα σεμινάρια css.
Πρώτο κομμάτι του κώδικα html:
Δεύτερο κομμάτι του κώδικα html:
Τρίτο κομμάτι του κώδικα html:
Και εδώ βλέπουμε το αποτέλεσμα:
Πολλοί άνθρωποι αναρωτιούνται Για ποιο λόγο να μάθουν τη γλώσσα html. Η ερώτηση αυτή είναι πολύ λογική και έχει βάση. Πλέον η τεχνολογία μας παρέχει ένα σύνολο από εργαλεία εξειδικευμένα για κάθε τύπο ιστοσελίδας. Για παράδειγμα εάν θέλω να φτιάξω ένα ηλεκτρονικό κατάστημα τότε θα χρησιμοποιήσω το opencart ή το presta. Εάν θέλω να φτιάξω μία εταιρική ιστοσελίδα τότε μπορώ να χρησιμοποιήσω είτε το wordpress είτε το joomla είτε το drupal. Εάν θέλω να φτιάξω ένα απλό blog τότε υπάρχουν οι μεγάλες δωρεάν πλατφόρμες του blogger και το wordpress. Εφόσον όλα είναι έτοιμα τότε που θα μου χρειαστεί το html;
Έχουμε δημιουργήσει ασκήσεις html ώστε να μπορείτε να εφαρμόσετε όσα μαθαίνετε στα αντίστοιχα μαθήματα. Οι ασκήσεις κατασκευής ιστοσελίδων ξεκινούν από εύκολο επίπεδο και σιγά σιγά ανεβαίνει η δυσκολία. Όσο ανεβαίνει η δυσκολία καλείστε να χρησιμοποιήσετε css. Και σε ακόμα μεγαλύτερη δυσκολία ζητείται η χρήση JavaScript. Επίσης διαθέτουμε και πιο απλές ασκήσεις html. Η εξάσκηση αποτελεί ακρογωνιαίο λίθο της προσπάθειας για τη γνώση ενός αντικειμένου. Η μελέτη των ασκήσεων html θα σας δώσει τη δυνατότητα εξάσκησης σε βασικές γνώσεις κατασκευής ιστοσελίδων.
Μία πρώτη απάντηση είναι ότι όσο καλύτερα γνωρίζω τη γλώσσα html τόσο ευκολότερα θα μπορέσω να κάνω πιο σωστά και πιο γρήγορα τη δουλειά μου με τα παραπάνω εργαλεία. Με άλλα λόγια θα έχω πολύ μεγαλύτερη ευελιξία στην κατασκευή της ιστοσελίδας. Παρόλο που η ιστοσελίδα κατασκευάστηκε με κάποιο άλλο εργαλείο η ευχέρεια και η ευελιξία που μου δίνει έκδοση της html είναι εκπληκτική. Όλα αυτά τα συστήματα κατασκευής ιστοσελίδων και ηλεκτρονικών καταστημάτων δίνουν τη δυνατότητα συγγραφής ή επεξεργασίας του κώδικα html. Εάν κάποιος γνωρίζει τη γλώσσα html τότε θα μπορέσει με εύκολο και γρήγορο τρόπο να κάνει κάτι το οποίο δεν είναι άμεσα διαθέσιμο από τις επιλογές του προγράμματος. Η καλή γνώση της γλώσσας html μπορεί να μειώσει ακόμα και στο μισό το χρόνο κατασκευής μιας ιστοσελίδας μέσω wordpress ή μέσω joomla.Επίσης η γνώση της γλώσσας html μας επιτρέπει να κατανοήσουμε καλύτερα τις επιλογές του προγράμματος. Όταν για παράδειγμα ο επεξεργαστής κειμένου του wordpress μας δίνει το h2 τότε θα μας είναι πολύ πιο οικείο θα το χρησιμοποιήσουμε εάν γνωρίζουμε ότι αυτό είναι μία ετικέτα της html.
Μία πολύ καλή ιδέα για να προχωρήσετε μετά τη γλώσσα html είναι να μάθετε βάσεις δεδομένων και ειδικότερα τη γλώσσα html. Μπορείτε να κάνετε εξάσκηση χρησιμοποιώντας τις ασκήσεις sql που έχουμε δημοσιεύσει στην ιστοσελίδα μας. Οι ασκήσεις αυτές δημιουργήθηκαν στα σεμινάρια sql με σκοπό να μπορεί ο κάθε εκπαιδευόμενος να κάνει εξάσκηση στον υπολογιστή του. Εδώ έχουμε πολύ υλικό για τα μαθήματα SQL.
Υπάρχουν διάφορες τεχνικές προώθησης ιστοσελίδων για να καταφέρουμε να επιτύχουμε άνοδο στην πρώτη σελίδα της google. Μία από τις παραμέτρους που εξετάζει η google είναι ταχύτητα φόρτωσης της ιστοσελίδας. Κανένα από τα συστήματα κατασκευής ιστοσελίδων που αναφέραμε παραπάνω δεν μπορούν να πετύχουν τόσο χαμηλό χρόνο φόρτωσης όσο το html. Η αιτία της καθυστέρησης είναι η χρήση της php και της mysql. Σε όλα τα συστήματα κατασκευή ιστοσελίδων το περιεχόμενο παράγεται αφού η γλώσσα προγραμματισμού php διαβάσει το περιεχόμενο μέσα από τη βάση δεδομένων mysql. Αυτό δημιουργεί μία καθυστέρηση την οποία δεν την έχουμε όταν χρησιμοποιούμε απλό html. Επίσης πολλά template καθυστερούν ακόμα περισσότερο τη φόρτωση της ιστοσελίδας.
Ναι μεν η χρήση του template μας επιτρέπει να έχουμε μία πολύ ωραία εμφανισιακά ιστοσελίδα όμως θα πρέπει να ζυγίσουμε και την παράμετρο της καθυστέρησης. Σε γενικές γραμμές τα html template είναι πολύ πιο γρήγορα και καθυστερούν πολύ λιγότερο τη φόρτωση της ιστοσελίδας σε σχέση με τα templates του opencart, του joomla και του wordpress. Για να το πούμε με απλά λόγια εαν εμείς φτιάξουμε μία σελίδα με τη χρήση της html τότε ο ανταγωνιστής θα δυσκολευτεί πάρα πολύ να πετύχει καλύτερη κατάταξη στο google χρησιμοποιώντας joomla ή wordpress.
Ενδεχομένως όσα διαβάσατε παραπάνω θα σας ξενίζουν. Αυτό συμβαίνει διότι έχετε συνηθίσει να ταυτίζετε την κατασκευή ιστοσελίδας με το wordpress η με το joomla και την κατασκευή ηλεκτρονικού καταστήματος με το opencart η με το presta. Ο Νίκος Μπαλατσούκας έχει ασχοληθεί με την κατασκευή ιστοσελίδων και έχει αναλάβει αρκετές δεκάδες προώθησης ιστοσελίδων. Το συμπέρασμα είναι οτι η καλύτερη τεχνική προώθησης ιστοσελίδων είναι η κατασκευή ενός ιστότοπου με html. Εάν το site έχει λίγες σελίδες τότε η κατασκευή ιστοσελίδας με html συμφέρει από κάθε άποψη. Τόσο από άποψη απαιτήσεων φιλοξενίας όσο και από άποψη ταχύτητας υλοποίησης. Και βέβαια είναι ότι καλύτερο για την προώθηση της ιστοσελίδας. Εάν τώρα το site έχει πάρα πολλές σελίδες τότε καλό θα είναι να ακολουθήσουμε υβριδική μέθοδο. Δηλαδή να φτιάξουμε έναν ιστότοπο html ο οποίος να αποτελείται από λίγες δεκάδες σελίδες πλήρως βελτιστοποιημένες. Ουσιαστικά είναι σαν να φτιάχνουμε κάποιες δεκάδες landing pages. Και όλη η υπόλοιπη πληροφορία να τοποθετηθεί σε ένα wordpress blog το οποίο θα υπάρχει εντός του domain. Για να το πούμε με άλλα λόγια οι προωθούμενες σελίδες κατασκευάζονται με τη γλώσσα html ενώ όλο το υπόλοιπο υλικό του site τοποθετείται σε ένα wordpress blog.
Ένα από τα ζητήματα που απασχολούν τους κατασκευαστές ιστοσελίδων είναι η ασφάλεια. Είναι κοινό μυστικό ότι εάν δεν λάβουμε μέτρα ασφαλείας τότε ο ιστότοπος που θα κατασκευαστεί μέσω wordpress σήμερα στο joomla μέσω opencart ή μέσω presta τότε δεν υπάρχει περίπτωση να έχει πολλά χρόνια ζωής. Για την ακρίβεια είναι κάτι παραπάνω από σίγουρο ότι μέσα σε 2-3 χρόνια θα έχει χτυπηθεί από χάκερς. Σε αυτή την περίπτωση βέβαια οι συνέπειες όσον αφορά τη θέση της ιστοσελίδας στην google είναι καταστροφικές. Όλη η προσπάθεια που κάναμε για την προώθηση της ιστοσελίδας πάει χαμένη. Και πρέπει να ξεκινήσουμε πάλι από την αρχή. Ακόμα δυσκολότερη γίνεται η κατάσταση αν δεν καταλάβουμε έγκαιρα την επίθεση και προλάβει η google να μας ρίξει πέναλτι. Τότε η προσπάθεια προώθησης της ιστοσελίδας καθίσταται εξαιρετικά δύσκολη αν όχι αδύνατη. Αντίθετα εάν επιλέξουμε να κάνουμε κατασκευή ιστοσελίδας με τη γλώσσα html τότε η πιθανότητα επιθέσεις από χάκερ μειώνεται.
Ο λόγος είναι απλός. Ένας ιστότοπος wordpress μπορεί να χτυπηθεί είτε μέσα από το cpanel είτε μέσα από την mysql είτε μέσα από το wordpress. Ειδικότερα η επίθεση μέσα από το διαχειριστικό περιβάλλον του wordpress αποτελεί τον ευκολότερο τρόπο για να χτυπηθεί ένα site το οποίο δεν έχει ανανεώσει την έκδοση του wordpress. Για αυτό το λόγο τα σεμινάρια wordpress επιμένουμε πολύ στην τακτική ενημέρωση τόσο του wordpress όσο και τον plug-in και του template. Πολλοί χρήστες το αποφεύγουν διότι εάν κάτι στραβώσει τότε θα καταρρεύσει όλος ο ιστότοπος και θα πρέπει να κάνουν ανάκτηση από το τελευταίο backup. Όμως η ενημέρωση είναι πολύ σημαντική διαδικασία για την ασφάλεια και επιβάλλεται νερό τονίζει αυτό κάθε εκπαιδευτής σε μαθήματα wordpress. Το ίδιο ισχύει και το joomla και για το opencart και για το drupal και όλα τα υπόλοιπα content management systems. Εάν όμως έχουμε επιλέξει ιστότοπο html τότε ο μοναδικός τρόπος επίθεσης είναι μέσω του server ο φιλοξενεί τον ιστότοπο. Δηλαδή η μόνη δυνατότητα επίθεσης σε ιστότοπο html είναι μέσω του plesk η μέσω του cpanel.
Επίσης ένα άλλο πλεονέκτημα που μας δεν είναι η κατασκευή ιστοσελίδας με html είναι πολύ πιο εύκολη η ανάκτηση μέσω του backup. Διότι στην περίπτωση του html χρειάζεται απλά να ξανά ανεβάσουμε τα αρχεία στο νέο πακέτο φιλοξενίας. Αντίθετα στην περίπτωση του wordpress για να ξαναχτίσουμε το site θα πρέπει να εγκαταστήσουμε τη βάσης δεδομένων και στη συνέχεια αφού ανεβάσουμε τα αρχεία να κάνουμε και κάποιες ρυθμίσεις. Οι οποίες βέβαια ενδεχομένως να βγάλουν κάποια προβλήματα διότι οι διάφοροι πάροχοι φιλοξενίας έχουν διαφορετικές ρυθμίσεις καθώς και διαφορετικές εκδόσεις των προγραμμάτων php και mysql. Εδώ κάνουμε σύγκριση των τεχνολογιών wordpress και html στα πλαίσια σεμιναρίου κατασκευής ιστοσελίδων.
Για όλους αυτούς τους λόγους που αναφέραμε παραπάνω θα δούμε άκρως απαραίτητο να ξεκινήσει κάποιος την εκμάθηση κατασκευή ιστοσελίδων από τη γλώσσα html. Αυτό είναι το πρώτο πράγμα που λέμε στα σεμινάρια κατασκευής ιστοσελίδων. Όλα τα εργαλεία είναι χρήσιμα αλλά το σημαντικότερο όλων είναι να έχει κανείς την ευελιξία να λύνει τα προβλήματα εύκολα και γρήγορα. Η γλώσσα html μας παρέχει αυτή ακριβώς την ευελιξία στην κατασκευή ιστοσελίδων.
Στην κατασκευή e-shop και τη δημιουργία ιστοσελίδων πολύ συχνά προκύπτει η ανάγκη επεξεργασίας εικόνων. Για το σκοπό αυτό το καταλληλότερο πρόγραμμα με το photoshop. Η ομάδα μας έχει μεγάλη εμπειρία στην επεξεργασία εικόνων και στη διδασκαλία αυτής στα σεμινάρια photoshop. Στον ιστότοπο που ήδη βρίσκεστε έχουμε δημοσιεύσει κάποια κομμάτια του υλικού που χρησιμοποιούμε στα σεμινάρια photoshop με σκοπό να βοηθήσουμε τους εκπαιδευόμενους στην καλύτερη εφαρμογή των γνώσεων. Περιλαμβάνονται επίσης ασκήσεις photoshop τις οποίες μπορεί να χρησιμοποιήσει ο εκπαιδευόμενος για να κάνει εξάσκηση. Στον ακόλουθο σύνδεσμο θα βρείτε πολλές ασκήσεις για το photoshop.
