×
Κατασκευή Ιστοσελίδων 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

Κατασκευή ιστοσελίδας στο xampp

Κατασκευή ιστοσελίδας στο xampp βήμα προς βήμα. Παρουσιάζουμε λεπτομερώς τη δημιουργία eshop ή ιστοσελίδας στο xampp. Μαθήματα κατασκευής ιστοσελίδων.

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

Εάν θέλετε να κάνετε κατασκευή ιστοσελίδας e-shop για εκπαιδευτικούς σκοπούς τότε μπορείτε να χρησιμοποιήσετε το xampp. Πρόκειται για μία γρήγορη εύκολη ασφαλή και ανέξοδη λύση. Το xampp είναι ένα σύνολο προγραμμάτων με τα οποία μπορούμε να δημιουργήσουμε ένα web server τοπικά στο υπολογιστή μας. Είναι πολύ χρήσιμο για τις περιπτώσεις που θέλουμε να κάνουμε εξάσκηση στην κατασκευή ιστοσελίδων και στη δημιουργία eshop. Σε αυτή την περίπτωση θα έπρεπε να αγοράσουμε ένα πακέτο φιλοξενίας από κάποια εταιρεία hosting. Το κόστος των φθηνότερων πακέτων φιλοξενίας ξεκινά από 50€ / έτος, χωρίς όμως δυνατότητα αγοράς μόνο ενός μήνα.

Για να αποφύγουμε το κόστος φιλοξενίας αλλά και για να έχουμε τη δυνατότητα να δημιουργήσουμε πολλά eshop και πολλές ιστοσελίδες η καλύτερη λύση είναι να εγκαταστήσουμε το xampp. Επισης εάν κάνουμε εγκατάσταση του xampp τότε δεν έχουμε ανάγκη τη σύνδεση με το διαδίκτυο για την κατασκευή e-shop και ιστοσελίδων. Στη συνέχεια του άρθρου παρουσιάζουμε βήμα προς βήμα την εγκατάσταση του xampp και στη συνέχεια την εγκατάσταση του wordpress.

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

1. Κάνουμε αναζήτηση στη google με τη φράση: download xampp. Επιλέγουμε το πρώτο αποτέλεσμα.

αναζήτηση xampp

2. Επιλέγουμε τη νεότερη έκδοση.

Επιλέγουμε τη νεότερη έκδοση xampp

3. Εάν δεν ξεκινήσει λήψη του αρχείου εγκαάστασης xampp, τότε πατάμε εδώ: "click here"

αρχείο εγκατάστασης xampp

4. Κάνουμε κλικ στο button "I ACCEPT" για να συμφωνήσουμε με τους όρους χρήσης.

όροι χρήσης εγκατάστασης xampp

5. Πατάμε στο πράσινο button.

λήψη αρχείων εγκατάστασης xampp

6. Περιμένουμε 5 δευτερόλεπτα μέχρι να ξεκινήσει η λήψη του αρχείου.

Περιμένουμε να ξεκινήσει η λήψη του αρχείου εγκατάστασης xampp

7. Στη συνέχεια περιμένουμε μέχρι να ολοκληρωθεί η λήψη του αρχείου.

ξεκινά η λήψη του αρχείου

8. Αφού ολοκληρωθεί η λήψη του αρχείου θα πρέπει να κάνουμε κλικ στην κατάλληλη επιλογή για να μεταβούμε στο φάκελο λήψεων.

εγκατάσταση xampp φάκελος λήψεων

9. Εδώ βλέπουμε το αρχείο εγκατάστασης του xampp. Κάνουμε διπλό κλικ και ξεκινά η εγκατάσταση.

Κάνουμε διπλό κλικ και ξεκινά η εγκατάσταση xampp

10. Το πρώτο βήμα της εγκατάστασης του xampp. Απλά πατάμε "next" και συνεχίζουμε.

πρώτο βήμα της εγκατάστασης του xampp

11. Το πρώτο βήμα της εγκατάστασης του xampp. Απλά πατάμε "next" και συνεχίζουμε.

πρώτο βήμα εγκατάστασης xampp

12. Το δεύτερο βήμα της εγκατάστασης του xampp. Απλά πατάμε "next" και συνεχίζουμε.

δεύτερο βήμα της εγκατάστασης του xampp.

13. Το τρίτο βήμα της εγκατάστασης του xampp. Απλά πατάμε "next" και συνεχίζουμε.

τρίτο βήμα της εγκατάστασης του xampp

14. Το τέταρτο βήμα της εγκατάστασης του xampp. Απλά πατάμε "next" και συνεχίζουμε.

τέταρτο βήμα της εγκατάστασης του xampp

15. Το πέμπτο βήμα της εγκατάστασης του xampp. Απλά περιμένουμε.

πέμπτο βήμα της εγκατάστασης του xampp

16. Περιμένουμμε μέχρι η πράσινη μπάρα να ολοκληρωθεί.

ολοκλήρωση εγκατάστασης του xampp

17. Στο παράθυρο που προκύπτει κάνουμε κλικ στην επιλογή "Να επιτρέπεται η πρόσβαση".

Να επιτρέπεται η πρόσβαση

18. Τέλος κάνουμε κλικ στην επιλογή "Finish" για να ολοκληρωθεί η εγκατάσταση του xampp.

Finish

Χρήση του xampp

19. Εδώ έχει ανοίξει το xampp.

έχει ανοίξει το xampp

20. Τις επόμενες φορές που θα θελήσουμε να το ανοίξουμε θα πρέπει να κάνουμε κλικ κάτω δεξιά στην οθόνη.

άνοιγμα του xampp

21. Και ενεργοποιούμε τα προγράμματα που επιθυμούμε.

ενεργοποιούμε τα προγράμματα που επιθυμούμε

22. Για την εγκατάσταση του wordpress απαιτείται το Apache και η MySQL. Στο παράθυρο που προκύπτει κάνουμε κλικ στην επιλογή "Να επιτρέπεται η πρόσβαση".

απαιτείται το Apache και η MySQL

23. Τα ενεργοποιημένα προγράμματα έχουν πράσινο χρώμα. Για την εγκατάσταση του wordpress ενεργοποιήσαμε το Apache και τη MySQL.

ενεργοποιήσαμε το Apache και τη MySQL

24. Ανοίγουμε ένα φυλλομετρητή (browser) και γράφουμε localhost στη γραμμή διευθύνσεων.

localhost στη γραμμή διευθύνσεων

25. Εάν όλα έγιναν σωστά τότε θα ανοίξει η ιστοσελίδα:

τότε θα ανοίξει η ιστοσελίδα

26. Στη συνέχεια πατάμε "Admin" για να ανοίξει το phpMyAdmin.

phpMyAdmin

27. Εδώ βλέπουμε τις διαθέσιμες επιλογές στο phpmyadmin.

διαθέσιμες επιλογές στο phpmyadmin

28. Εδώ βλέπουμε τις βάσεις δεδομένων στο phpmyadmin.

βάσεις δεδομένων στο phpmyadmin

29. Κάνουμε κλικ στη δημιουργία βάσης δεδομένων και δίνουμε τα στοιχεία που επιθυμούμε.

δημιουργία βάσης δεδομένων

30. Η βάση δεδομένων δημιουργήθηκε.

Η βάση δεδομένων δημιουργήθηκε

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

31. Στη συνέχεια θέλουμε να κατεβάσουμε το αρχείο εγκατάστασης του wordpress. Για αυτό το λόγο αναζητούμε στη google: download wordpress.

αρχείο εγκατάστασης του wordpress

32. Μεταβαίνουμε στον επίσημο ιστότοπο της wordpress.

επίσημο ιστότοπο της wordpress

33. Περιμένουμε μέχρι να ολοκληρωθεί η λήψη.

λήψη wordpress

34. Αφού ολοκληρωθεί η λήψη του αρχείου θα πρέπει να κάνουμε κλικ στην κατάλληλη επιλογή για να μεταβούμε στο φάκελο λήψεων.

φάκελος λήψεων

35. Εδώ βλέπουμε το αρχείο εγκατάστασης του wordpress.

αρχείο εγκατάστασης του wordpress

36. Κάνουμε κλικ στην επιλογή "Explorer" για να ανοίξουμε το φάκελο αρχείων του xampp.

φάκελος αρχείων του xampp

37. Μεταβαίνουμε στο φάκελο htdocs.

φάκελος htdocs

38. Αντιγράφουμε σε αυτό το φάκελο το αρχείο εγκατάστασης του wordpress που κατεβάσαμε. Κάνουμε extract τα περιεχόμενα του αρχείου σε νέο φάκελο.

αρχείο εγκατάστασης του wordpress

39. Τοποθετούμε τα αρχεία σε φάκελο με όνομα π.χ. wordpress.

Τοποθετούμε τα αρχεία σε φάκελο

40. Στη γραμμή διευθύνσεων κάποιου φυλλομετρητή γράφουμε: "localhost/wordpress" για να ξεκινήσει η εγκατάσταση του wordpress.

εγκατάσταση του wordpress

41. Το πρώτο βήμα της εγκατάστασης του wordpress. Απλά πατάμε "Let's go!" και συνεχίζουμε.

πρώτο βήμα της εγκατάστασης του wordpress

42. Εδώ δίνουμε το όνομα της βάσης δεδομένων που δημιουργήσαμε.

όνομα της βάσης δεδομένων

43. Η εγκατάσταση του wordpress ξεκίνησε.

εγκατάσταση του wordpress ξεκίνησε

44. Δημιουργούμε τα στοιχεία του διαχειριστή (username και password).

username και password του διαχειριστή

45. Στη συνέχεια κάνουμε login στο wordpress.

κάνουμε login στο wordpress

46. Πλέον μπήκαμε στη διαχείριση του wordpress.

διαχείριση του wordpress

Κατασκευή ιστοσελίδων wordpress

Μετά την εγκατάσταση του wordpress έχουμε τη δυνατότητα να κάνουμε εξάσκηση στην κατασκευή ιστοσελίδων με το wordpress. Μπορείτε να πραγματοποιήσετε ολοκληρωμένη δημιουργία ιστοσελίδας wordpress, να εγκαταστήσετε όσα plugins θέλετε, να γράψετε άρθρα και να κάνετε βελτιστοποίηση ιστοσελίδων. Η κατασκευή ιστοσελίδων με το wordpress δίνει εκπληκτικές δυνατότητες. Μπορείτε να χρησιμοποιήσετε το xampp για να δημιουργήσετε πολλές ιστοσελίδες, καθεμία για διαφορετική κατηγορία επιχειρήσεων.

Προώθηση ιστοσελίδων

Η εγκατάσταση του xampp προσφέρει δυνατότητα εξάσκησης στην προώθηση ιστοσελίδων. Όταν λέμε προώθηση ιστοσελίδων εννοούμε όλες τις ενέργειες που κάνουνε ώστε ο ιστότοπος να εμφανιστεί στην πρώτη σελίδα αποτελεσμάτων της google με επιλεγμένες λέξεις κλειδιά. Η προώθηση ιστοσελίδων ονομάζεται και SEO ( Search Engine Optimization) οι ενέργειες προώθησης ιστοσελίδων που γίνονται στον ίδιο τον ιστότοπο ονομάζονται on-site SEO. Αντίθετα οι προωθητικές ενέργειες που γίνονται σε άλλους ιστότοπους ονομάζονται off-site SEO.

Με τη χρήση των κατάλληλων plug-in μπορούμε να εξασκηθούμε στην προώθηση ιστοσελίδων χρησιμοποιώντας το xamp. Ουσιαστικά και στις δύο περιπτώσεις έχουμε να κάνουμε με την βελτιστοποίηση ιστοσελίδων. Το σημαντικότερο κομμάτι στην προώθηση ιστοσελίδων είναι η διαδικασία βελτιστοποίησης. Όταν λέμε βελτιστοποίηση ιστοσελίδων εννοούμε οτι προσπαθούμε να δείξουμε στη Google πως κάθε μεμονωμένη σελίδα του ιστότοπου είναι κατάλληλη για κάποιες συγκεκριμένες λέξεις κλειδιά. Εφαρμόζουμε τη διαδικασία βελτιστοποίησης σε όλες τις σελίδες του ιστότοπου. Το καλύτερο plugin για τη βελτιστοποίηση ιστοσελίδων wordpress είναι το yoast SEO. Όταν αναλαμβάνουμε προώθηση ιστοσελίδων τότε βελτιστοποιούμε όλες τις σημαντικές σελίδες του ιστότοπου.

Μαθήματα SEO

Η διαδικασία της προώθηση ιστοσελίδων είναι μία από τις σημερινές πηγές προσέλκυσης επισκεπτών σε έναν ιστότοπο. Το SEO φέρνει κίνηση από τα οργανικά αποτέλεσμα των μηχανών αναζήτησης. Μπορείτε να αναθέσετε την προώθηση της ιστοσελίδας σας σε ειδικούς η να την κάνετε μόνοι σας. Ο καλύτερος τρόπος είναι να κάνετε την προώθηση της ιστοσελίδας σας εσείς οι ίδιοι διότι κανένας δεν γνωρίζει το αντικείμενο καλύτερα από τον επαγγελματία. Εσείς έχετε τις γνώσεις που απαιτειται να γραφτούν στην ιστοσελίδα σας ώστε να αποτελέσει πόλο έλξης για τους επισκέπτες των μηχανών αναζήτησης.

Εάν δεν έχετε τις απαραίτητες γνώσεις προώθησης ιστοσελίδων τότε μπορείτε να παρακολουθήσετε μαθήματα seo και να τις αποκτήσετε εύκολα και γρήγορα. Στα σεμινάρια SEO διδάσκονται λεπτομερώς οι τεχνικές με τις οποίες μπορείτε να κατακτήσετε την πρώτη σελίδα της Google. Στην ιστοσελίδα μας έχουμε ένα σύνολο άρθρων τα οποία χρησιμοποιούμε στα σεμινάρια SEO. Η δημοσίευση των άρθρων προώθησης ιστοσελίδων βοηθά τους εκπαιδευόμενους των μαθημάτων SEO ώστε να μπορούν να κάνουν εξάσκηση μόνοι τους μετά το μάθημα. Στον ακόλουθο σύνδεσμο υπάρχουν περισσότερα από τριαντα άρθρα που χρησιμοποιούνται στα σεμινάρια SEO.

Εγκατάσταση των plugins σε ιστοσελίδα wordpress

Η μεγάλη δύναμη του wordpress κρύβεται στα plugins. Ότι κι αν θέλετε να κάνετε είναι σίγουρο ότι υπάρχει το κατάλληλο wordpress plugin που θα σας βοηθήσει να το πραγματοποιήσετε. Τα plugins στο wordpress επιτρέπουν την υλοποίηση απαιτήσεων που θα απαιτούσαν πολλές εργατοώρες προγραμματιστικης εργασίας. Προτείνουμε να κάνετε πολλές δοκιμές στην εγκατάσταση και χρήση των plugins για την πλατφόρμα του wordpress. Ανάλογα με τον επαγγελματικό κλάδο στον οποίο δραστηριοποιείται η επιχείρηση για την οποία έχετε αναλάβει να κάνετε δημιουργία ιστοσελίδας θα πρέπει να βρείτε, να εγκαταστήσετε και να δοκιμάσετε τα κατάλληλα plugins. Στο ακόλουθο άρθρο έχουμε συγκεντρώσει τα πιο χρήσιμα wordpress plugins που χρησιμοποιούνται στην κατασκευή ιστοσελίδων.

Κατασκευή e-shop

Εφόσον έχετε εγκαταστήσει το wordpress μπορείτε εύκολα να προχωρήσετε στην κατασκευή e-shop. Υπάρχει ένα plugin το οποίο μπαίνει στο wordpress και οδηγεί στη δημιουργία eshop επαγγελματικών προδιαγραφών. Πλέον η πιο δημοφιλής πλατφόρμα για την κατασκευή e-shop είναι το wordpress και ειδικότερα το plugin του WooCommerce. Η επιλογή της δημιουργίας eshop woocommerce έχει γίνει πολύ πιο δημοφιλής από άλλες πλατφόρμες που υπάρχουν χρόνια στην αγορά όπως για παράδειγμα το Magento και το Opencart. Η διαδικασία εγκατάστασης του WooCommerce είναι πολύ απλή. Στον ιστότοπό μας έχουμε δημιουργήσει άρθρο ειδικά για την κατασκευή e-shop με το WooCommerce.

Μαθήματα wordpress

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

Μαθήματα eshop

Επίσης έχουμε επιλεγμένα παραδείγματα και ασκήσεις κατασκευής eshop στη σελίδα μαθημάτων WooCommerce. Είτε αποφασίσετε να κάνετε μόνοι σας την εκπαίδευση στην κατασκευή eshop είτε επιλέξετε να παρακολουθήσετε σεμινάρια eshop, σε κάθε περίπτωση αυτό που χρειάζεται να έχετε είναι επιλεγμένα παραδείγματα και ασκήσεις WooCommerce ώστε να κάνετε ολοκληρωμένη εξάσκηση. Εδώ μπορείτε να ενημερωθείτε για τα μαθήματα WooCommerce.

Χρήση του xampp se σεμινάρια mysql

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

Κατασκευή web εφαρμογής στο xampp

Η χρήση του xampp συνηθίζεται όταν ξεκινάμε να φτιάχνουμε μία web εφαρμογή. Στα πρώτα στάδια της δημιουργίας διαδικτυακής εφαρμογής πρέπει να σχεδιάσουμε τη βάση δεδομένων. Ενδεχομένως όταν θα περάσουμε στην πράξη να χρειαστεί να κάνουμε κάποιες αλλαγές στη βάση δεδομένων που θα χρησιμοποιήσουμε στη web εφαρμογή. Είναι πολύ πιο εύκολο να κάνουμε τις αλλαγές αυτές τοπικά στο δικό μας υπολογιστή και να κρατάμε πολλά αντίγραφα παρά να το κάνουμε στο διαδίκτυο. Επίσης ο χρόνος κατασκευής μιας web εφαρμογής ενδέχεται να είναι αρκετά μεγάλος και να προκύψουν αρκετές αλλαγές από τη μεριά του πελάτη. Δεν υπάρχει λόγος σε όλο αυτό το χρονικό διάστημα ο πελάτης δεν πληρώνει φιλοξενία για τη διαδικτυακή εφαρμογή. Στο τέλος όταν θα έχουμε ολοκληρώσει και τη σχεδίαση της βάσης και τον κώδικα μπορούμε να αγοράσουμε ένα πακέτο φιλοξενίας και να δημοσιεύσουμε τη διαδικτυακή εφαρμογή που δημιουργήσαμε.