Φιλοξενήστε και επεξεργαστείτε ιστότοπους στα Windows δωρεάν χρησιμοποιώντας το XAMPP

Φιλοξενήστε και επεξεργαστείτε ιστότοπους στα Windows δωρεάν χρησιμοποιώντας το XAMPP

Θέλετε να δημιουργήσετε έναν ιστότοπο, αλλά δεν ξέρετε από πού να ξεκινήσετε;





Φαίνεται ότι το τυπικό εκπαιδευτικό πεδίο ανάπτυξης ιστοσελίδων είναι επίσης το πιο ακριβό: αγοράστε έναν τομέα, διακομιστή κεντρικού υπολογιστή, λογαριασμό WordPress, θέμα κλπ. Τι γίνεται όμως αν δεν είστε ιδιοκτήτης μικρής επιχείρησης ή προσπαθείτε να δημιουργήσετε μια μάρκα; Τι γίνεται αν προσπαθείτε απλώς να μάθετε την ανάπτυξη ιστού, χωρίς ακαταστασία;





Διαβάστε παρακάτω για να μάθετε πώς να φιλοξενείτε τον δικό σας ιστότοπο, τον οποίο μπορείτε να δημιουργήσετε είτε από την αρχή είτε με προκατασκευασμένα πρότυπα, στον υπολογιστή σας και δωρεάν. Ω, αυτό περιλαμβάνει επίσης τη φιλοξενία του δικού σας λογαριασμού WordPress!





XAMPP: Μια εισαγωγή

Το XAMPP του Bitnami είναι 'μια διανομή Apache που περιέχει PHP και Perl.' Για τους σκοπούς μας, πρέπει μόνο να καταλάβουμε ότι το XAMPP είναι ένα δωρεάν, απλό πρόγραμμα που επιτρέπει στους χρήστες να φιλοξενούν ιστότοπους στους υπολογιστές τους.

Ενώ η εγκατάσταση ενός τοπικού διακομιστή χρησιμοποιώντας XAMPP είναι κάπως τεχνική, η διαδικασία είναι επίσης αρκετά εύκολη και απλή. Μόλις ρυθμιστούν τα πάντα, θα διαπιστώσετε ότι η διαχείριση και η επεξεργασία ιστοσελίδων είναι μια χαρά.



Στη συνέχεια, υπάρχει το θέμα του γρήγορου και πλήρους ελέγχου. Χρησιμοποιώντας το XAMPP για τη δημιουργία και την επεξεργασία ιστότοπων, θα μπορείτε να αλλάξετε όσο ή λίγα από έναν ιστότοπο όσο θέλετε. Τούτου λεχθέντος, με μεγάλη δύναμη έρχεται μεγάλη ευθύνη. Είστε πιο επιρρεπείς στο να χάσετε επίσης τους ιστότοπούς σας, ειδικά αν δεν το κάνετε δημιουργήστε αντίγραφα ασφαλείας Το

πώς να σχίσετε μια ακτινογραφία

Αν θέλετε ένα γνήσιο πρόγραμμα μαθημάτων εκκίνησης στο web dev, ωστόσο, το XAMPP είναι για εσάς. Αυτό περιλαμβάνει τυχόν έργα που σχετίζονται με HTML, CSS, Javascript και άλλα!





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

Προχωρήστε στο XAMPP ιστοσελίδα και κατεβάστε το πακέτο. Ακολουθήστε την προεπιλεγμένη διαδικασία ρύθμισης. Μόλις κατεβάσετε το XAMPP, ο πίνακας ελέγχου XAMPP θα πρέπει να ανοίξει αυτόματα. Εάν όχι, μπορείτε να εντοπίσετε το πρόγραμμα XAMPP όπως θα κάνατε με οποιοδήποτε άλλο (μέσω της αναζήτησης μενού Έναρξη).

Στο παράθυρο του πίνακα ελέγχου XAMPP, θα πρέπει να δείτε μια απλή διάταξη της οποίας εκτελούνται οι διαδικασίες XAMPP. Για τους σκοπούς μας, θα εστιάσουμε στις δύο πρώτες επιλογές: Apache και MySQL.





Απάχης - Ο κύριος πυρήνας του XAMPP, η επιλογή Apache δημιουργεί έναν διακομιστή Apache στον υπολογιστή σας. Αυτό είναι που θα σας επιτρέψει να εκτελέσετε και να επεξεργαστείτε ιστότοπους στον υπολογιστή σας μέσω περιηγητών ιστού, όπως ένας ιστότοπος. Εκτός, φυσικά, αυτός ο ιστότοπος λειτουργεί στον υπολογιστή σας, σε αντίθεση με έναν διακομιστή συνδεδεμένο στο διαδίκτυο.

MySQL - Το SQL επιτρέπει την επικοινωνία μεταξύ βάσεων δεδομένων και ιστότοπων, επιτρέποντας στους χρήστες να δοκιμάζουν και να αποθηκεύουν μηνύματα ηλεκτρονικού ταχυδρομείου, κωδικούς πρόσβασης και οποιαδήποτε άλλη είσοδο δεδομένων. Θα το χρησιμοποιήσουμε για τον τοπικό σας λογαριασμό WordPress.

Πάτα το Αρχή στον πίνακα ελέγχου XAMPP κάτω από Ενέργειες τόσο για το Apache όσο και για το MySQL. Περιμένετε έως ότου τόσο το Apache όσο και το MySQL επισημανθούν με πράσινο χρώμα στην ενότητα ενότητας. Μόλις ενεργοποιηθεί, μπορείτε να χρησιμοποιήσετε το XAMPP.

Localhost και phpMyAdmin

Για να διασφαλίσετε ότι όλα είναι σε κατάσταση λειτουργίας, ανοίξτε ένα πρόγραμμα περιήγησης ιστού, εισαγάγετε http: // localhost/ στη γραμμή διευθύνσεών σας και πατήστε Εισαγω Το Θα πρέπει να ανακατευθυνθείτε σε http: // localhost/dashboard/ , η οποία είναι η προεπιλεγμένη σελίδα XAMPP.

Στη συνέχεια, κάντε κλικ στο phpMyAdmin κουμπί στο επάνω μενού πλοήγησης. Θα κατευθυνθείτε στην προεπιλεγμένη σελίδα phpMyAdmin.

Αφήστε τα προς το παρόν προς το παρόν, αλλά αν λειτουργούν και τα δύο, είστε έτοιμοι να ξεκινήσετε τη δημιουργία ιστοσελίδων!

Δημιουργία ιστοσελίδων με χρήση XAMPP

Τώρα έρχεται το διασκεδαστικό κομμάτι. Προχωρήστε στο φάκελο XAMPP που βρίσκεται στον κατάλογο της μονάδας ρίζας ( C: xampp από προεπιλογή). Στη συνέχεια, κατευθυνθείτε προς htdocs Το Αυτό θα είναι το κύριο αποθετήριο ιστότοπων που θα χρησιμοποιήσετε για την προβολή ιστότοπων.

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

Τώρα μπορείτε να ξεκινήσετε τη λήψη και την εγκατάσταση ιστότοπων στο XAMPP. Θα χρησιμοποιήσω το Οδικό ταξίδι πρότυπο, αλλά μπορείτε να χρησιμοποιήσετε όποιο πρότυπο θέλετε. Κατεβάστε το αρχείο zip της ιστοσελίδας και κρατήστε το σε μια τοποθεσία που θα θυμάστε. Στη συνέχεια, δημιουργήστε έναν φάκελο στο φάκελο htdocs της XAMPP για τον ιστότοπό σας. Ονόμασα το δικό μου οδικό ταξίδι - προσπαθήστε να κρατήσετε το όνομά σας απλό. Στη συνέχεια, αποσυμπιέστε και εξαγάγετε τα περιεχόμενα του αρχείου zip σε αυτόν το φάκελο htdocs.

Αφού εξαγάγετε τα αρχεία, μεταβείτε στο χώρο αποθήκευσης του ιστότοπού σας στο htdocs για να βεβαιωθείτε ότι έχουν εξαχθεί σωστά.

Τέλος, μεταβείτε στην ιστοσελίδα σας στο πρόγραμμα περιήγησής σας. Τα δικα σου δικτυακός τόπος , για να το πούμε, θα είναι προσβάσιμο χρησιμοποιώντας το προαναφερθέν localhost μαζί με το όνομα του φακέλου που περιέχει τα αρχεία της σελίδας σας. Αυτό οφείλεται στο γεγονός ότι οι ιστότοποι είναι ουσιαστικά αρχεία που περιέχονται σε φακέλους, όλα με ένα μόνο όνομα τομέα - ή ρίζα. Μαθαίνεις ήδη!

Ο φάκελος που δημιουργήσαμε προηγουμένως ονομάστηκε roadtrip, οπότε είναι η πλήρης διεύθυνση του ιστότοπου http: // localhost/roadtrip Το

Τελείωσες! Τώρα μπορείτε να αρχίσετε να επεξεργάζεστε τον ιστότοπο τοπικά.

Επεξεργασία ιστοσελίδων

Ανοίξτε το Sublime Text. Κατευθύνομαι προς Αρχείο και επιλέξτε Ανοιχτός φάκελος Το Βρείτε και επιλέξτε το φάκελο ιστού σας στο φάκελο XAMPP. Τώρα θα μπορείτε να επεξεργαστείτε πολλές σελίδες του ίδιου ιστότοπου μέσα στον επεξεργαστή Sublime Text.

Το Sublime Text παρέχει επίσης μια εξαιρετική διεπαφή για να βλέπετε κάθε αρχείο και φάκελο του ιστότοπού σας. Για να δημιουργήσετε αλλαγές στον ιστότοπό σας, επεξεργαστείτε τον κώδικα του ιστότοπού σας, αποθηκεύστε (χρησιμοποιώντας την εντολή πληκτρολογίου Ctrl + S. ) και ανανεώστε τον ιστότοπό σας στο πρόγραμμα περιήγησης.

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

Χρησιμοποιήστε το WordPress με XAMPP

Εάν δεν θέλετε να επεξεργαστείτε τον ακατέργαστο κώδικα ή προτιμάτε να χρησιμοποιήσετε ένα πιο οικείο σύστημα διαχείρισης περιεχομένου (CMS), το WordPress παρέχει τον φανταστικό πόρο σχεδιασμού ιστοσελίδων του σε ένα εύχρηστο αρχείο ZIP επίσης! Για να εγκαταστήσετε το WordPress στο XAMPP, μεταβείτε στο Ιστοσελίδα WordPress και κατεβάστε την επίσημη εφαρμογή.

Χρησιμοποιήστε την ίδια μορφή για να δημιουργήσετε έναν ιστότοπο όπως κάνατε προηγουμένως, με τον εξαγόμενο φάκελο WordPress να υπάρχει στον κατάλογο htdoc μέσα στον φάκελο wordpress Το Διατηρήστε το όνομα του φακέλου για λόγους σαφήνειας.

Χρήση phpMyAdmin

Δεδομένου ότι το WordPress απαιτεί τη δημιουργία πληροφοριών σύνδεσης, θα πρέπει να δημιουργήσετε μια καταχώριση στον κατάλογο PHP για την ιστοσελίδα. Κατευθύνομαι προς τη σελίδα phpMyAdmin σας - http: // localhost/phpmyadmin/ από προεπιλογή - για να ξεκινήσετε.

Από αυτήν τη σελίδα, κάντε κλικ στο Βάσεις δεδομένων Το Σύμφωνα με το Δημιουργία βάσης δεδομένων παράμετρος, εισαγάγετε wordpress και μετά χτύπησε Δημιουργώ Το Θα πρέπει να δείτε ένα αναδυόμενο παράθυρο που σας λέει ότι δημιουργήθηκε η βάση δεδομένων. Στη συνέχεια, κλείστε αυτό το παράθυρο του προγράμματος περιήγησης και εισαγάγετε το φάκελο του WordPress στον κατάλογο XAMPP htdocs. Αυτός ο φάκελος θα πρέπει να διαθέτει το περιεχόμενο των αποσυμπιεσμένων αρχείων WordPress.

Διαμόρφωση σύνδεσης

Πρέπει να διαμορφώσουμε τον πραγματικό ιστότοπο WordPress, ώστε να μπορείτε να συνδεθείτε και να χρησιμοποιήσετε τον ιστότοπο. Αυτό γίνεται μέσω του κύριου αρχείου διαμόρφωσης PHP του WordPress. Μέσα στο φάκελο WordPress, βρείτε το αρχείο με ετικέτα wp-config-sample.php , κάντε δεξί κλικ στο αρχείο, επιλέξτε ΕπεξεργασίαΑνοιγμα με για ξεχωριστό επεξεργαστή κειμένου). Το σημειωματάριο πρέπει να λειτουργεί κανονικά.

Ακολουθεί ο κώδικας στον οποίο θα εστιάσουμε:

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');

Θα πρέπει να κάνετε τρεις αλλαγές στον παραπάνω κώδικα στα πλαίσια το εισαγωγικό.

όνομα_βάσης_ δεδομένων_εδώ - Αλλάξτε αυτήν την παράμετρο σε wordpress Το Ο ιστότοπος θα χρησιμοποιήσει στη συνέχεια τη βάση δεδομένων που δημιουργήθηκε προηγουμένως στο phpMyAdmin με την ένδειξη ως τέτοια.

όνομα χρήστη εδώ - Αλλάξτε αυτό σε ρίζα Το Το όνομα χρήστη root έχει τα προεπιλεγμένα δικαιώματα διαχειριστή, επομένως θα επιτρέπεται μέσω του phpMyAdmin. Άλλα ονόματα χρήστη δεν θα λειτουργήσουν αν δεν δοθούν τα κατάλληλα δικαιώματα.

κωδικός_εδώ - Αλλάξτε αυτό σε έναν εύκολα αναγνωρίσιμο κωδικό πρόσβασης. Εάν προτιμάτε να μην χρησιμοποιήσετε κωδικό πρόσβασης, διαγράψτε την παράμετρο.

Αποθηκεύστε αυτό το αρχείο ως wp-config.php - σε αντίθεση με το προηγούμενο wp-config-sample.php - και έξοδο. Στη συνέχεια, κατευθυνθείτε στην ακόλουθη διεύθυνση localhost: http: // localhost/wordpress Το

Συνεχίστε με την εγκατάσταση, συμπεριλαμβανομένης της δημιουργίας του WordPress σας Όνομα χρήστη και Κωδικός πρόσβασης Το Μπορείτε να εισαγάγετε όποιες τιμές προτιμάτε. Μόλις ολοκληρώσετε την εισαγωγή των τιμών σας, κάντε κλικ στο Εγκαταστήστε το WordPress κουμπί για να ολοκληρώσετε τη διαδικασία. Μόλις γίνει αυτό, συνδεθείτε στο τοπικό σας WordPress χρησιμοποιώντας το όνομα χρήστη και τον κωδικό πρόσβασης που δόθηκαν στην προηγούμενη σελίδα.

Τελείωσες! Τώρα, μπορείτε να ξοδέψετε το περιεχόμενο της καρδιάς σας για την επεξεργασία, την τροποποίηση και τη δημιουργία ιστοσελίδων τόσο από την αρχή όσο και από μέσω WordPress, χωρίς σύνδεση και δωρεάν !

spotify vs apple μουσικής vs amazon

Η ανάπτυξη Ιστού ξεκινά με μια μεμονωμένη σελίδα

Πριν, μόλις ξεκινούσατε το ταξίδι ανάπτυξης ιστοσελίδων σας. Τώρα, έχετε δημιουργήσει έναν τοπικό διακομιστή στον υπολογιστή σας μέσω του οποίου μπορείτε να δημιουργήσετε, να τροποποιήσετε και να προσαρμόσετε ιστοσελίδες κατά προτίμηση. Το καλύτερο από όλα, έχετε τον απόλυτο έλεγχο. Το μόνο που απομένει είναι να ξεκινήσετε τον πειραματισμό σας, οπότε προχωρήστε!

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

Συντελεστές εικόνας: Dmitry Tishchenko/Shutterstock

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ 6 Ακουστικές εναλλακτικές λύσεις: Οι καλύτερες δωρεάν ή φτηνές εφαρμογές ηχητικών βιβλίων

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

Διαβάστε Επόμενο
Σχετικά θέματα
  • Windows
  • Προγραμματισμός
  • Wordpress
  • Ανάπτυξη διαδικτύου
  • Φιλοξενία Ιστού
  • Εργαλεία για Webmasters
  • Διακομιστής Apache
  • Διακομιστής Ιστού
Σχετικά με τον Συγγραφέα Χριστιανική μπονίλα(83 άρθρα δημοσιεύθηκαν)

Ο Κρίστιαν είναι μια πρόσφατη προσθήκη στην κοινότητα MakeUseOf και ένθερμος αναγνώστης όλων, από πυκνή λογοτεχνία μέχρι κόμικς Calvin και Hobbes. Το πάθος του για την τεχνολογία συνδυάζεται μόνο με την επιθυμία και την προθυμία του να βοηθήσει. εάν έχετε οποιεσδήποτε ερωτήσεις σχετικά με (κυρίως) οτιδήποτε, μη διστάσετε να στείλετε email!

Περισσότερα από τον Christian Bonilla

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή