×
Κατασκευή Ιστοσελίδων WordPress Joomla wordpress vs html/css
×
Κατασκευή Eshop Woocommerce Opencart Magento Shopify
×
Προώθηση Ιστοσελίδων Digital Marketing Μαθήματα Facebook Σεμινάρια Linkedin Μαθήματα Instagram Σεμινάρια Twitter Μαθήματα Pinterest
×
Κατασκευή web εφαρμογών Σεμινάρια JAVA Μαθήματα PHP Σεμινάρια MySQL Προγραμματισμός Παιχνιδιών
×
Μαθήματα Excel Σεμινάρια VBA Σεμινάρια Photoshop Μαθήματα PowerPoint Σεμινάρια Word Μαθήματα Προγραμματισμού Πληροφορική στο δημοτικό

balatsoukas logo balatsoukas.com

Μαθήματα html

Μαθήματα html για την κατασκευή site. Εκπαίδευση ενηλίκων στην κατασκευή ιστοσελίδων. Εκπαίδευση σε σεμινάρια html και ιδιαίτερα μαθήματα κατασκευής site.

Εκπαιδευτής Ενηλίκων Νικόλαος Μπαλατσούκας Τηλ. (+30) 6977676785

Τα μαθήματα html αποτελούν το πρώτο βήμα για την εκπαίδευση στην κατασκευή ιστοσελίδων. Κάθε αξιόλογο σεμινάριο κατασκευής ιστοσελίδων καλό είναι να ξεκινάει με εκπαίδευση html. Σε γενικές γραμμές η γλώσσα html δεν θεωρείται δύσκολη συνεπώς η διάρκεια ενός σεμιναρίου html θα έχει μικρή διάρκεια. Υπάρχει βέβαια και η δυνατότητα για ιδιαίτερα μαθήματα html ώστε η πρόοδος του εκπαιδευόμενου να είναι πολύ πιο γρήγορη. Ειδικά για την εκπαίδευση ενηλίκων στη γλώσσα html καλό θα είναι να προηγηθεί ένα σύντομο ιδιαίτερο μάθημα ώστε να καλυφθούν τυχόν κενά η τυχόν λανθασμένη αντίληψη του εκπαιδευόμενου πάνω σε θέματα κατασκευή ιστοσελίδων. Ο Νίκος Μπαλατσουκας ασχολείται με την κατασκευή ιστοσελίδων από το 1996 και διαθέτει όλη τη γνώση και την εμπειρία για να εκπαιδεύσει οποιονδήποτε σε θέματα κατασκευής ιστοσελίδων και ειδικότερα στα σεμινάρια html.

Τι είναι η γλώσσα html

Η γλώσσα html αποτελεί τη βασικότερη γνώση που πρέπει να έχει όποιος αποφασίσει να ασχοληθεί με την κατασκευή ιστοσελίδων. Προέρχεται από τα αρχικά των λέξεων HyperText Markup Language και ουσιαστικά αποτελεί τη γλώσσα εμφάνισης περιεχομένου στο διαδίκτυο αλλά και διασύνδεσης σελίδων μεταξύ τους. Αυτό που έρχεται στο φυλλομετρητή (browsers) όταν πλοηγούμαστε είναι η κωδικοποίηση html και css. Όλα τα συστήματα διαχείρισης περιεχομένου (Content Management Systems) στην έξοδο βγάζουν κώδικα html.Η λέξη HTML προέρχεται από τα αρχικά των λέξεων HyperText Markup Language.

Παράδειγμα κατασκευής ιστοσελίδας html

Στο ακόλουθο παράδειγμα βλέπουμε μια τυπική δομή ιστοσελίδας html. Αποτελεί ένα παράδειγμα που χρησιμοποιούμε στα μαθήματα html διότι επιτρέπει στον εκπαιδευόμενο να κατανοήσει τη λογική της γλώσσας html καθώς και του συνδυασμού με το css. Μπορείτε να εμβαθύνετ επερισσότερο στο css παρακολουθώντας τα σεμινάρια css.

Πρώτο κομμάτι του κώδικα html:

μάθημα html

Δεύτερο κομμάτι του κώδικα html:

μαθήματα html

Τρίτο κομμάτι του κώδικα html:

σεμινάρια html

Και εδώ βλέπουμε το αποτέλεσμα:

αποτέλεσμα html

Γιατί να μάθω html

Πολλοί άνθρωποι αναρωτιούνται Για ποιο λόγο να μάθουν τη γλώσσα html. Η ερώτηση αυτή είναι πολύ λογική και έχει βάση. Πλέον η τεχνολογία μας παρέχει ένα σύνολο από εργαλεία εξειδικευμένα για κάθε τύπο ιστοσελίδας. Για παράδειγμα εάν θέλω να φτιάξω ένα ηλεκτρονικό κατάστημα τότε θα χρησιμοποιήσω το opencart ή το presta. Εάν θέλω να φτιάξω μία εταιρική ιστοσελίδα τότε μπορώ να χρησιμοποιήσω είτε το wordpress είτε το joomla είτε το drupal. Εάν θέλω να φτιάξω ένα απλό blog τότε υπάρχουν οι μεγάλες δωρεάν πλατφόρμες του blogger και το wordpress. Εφόσον όλα είναι έτοιμα τότε που θα μου χρειαστεί το html;

Ασκήσεις html

Έχουμε δημιουργήσει ασκήσεις html ώστε να μπορείτε να εφαρμόσετε όσα μαθαίνετε στα αντίστοιχα μαθήματα. Οι ασκήσεις κατασκευής ιστοσελίδων ξεκινούν από εύκολο επίπεδο και σιγά σιγά ανεβαίνει η δυσκολία. Όσο ανεβαίνει η δυσκολία καλείστε να χρησιμοποιήσετε css. Και σε ακόμα μεγαλύτερη δυσκολία ζητείται η χρήση JavaScript. Επίσης διαθέτουμε και πιο απλές ασκήσεις html. Η εξάσκηση αποτελεί ακρογωνιαίο λίθο της προσπάθειας για τη γνώση ενός αντικειμένου. Η μελέτη των ασκήσεων html θα σας δώσει τη δυνατότητα εξάσκησης σε βασικές γνώσεις κατασκευής ιστοσελίδων.

Ευέλικτη κατασκευή ιστοσελίδων με τη γλώσσα html

Μία πρώτη απάντηση είναι ότι όσο καλύτερα γνωρίζω τη γλώσσα html τόσο ευκολότερα θα μπορέσω να κάνω πιο σωστά και πιο γρήγορα τη δουλειά μου με τα παραπάνω εργαλεία. Με άλλα λόγια θα έχω πολύ μεγαλύτερη ευελιξία στην κατασκευή της ιστοσελίδας. Παρόλο που η ιστοσελίδα κατασκευάστηκε με κάποιο άλλο εργαλείο η ευχέρεια και η ευελιξία που μου δίνει έκδοση της html είναι εκπληκτική. Όλα αυτά τα συστήματα κατασκευής ιστοσελίδων και ηλεκτρονικών καταστημάτων δίνουν τη δυνατότητα συγγραφής ή επεξεργασίας του κώδικα html. Εάν κάποιος γνωρίζει τη γλώσσα html τότε θα μπορέσει με εύκολο και γρήγορο τρόπο να κάνει κάτι το οποίο δεν είναι άμεσα διαθέσιμο από τις επιλογές του προγράμματος. Η καλή γνώση της γλώσσας html μπορεί να μειώσει ακόμα και στο μισό το χρόνο κατασκευής μιας ιστοσελίδας μέσω wordpress ή μέσω joomla.Επίσης η γνώση της γλώσσας html μας επιτρέπει να κατανοήσουμε καλύτερα τις επιλογές του προγράμματος. Όταν για παράδειγμα ο επεξεργαστής κειμένου του wordpress μας δίνει το h2 τότε θα μας είναι πολύ πιο οικείο θα το χρησιμοποιήσουμε εάν γνωρίζουμε ότι αυτό είναι μία ετικέτα της html.

Μία πολύ καλή ιδέα για να προχωρήσετε μετά τη γλώσσα html είναι να μάθετε βάσεις δεδομένων και ειδικότερα τη γλώσσα html. Μπορείτε να κάνετε εξάσκηση χρησιμοποιώντας τις ασκήσεις sql που έχουμε δημοσιεύσει στην ιστοσελίδα μας. Οι ασκήσεις αυτές δημιουργήθηκαν στα σεμινάρια sql με σκοπό να μπορεί ο κάθε εκπαιδευόμενος να κάνει εξάσκηση στον υπολογιστή του. Εδώ έχουμε πολύ υλικό για τα μαθήματα SQL.

Χρήση html για να πετύχουμε πρώτη σελίδα στην google

Υπάρχουν διάφορες τεχνικές προώθησης ιστοσελίδων για να καταφέρουμε να επιτύχουμε άνοδο στην πρώτη σελίδα της google. Μία από τις παραμέτρους που εξετάζει η google είναι ταχύτητα φόρτωσης της ιστοσελίδας. Κανένα από τα συστήματα κατασκευής ιστοσελίδων που αναφέραμε παραπάνω δεν μπορούν να πετύχουν τόσο χαμηλό χρόνο φόρτωσης όσο το html. Η αιτία της καθυστέρησης είναι η χρήση της php και της mysql. Σε όλα τα συστήματα κατασκευή ιστοσελίδων το περιεχόμενο παράγεται αφού η γλώσσα προγραμματισμού php διαβάσει το περιεχόμενο μέσα από τη βάση δεδομένων mysql. Αυτό δημιουργεί μία καθυστέρηση την οποία δεν την έχουμε όταν χρησιμοποιούμε απλό html. Επίσης πολλά template καθυστερούν ακόμα περισσότερο τη φόρτωση της ιστοσελίδας.

Ναι μεν η χρήση του template μας επιτρέπει να έχουμε μία πολύ ωραία εμφανισιακά ιστοσελίδα όμως θα πρέπει να ζυγίσουμε και την παράμετρο της καθυστέρησης. Σε γενικές γραμμές τα html template είναι πολύ πιο γρήγορα και καθυστερούν πολύ λιγότερο τη φόρτωση της ιστοσελίδας σε σχέση με τα templates του opencart, του joomla και του wordpress. Για να το πούμε με απλά λόγια εαν εμείς φτιάξουμε μία σελίδα με τη χρήση της html τότε ο ανταγωνιστής θα δυσκολευτεί πάρα πολύ να πετύχει καλύτερη κατάταξη στο google χρησιμοποιώντας joomla ή wordpress.

Ιστότοπος html για την προώθηση ιστοσελίδων

Ενδεχομένως όσα διαβάσατε παραπάνω θα σας ξενίζουν. Αυτό συμβαίνει διότι έχετε συνηθίσει να ταυτίζετε την κατασκευή ιστοσελίδας με το wordpress η με το joomla και την κατασκευή ηλεκτρονικού καταστήματος με το opencart η με το presta. Ο Νίκος Μπαλατσούκας έχει ασχοληθεί με την κατασκευή ιστοσελίδων και έχει αναλάβει αρκετές δεκάδες προώθησης ιστοσελίδων. Το συμπέρασμα είναι οτι η καλύτερη τεχνική προώθησης ιστοσελίδων είναι η κατασκευή ενός ιστότοπου με html. Εάν το site έχει λίγες σελίδες τότε η κατασκευή ιστοσελίδας με html συμφέρει από κάθε άποψη. Τόσο από άποψη απαιτήσεων φιλοξενίας όσο και από άποψη ταχύτητας υλοποίησης. Και βέβαια είναι ότι καλύτερο για την προώθηση της ιστοσελίδας. Εάν τώρα το site έχει πάρα πολλές σελίδες τότε καλό θα είναι να ακολουθήσουμε υβριδική μέθοδο. Δηλαδή να φτιάξουμε έναν ιστότοπο html ο οποίος να αποτελείται από λίγες δεκάδες σελίδες πλήρως βελτιστοποιημένες. Ουσιαστικά είναι σαν να φτιάχνουμε κάποιες δεκάδες landing pages. Και όλη η υπόλοιπη πληροφορία να τοποθετηθεί σε ένα wordpress blog το οποίο θα υπάρχει εντός του domain. Για να το πούμε με άλλα λόγια οι προωθούμενες σελίδες κατασκευάζονται με τη γλώσσα html ενώ όλο το υπόλοιπο υλικό του site τοποθετείται σε ένα wordpress blog.

Χρήση html για μεγαλύτερη ασφάλεια

Ένα από τα ζητήματα που απασχολούν τους κατασκευαστές ιστοσελίδων είναι η ασφάλεια. Είναι κοινό μυστικό ότι εάν δεν λάβουμε μέτρα ασφαλείας τότε ο ιστότοπος που θα κατασκευαστεί μέσω wordpress σήμερα στο joomla μέσω opencart ή μέσω presta τότε δεν υπάρχει περίπτωση να έχει πολλά χρόνια ζωής. Για την ακρίβεια είναι κάτι παραπάνω από σίγουρο ότι μέσα σε 2-3 χρόνια θα έχει χτυπηθεί από χάκερς. Σε αυτή την περίπτωση βέβαια οι συνέπειες όσον αφορά τη θέση της ιστοσελίδας στην google είναι καταστροφικές. Όλη η προσπάθεια που κάναμε για την προώθηση της ιστοσελίδας πάει χαμένη. Και πρέπει να ξεκινήσουμε πάλι από την αρχή. Ακόμα δυσκολότερη γίνεται η κατάσταση αν δεν καταλάβουμε έγκαιρα την επίθεση και προλάβει η google να μας ρίξει πέναλτι. Τότε η προσπάθεια προώθησης της ιστοσελίδας καθίσταται εξαιρετικά δύσκολη αν όχι αδύνατη. Αντίθετα εάν επιλέξουμε να κάνουμε κατασκευή ιστοσελίδας με τη γλώσσα html τότε η πιθανότητα επιθέσεις από χάκερ μειώνεται.

Το wordpress είναι λιγότερο ασφαλές

Ο λόγος είναι απλός. Ένας ιστότοπος 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 για ευκολότερη ανάκτηση

Επίσης ένα άλλο πλεονέκτημα που μας δεν είναι η κατασκευή ιστοσελίδας με html είναι πολύ πιο εύκολη η ανάκτηση μέσω του backup. Διότι στην περίπτωση του html χρειάζεται απλά να ξανά ανεβάσουμε τα αρχεία στο νέο πακέτο φιλοξενίας. Αντίθετα στην περίπτωση του wordpress για να ξαναχτίσουμε το site θα πρέπει να εγκαταστήσουμε τη βάσης δεδομένων και στη συνέχεια αφού ανεβάσουμε τα αρχεία να κάνουμε και κάποιες ρυθμίσεις. Οι οποίες βέβαια ενδεχομένως να βγάλουν κάποια προβλήματα διότι οι διάφοροι πάροχοι φιλοξενίας έχουν διαφορετικές ρυθμίσεις καθώς και διαφορετικές εκδόσεις των προγραμμάτων php και mysql. Εδώ κάνουμε σύγκριση των τεχνολογιών wordpress και html στα πλαίσια σεμιναρίου κατασκευής ιστοσελίδων.

Το html αποτελεί αναγκαία γνώση για την κατασκευή ιστοσελίδων

Για όλους αυτούς τους λόγους που αναφέραμε παραπάνω θα δούμε άκρως απαραίτητο να ξεκινήσει κάποιος την εκμάθηση κατασκευή ιστοσελίδων από τη γλώσσα html. Αυτό είναι το πρώτο πράγμα που λέμε στα σεμινάρια κατασκευής ιστοσελίδων. Όλα τα εργαλεία είναι χρήσιμα αλλά το σημαντικότερο όλων είναι να έχει κανείς την ευελιξία να λύνει τα προβλήματα εύκολα και γρήγορα. Η γλώσσα html μας παρέχει αυτή ακριβώς την ευελιξία στην κατασκευή ιστοσελίδων.

Η σημασία του photoshop στην κατασκευή ιστοσελίδων

Στην κατασκευή e-shop και τη δημιουργία ιστοσελίδων πολύ συχνά προκύπτει η ανάγκη επεξεργασίας εικόνων. Για το σκοπό αυτό το καταλληλότερο πρόγραμμα με το photoshop. Η ομάδα μας έχει μεγάλη εμπειρία στην επεξεργασία εικόνων και στη διδασκαλία αυτής στα σεμινάρια photoshop. Στον ιστότοπο που ήδη βρίσκεστε έχουμε δημοσιεύσει κάποια κομμάτια του υλικού που χρησιμοποιούμε στα σεμινάρια photoshop με σκοπό να βοηθήσουμε τους εκπαιδευόμενους στην καλύτερη εφαρμογή των γνώσεων. Περιλαμβάνονται επίσης ασκήσεις photoshop τις οποίες μπορεί να χρησιμοποιήσει ο εκπαιδευόμενος για να κάνει εξάσκηση. Στον ακόλουθο σύνδεσμο θα βρείτε πολλές ασκήσεις για το photoshop.