Host dan Edit Laman Web di Windows secara Percuma Menggunakan XAMPP

Host dan Edit Laman Web di Windows secara Percuma Menggunakan XAMPP

Anda mahu membina laman web, tetapi tidak tahu mahu bermula dari mana?





Nampaknya tempat latihan pengembangan web yang biasa juga paling mahal: beli domain, pelayan hos, akaun WordPress, tema, dll. Tetapi bagaimana jika anda bukan pemilik perniagaan kecil atau berusaha membina jenama? Bagaimana jika anda hanya ingin belajar pengembangan web, tidak kemas?





Baca terus untuk mengetahui cara menghoskan laman web anda sendiri, yang boleh anda buat dari awal atau dengan templat yang telah dibuat sebelumnya, di komputer anda, dan secara percuma. Oh, itu termasuk menghosting akaun WordPress anda sendiri!





XAMPP: Pengenalan

XAMPP Bitnami adalah 'sebaran Apache yang mengandungi PHP dan Perl.' Untuk tujuan kami, kami hanya perlu memahami bahawa XAMPP adalah program percuma dan mudah yang membolehkan pengguna mengehos laman web di PC mereka.

Walaupun menyediakan pelayan tempatan menggunakan XAMPP agak teknikal, prosesnya juga agak mudah dan lurus ke depan. Setelah semuanya disiapkan, anda akan dapati bahawa mengurus dan menyunting laman web sangat mudah.



Kemudian ada masalah kawalan cepat dan lengkap. Dengan menggunakan XAMPP untuk membuat dan mengedit laman web, anda dapat mengubah seberapa banyak atau sedikit laman web yang anda mahukan. Yang mengatakan, dengan kekuatan besar datang tanggungjawab besar. Anda juga lebih mudah kehilangan laman web anda, terutamanya jika anda tidak melakukannya buat sandaran .

cara menambah gif ke imessage

Sekiranya anda mahukan projek kursus permulaan yang asli di web dev, bagaimanapun, XAMPP adalah untuk anda. Itu merangkumi sebarang projek yang berkaitan dengan HTML, CSS, Javascript, dan seterusnya!





Memasang XAMPP

Menuju ke XAMPP laman web dan muat turun pakej. Ikuti proses persediaan lalai. Setelah memuat turun XAMPP, panel kawalan XAMPP anda akan terbuka secara automatik. Sekiranya tidak, anda boleh mencari program XAMPP seperti yang lain (melalui carian Menu Mula).

Di tetingkap panel kawalan XAMPP anda, anda akan melihat susun atur ringkas proses XAMPP yang sedang dijalankan. Untuk tujuan kami, kami akan memberi tumpuan kepada dua pilihan pertama: Apache dan MySQL.





Apache - Inti utama XAMPP, pilihan Apache membuat pelayan Apache pada PC anda. Inilah yang membolehkan anda menjalankan dan mengedit laman web di PC anda melalui penyemak imbas web, seperti laman web. Kecuali, tentu saja, laman web ini berjalan di PC anda, berbanding pelayan yang disambungkan ke internet.

MySQL - SQL memungkinkan untuk komunikasi antara pangkalan data dan laman web, yang membolehkan pengguna menguji dan menyimpan e-mel, kata laluan, dan input data lain. Kami akan menggunakannya untuk akaun WordPress tempatan anda.

Tekan Mulakan butang di panel kawalan XAMPP anda di bawah Tindakan untuk kedua-dua Apache dan MySQL. Tunggu sehingga kedua Apache dan MySQL diserlahkan hijau di bawah bahagian modul anda. Setelah diaktifkan, anda bebas menggunakan XAMPP.

Localhost dan phpMyAdmin

Untuk memastikan semuanya berjalan lancar, buka penyemak imbas web, masukkan http: // localhost / ke bar alamat anda dan tekan Masukkan . Anda harus diarahkan ke http: // localhost / papan pemuka / , yang merupakan halaman XAMPP lalai.

Seterusnya, klik pada phpMyAdmin butang pada menu navigasi atas. Anda akan diarahkan ke halaman phpMyAdmin lalai anda.

Biarkan ini sahaja buat masa ini, tetapi jika kedua-duanya berfungsi, anda sudah bersedia untuk mula membuat laman web!

Membuat Laman Web Menggunakan XAMPP

Sekarang datang bahagian yang menyeronokkan. Pergi ke folder XAMPP yang terdapat di direktori pemacu root anda ( C: xampp secara lalai). Kemudian, menuju ke htdocs . Ini akan menjadi repositori laman web utama yang akan anda gunakan untuk melihat laman web.

Sebelum kita membuat dan mengedit laman web, anda memerlukan penyunting teks. Walaupun anda dapat menggunakan editor teks lalai seperti Notepad, biasanya lebih baik memuat turun editor pihak ketiga yang dibuat khusus untuk kod dan markup. Teks Luhur adalah salah satu yang terbaik, jadi kunjungi laman web mereka dan muat turun perisian untuk memulakan.

Sekarang anda boleh mula memuat turun dan memasang laman web ke XAMPP. Saya akan menggunakan Perjalanan jalan raya templat, tetapi anda boleh menggunakan templat mana yang anda mahukan. Muat turun fail zip laman web, dan simpan di lokasi yang akan anda ingat. Seterusnya, buat folder dalam folder htdocs XAMPP untuk laman web anda. Saya telah menamakan milik saya perjalanan jalan raya - cuba menjaga nama anda sederhana. Kemudian, unzip dan ekstrak kandungan fail zip anda ke folder htdocs ini.

Setelah mengekstrak fail, pergi ke repositori laman web anda di dalam htdocs untuk memastikan fail diekstrak dengan betul.

Akhirnya, pergi ke laman web anda dalam penyemak imbas web anda. Anda laman web , untuk dibahas, akan dapat dihubungi menggunakan localhost yang disebutkan sebelumnya bersama dengan nama folder yang menyimpan fail halaman anda. Ini kerana laman web pada dasarnya adalah fail yang terdapat dalam folder, semuanya di bawah satu domain - atau nama root. Anda sudah belajar!

Folder kami yang dibuat sebelum ini dinamakan roadtrip, jadi alamat laman web lengkapnya http: // localhost / roadtrip .

Anda sudah selesai! Sekarang anda boleh mula mengedit laman web secara tempatan.

Menyunting Laman Web

Buka Teks Sublime. Kepala ke Fail dan pilih Buka fail . Cari dan pilih folder web anda dalam folder XAMPP. Anda kini dapat mengedit beberapa halaman laman web yang sama di dalam editor Teks Sublime anda.

Teks Sublime juga menyediakan antara muka yang bagus untuk anda melihat setiap fail dan folder laman web anda. Untuk membuat perubahan di laman web anda, edit kod laman web anda, simpan (menggunakan perintah papan kekunci Ctrl + S ), dan muat semula laman web anda dalam penyemak imbas.

Prosesnya mudah dan langsung: edit laman web, kemudian periksa untuk melihat apakah kod anda berfungsi. Semasa anda maju dalam pengembangan web anda, anda akan berusaha memasukkan ciri yang lebih rumit ke dalam laman web anda. Tidak kira tahap kemahiran, format asas untuk mengedit halaman tetap sama.

Gunakan WordPress Dengan XAMPP

Sekiranya anda tidak mahu mengedit kod mentah, atau lebih suka menggunakan sistem pengurusan kandungan (CMS) yang lebih dikenali, WordPress menyediakan sumber reka bentuk webnya yang hebat dalam fail ZIP yang mudah digunakan juga! Untuk memasang WordPress di XAMPP, pergi ke Laman web WordPress dan muat turun aplikasi rasmi.

Gunakan format yang sama untuk membuat laman web seperti sebelumnya, dengan folder WordPress yang diekstrak terdapat dalam direktori htdoc di dalam folder wordpress . Kekalkan nama folder demi kejelasan.

Menggunakan phpMyAdmin

Oleh kerana WordPress menghendaki anda membuat maklumat log masuk, anda perlu membuat entri di direktori PHP anda untuk halaman web. Kepala ke halaman phpMyAdmin anda - http: // localhost / phpmyadmin / secara lalai - untuk memulakan.

Dari halaman ini, klik pada Pangkalan Data . Di bawah Buat pangkalan data parameter, masukkan wordpress dan kemudian memukul Buat . Anda akan melihat pop timbul yang memberitahu bahawa pangkalan data telah dibuat. Seterusnya, tutup tetingkap penyemak imbas ini dan masukkan folder WordPress anda dalam direktori XAMPP htdocs. Folder ini semestinya mempunyai kandungan fail WordPress anda yang tidak dizip.

Mengkonfigurasi Log Masuk

Kami perlu mengkonfigurasi laman web WordPress yang sebenarnya supaya anda boleh log masuk dan menggunakan laman web ini. Ini dilakukan melalui fail konfigurasi PHP utama WordPress. Di dalam folder WordPress anda, cari fail yang berlabel wp-config-sample.php , klik kanan fail, pilih Edit (atau Buka dengan untuk penyunting teks yang berasingan). Notepad mesti berfungsi dengan baik.

Inilah kod yang akan kami fokuskan:

// ** 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 ');

Anda perlu membuat tiga perubahan pada kod di atas dalam tanda petikan.

pangkalan data_nama_di sini - Tukar parameter ini menjadi wordpress . Laman web kemudian akan menggunakan pangkalan data yang dibuat sebelumnya dalam phpMyAdmin yang dilabelkan seperti itu.

nama pengguna_di sini - Tukar ini akar . Nama pengguna root memiliki hak pentadbir yang betul secara lalai, jadi ia akan dibenarkan melalui phpMyAdmin. Nama pengguna lain tidak akan berfungsi kecuali diberikan kebenaran yang sesuai.

kata laluan_di sini - Tukar ini ke kata laluan yang mudah dikenali. Sekiranya anda lebih suka tidak menggunakan kata laluan, hapus parameternya.

Simpan fail ini sebagai wp-config.php - berbanding yang sebelumnya wp-config-sample.php - dan keluar. Kemudian, pergi ke alamat localhost berikut: http: // localhost / wordpress .

Teruskan dengan pemasangan, termasuk pembuatan WordPress anda Nama pengguna dan Kata Laluan . Anda boleh memasukkan nilai mana yang anda mahukan. Setelah selesai memasukkan nilai anda, klik pada Pasang WordPress butang untuk menyelesaikan proses. Setelah selesai, log masuk ke WordPress tempatan anda menggunakan nama pengguna dan kata laluan yang diberikan pada halaman sebelumnya.

Anda sudah selesai! Sekarang, anda dapat menghabiskan isi hati anda untuk mengedit, mengubah, dan membuat laman web dari awal dan melalui WordPress, di luar talian, dan secara percuma !

aplikasi nombor telefon palsu untuk menghantar teks

Pembangunan Web Bermula Dengan Satu Halaman

Sebelum ini, anda baru memulakan perjalanan pengembangan web anda. Sekarang, anda telah membuat pelayan tempatan di PC anda di mana anda boleh membuat, mengubah, dan menyesuaikan laman web dengan sesuka hati. Yang terbaik, anda betul-betul terkawal. Yang tinggal hanyalah memulakan percubaan anda, jadi teruskan!

Memutuskan anda tidak mahu menjalani semua kerja ini? Cuba salah satu perkhidmatan hosting laman web percuma terbaik sebaliknya.

Kredit Imej: Dmitry Tishchenko / Shutterstock

Berkongsi Berkongsi Tweet E-mel 6 Alternatif yang didengar: Aplikasi Buku Audio Percuma atau Murah Terbaik

Sekiranya anda tidak gemar membayar buku audio, berikut adalah beberapa aplikasi hebat yang membolehkan anda mendengarkannya secara percuma dan sah.

Baca Seterusnya
Topik-topik yang berkaitan
  • Tingkap
  • Pengaturcaraan
  • Perkataan
  • Pembangunan Web
  • Web Hosting
  • Alat Webmaster
  • Pelayan Apache
  • Pelayan Web
Mengenai Pengarang Bonilla Kristian(83 Artikel Diterbitkan)

Christian adalah penambahan baru-baru ini untuk komuniti MakeUseOf dan pembaca yang gemar tentang segala-galanya, dari kesusasteraan yang padat hingga komik Calvin dan Hobbes. Minatnya untuk teknologi hanya dapat ditandingi oleh keinginan dan kesediaannya untuk menolong; jika anda mempunyai pertanyaan mengenai (kebanyakan) apa-apa, jangan hantar e-mel!

Lebih Banyak Dari Christian Bonilla

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan